diff --git a/assets/JSON/package-lock.json b/assets/JSON/package-lock.json
index 49a23c75b..07445f192 100644
--- a/assets/JSON/package-lock.json
+++ b/assets/JSON/package-lock.json
@@ -14,6 +14,7 @@
         "mongoose": "^8.3.4",
         "nodemailer": "^6.9.13",
         "nodemon": "^3.1.0",
+        "swapreads": "file:",
         "zod": "^3.23.8"
       }
     },
@@ -1150,6 +1151,10 @@
         "node": ">=4"
       }
     },
+    "node_modules/swapreads": {
+      "resolved": "",
+      "link": true
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
diff --git a/assets/JSON/package.json b/assets/JSON/package.json
index 1e25c6c9e..b459762ed 100644
--- a/assets/JSON/package.json
+++ b/assets/JSON/package.json
@@ -16,6 +16,7 @@
     "mongoose": "^8.3.4",
     "nodemailer": "^6.9.13",
     "nodemon": "^3.1.0",
+    "swapreads": "file:",
     "zod": "^3.23.8"
   }
 }
diff --git a/assets/css/style.css b/assets/css/style.css
index 1ed108062..d230e515f 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1101,7 +1101,8 @@ play-btn ion-icon {
   display:  flex;
   flex-wrap:  wrap;
   justify-content:  center;
-  align-items:  center;
+  align-items:left;
+  
   margin-left:  120px;
 
 }
@@ -2756,12 +2757,15 @@ footer {
     padding-block-start: calc(var(--section-padding) + 100px);
     text-align: left;
   }
-
+ 
   .hero .container {
-    grid-template-columns: 1fr 0.8fr;
-    align-items: center;
-  }
 
+    grid-template-columns:  1fr 0.8fr;
+    align-items:  center;
+    margin-left:  30px;
+
+  }
+ 
   /**
    * BENEFITS
    */
@@ -4688,3 +4692,156 @@ body.dark-mode .h3 {
   position: relative;
   left: 10rem;
 }
+
+
+body {
+  background-color: #ffb2a8; /* Background color for the whole page */
+  color: black;
+  font-size: 1.55rem;
+  line-height: 1.8;
+  text-align: start;
+}
+
+.container1 {
+  margin: 0 auto;
+  width: 100%;
+  text-align: left !important;
+  max-width: 1200px;
+  height: auto;
+  max-height: 1600px;
+  padding: 20px;
+  box-sizing: border-box;
+  overflow-y: auto;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  background-color:var(--seashell);
+}
+* {
+  box-sizing: border-box;
+}
+
+body, .container1, .form-fields {
+  text-align: left !important;
+}
+
+
+
+.form-fields {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+/* Label for each field */
+.form-label {
+  margin-bottom: 5px; /* Reduced margin */
+  font-weight: bold;
+  margin-top:5px
+}
+
+/* Input field styling */
+.input-field {
+  padding: 8px; /* Reduced padding */
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  margin-bottom: 10px; /* Adjusted margin */
+  width: 100%; /* Full width */
+  box-sizing: border-box; 
+  margin-top: 5px;/* Include padding in width */
+}
+
+/* Currency container styling */
+.currency-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px; /* Adjusted margin */
+}
+
+/* Styling for currency label */
+.currency-label {
+  margin-right: 8px; /* Reduced margin */
+}
+
+/* Button styling */
+.btn {
+  background-color: #ff67a1;
+  color: white;
+  border: none;
+  padding: 10px; /* Reduced padding */
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+  /* Style for Predict Price button */
+#predictPriceBtn {
+  background-color:#4CAF50; /* Change to your preferred background color */
+  color: white; /* Text color */
+  border: none;
+  padding: 10px 20px;
+  cursor: pointer;
+  font-size: 16px;
+  border-radius: 5px;
+  transition: background-color 0.3s ease;
+}
+
+/* Hover effect */
+#predictPriceBtn:hover {
+  background-color:#ad5388; /* Darker shade for hover effect */
+}
+
+/* Active and focus states to prevent white background */
+#predictPriceBtn:active,
+#predictPriceBtn:focus {
+  background-color: #ad5388; /* Keep the original background color */
+  color: white;
+  outline: none;
+}
+
+/* Remove any outline on focus */
+#predictPriceBtn:focus {
+  outline: none;
+}
+
+  
+
+
+
+/* Style for the Connect with a Reader button */
+#connectReaderBtn {
+  background-color: #4CAF50; /* Change this color to your preferred button color */
+  color: white; /* Button text color */
+  border: none; /* Remove border */
+  padding: 10px 20px; /* Button padding */
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin-top: 10px;
+  cursor: pointer;
+  border-radius: 4px; /* Rounded corners */
+  transition: background-color 0.3s ease;
+}
+
+#connectReaderBtn:hover {
+  background-color: #ad5388; /* Darker shade on hover */
+}
+
+
+/* Button hover effect */
+.btn:hover {
+  background-color: #e25591;
+}
+
+/* Error message styling */
+.error {
+  color: red;
+  font-size: 0.9rem;
+  margin-top: -8px; /* Reduced margin */
+  margin-bottom: 10px; /* Adjusted margin */
+}
+
+/* New field for book name */
+.book-name-field {
+  margin-bottom: 10px; /* Space between fields */
+}
diff --git a/assets/html/about.html b/assets/html/about.html
index 6f675f1a4..29bf568e9 100644
--- a/assets/html/about.html
+++ b/assets/html/about.html
@@ -1436,10 +1436,27 @@ <h2>Quick Links</h2>
 
 
     <a href="/copyrightpolicy.html" id="copyrightPolicyLink">Copyright Policy</a> |
-    <a href="/privacynotice.html" id="privacyNoticeLink">Privacy Notice</a>  
-    <a href="/our-vision.html">Our Vision</a></li>
+    <a href="/privacynotice.html" id="privacyNoticeLink">Privacy Notice</a> |
+    <a href="/our-vision.html" id="ourvisionLink">Our Vision</a></li>
   </div>
   </div>
+  <style>
+    #copyrightPolicyLink:hover{
+      color: rgb(126, 0, 21);
+      transition: 0.5s ease;
+      text-decoration: none;
+    }
+    #privacyNoticeLink:hover{
+      color: rgb(126, 0, 21);
+      transition: 0.5s ease;
+      text-decoration: none;
+    }
+    #ourvisionLink:hover{
+      color: rgb(126, 0, 21);
+      transition: 0.5s ease;
+      text-decoration: none;
+    }
+  </style>
 
   <!-- Copyright Policy Modal -->
   <div id="copyrightPolicyModal" class="modal">
diff --git a/books.html b/books.html
index 31429b986..ae2d1c7df 100644
--- a/books.html
+++ b/books.html
@@ -99,7 +99,13 @@
 
 <body>
   <style>
-  
+  .error-message{
+    font-size: 20px;
+    text-align: center;
+    margin-top: 10%;
+    width: 100%;
+    height: 300px;
+  }
     .action {
   position: fixed;
   top: 20px;
@@ -543,19 +549,34 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
   document.addEventListener('DOMContentLoaded', function() {
     const searchInput = document.getElementById('book-search');
     const allBooks = document.querySelectorAll('.flex.flex-col');
-
+    const parentElement = document.getElementById('books-container');
+    let noBooksMessage;
     searchInput.addEventListener('input', function() {
         const searchTerm = searchInput.value.toLowerCase();
-
+        var count = 0; 
         allBooks.forEach(book => {
             const title = book.querySelector('p').textContent.toLowerCase();
 
             if (title.includes(searchTerm)) {
+                count++;
                 book.style.display = 'block'; // Show matching book
             } else {
                 book.style.display = 'none'; // Hide non-matching book
             }
         });
+        // Showing No books found if none of the books match
+        if(count == 0){
+          if(!noBooksMessage){
+            noBooksMessage = document.createElement("p");
+            noBooksMessage.classList.add("error-message")
+            noBooksMessage.textContent = "No books Found ";
+            parentElement.appendChild(noBooksMessage);
+          }
+        }
+        else if(noBooksMessage){
+          noBooksMessage.remove();
+          noBooksMessage = null;
+        }
     });
 });
 </script>
@@ -621,15 +642,15 @@ <h3 class="h3 card-title">"Enriching stories to warm your heart"</h3>
 
 <!--THE BOOKS-->
 
-    <div class="container mx-auto flex items-center flex-wrap pt-4 pb-12">
+    <div class="container mx-auto flex items-center flex-wrap pt-4 pb-12" id="books-container">
 
         
       <nav id="store" class="w-full z-30 top-0 px-6 py-1">
-        <input type="text" id="book-search" placeholder="Search books..." class="p-2 border border-gray-300 rounded-md mb-4 outline-none mt-[20px] border-b-gray-400 border-b-[1px] ">
+        <input type="text" id="book-search" placeholder="Search books..." class="px-20 py-2 border border-gray-300 rounded-md mb-4 outline-none mt-[20px] border-b-gray-400 border-b-[1px] ">
 
-            <div class="w-full container mx-auto flex flex-wrap items-center justify-between mt-0 px-2 py-3" style="width:24px; height: 24px; position: absolute; right: 560px;">
+            <div class="w-full container mx-auto flex flex-wrap items-center justify-between mt-0 px-2 py-3" style="width:24px; height: 24px;">
 
-                <div class="flex items-center" id="store-nav-content" style="width:24px; height: 24px; bottom: 10px">
+                <div class="flex items-center justify-end" id="store-nav-content" style="position: absolute; right: 20%">
 
                     <a class="pl-3 inline-block no-underline hover:text-black" href="#">
                         <svg class="fill-current hover:text-black" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24">
diff --git a/chat.js b/chat.js
index e9188a980..7ba5831bf 100644
--- a/chat.js
+++ b/chat.js
@@ -26,9 +26,23 @@ const userInputDiv = document.getElementById('user-input');
 const chatBoxDiv = document.getElementById('chat-box');
 const messagesDiv = document.getElementById('messages');
 const backButton = document.getElementById('backbutton');
+const navbarToggleBtn = document.querySelector('.navbar-toggle');
+const navbarMenu = document.getElementById('navbarMenu');
+
+// Event Listeners
+startChatBtn.addEventListener('click', startChat);
+sendMessageBtn.addEventListener('click', sendMessage);
+messageInput.addEventListener('keypress', handleEnterPress);
+backButton.addEventListener('click', handleBack);
+navbarToggleBtn.addEventListener('click', toggleNav);
+document.addEventListener('click', handleOutsideClick);
+
+document.querySelectorAll('.navbar-link').forEach(link => {
+    link.addEventListener('click', closeNavMenu);
+});
 
-// Start Chat Button Event
-startChatBtn.addEventListener('click', () => {
+// Functions
+function startChat() {
     const username = usernameInput.value.trim();
     if (username) {
         localStorage.setItem('username', username);
@@ -38,25 +52,21 @@ startChatBtn.addEventListener('click', () => {
     } else {
         alert('Please enter a username');
     }
-});
+}
 
-// Send Message Button Event
-sendMessageBtn.addEventListener('click', sendMessage);
-messageInput.addEventListener('keypress', (e) => {
+function handleEnterPress(e) {
     if (e.key === 'Enter') {
         sendMessage();
     }
-});
+}
 
-// Back Button Event
-backButton.addEventListener('click', (e) => {
-    e.preventDefault(); // Prevent default link behavior
+function handleBack(e) {
+    e.preventDefault();
     chatBoxDiv.style.display = 'none';
     userInputDiv.style.display = 'block';
-    localStorage.removeItem('username'); // Optionally, clear the stored username
-});
+    localStorage.removeItem('username');
+}
 
-// Function to send a message to Firestore
 async function sendMessage() {
     const messageText = messageInput.value.trim();
     if (messageText) {
@@ -64,32 +74,28 @@ async function sendMessage() {
         const timestamp = new Date().toISOString();
 
         try {
-            // Add message to Firestore
             await addDoc(collection(db, 'messages'), {
-                username: username,
-                messageText: messageText,
-                timestamp: timestamp
+                username,
+                messageText,
+                timestamp
             });
-            messageInput.value = ''; // Clear the input field after sending
+            messageInput.value = '';
         } catch (error) {
             console.error("Error adding message: ", error);
         }
     }
 }
 
-// Function to load and display messages from Firestore
 function loadMessages() {
     const q = query(collection(db, 'messages'), orderBy('timestamp', 'asc'));
     onSnapshot(q, (querySnapshot) => {
-        messagesDiv.innerHTML = ''; // Clear current messages
+        messagesDiv.innerHTML = '';
         querySnapshot.forEach((doc) => {
-            const message = doc.data();
-            displayMessage(message);
+            displayMessage(doc.data());
         });
     });
 }
 
-// Function to display a message
 function displayMessage({ username, messageText, timestamp }) {
     const messageDiv = document.createElement('div');
     messageDiv.className = 'message';
@@ -99,36 +105,19 @@ function displayMessage({ username, messageText, timestamp }) {
         <span class="timestamp">(${new Date(timestamp).toLocaleString()})</span>
     `;
     messagesDiv.appendChild(messageDiv);
-    messagesDiv.scrollTop = messagesDiv.scrollHeight; // Auto-scroll to the latest message
+    messagesDiv.scrollTop = messagesDiv.scrollHeight;
 }
 
-// Function to toggle the navbar menu visibility
 function toggleNav() {
-    const navbarMenu = document.getElementById('navbarMenu');
     navbarMenu.classList.toggle('active');
 }
 
-// Adding event listener to the toggle button
-const navbarToggleBtn = document.querySelector('.navbar-toggle');
-navbarToggleBtn.addEventListener('click', toggleNav);
-
-// Adding event listeners to navbar links to close the menu on click
-const navbarLinks = document.querySelectorAll('.navbar-link');
-navbarLinks.forEach(link => {
-    link.addEventListener('click', () => {
-        const navbarMenu = document.getElementById('navbarMenu');
-        if (navbarMenu.classList.contains('active')) {
-            navbarMenu.classList.remove('active');
-        }
-    });
-});
+function closeNavMenu() {
+    navbarMenu.classList.remove('active');
+}
 
-// Adding event listener to the document to close the menu when clicking outside
-document.addEventListener('click', (event) => {
-    const navbarMenu = document.getElementById('navbarMenu');
-    const toggleBtn = document.querySelector('.navbar-toggle');
-    if (!navbarMenu.contains(event.target) && !toggleBtn.contains(event.target)) {
+function handleOutsideClick(event) {
+    if (!navbarMenu.contains(event.target) && !navbarToggleBtn.contains(event.target)) {
         navbarMenu.classList.remove('active');
     }
-});
-
+}
\ No newline at end of file
diff --git a/comsp.html b/comsp.html
index fc5cd5b68..090f0a2b9 100644
--- a/comsp.html
+++ b/comsp.html
@@ -1158,9 +1158,23 @@ <h2 style="margin-bottom: 2.4rem; margin-top:0.5rem;">Stay Connected</h2>
         <a href="copyrightpolicy.html" id="copyrightPolicyLink">Copyright Policy</a> |
         <a href="privacynotice.html" id="privacyNoticeLink">Privacy Notice</a>  |
         
-        <a href="our-vision.html">Our Vision</a></li>
+        <a href="our-vision.html" id="ourvisionLink">Our Vision</a></li>
       </div>
       </div>
+      <style>
+        #copyrightPolicyLink:hover{
+          color: rgb(126, 0, 21);
+          transition: 0.5s ease;
+        }
+        #privacyNoticeLink:hover{
+          color: rgb(126, 0, 21);
+          transition: 0.5s ease;
+        }
+        #ourvisionLink:hover{
+          color: rgb(126, 0, 21);
+          transition: 0.5s ease;
+        }
+      </style>
   
     </footer>
 
diff --git a/index.html b/index.html
index 36293f983..7a37ca43e 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,9 @@
     body {
         margin: 0;
         height: 100vh;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
         background-color: #fff; /* White background */
         overflow-y: scroll;
         scrollbar-width: thin;
@@ -210,6 +213,9 @@
   margin: 0; /* Remove default margins from <p> */
 }
 
+.dark-mode .description{
+  color: #d5a1a4;
+}
 .dark-mode .fas{
   color:white;
 }
@@ -809,6 +815,7 @@
 .donate-books-section p{
   padding: 1rem;
   text-align: justify;
+  margin-bottom: 1rem;
 }
 .donate-books-section img {
     border-top-left-radius: 2.5rem;
@@ -1104,7 +1111,7 @@
     /* Fixed translate button */
     *{
       transition: all 0.3s ease-in-out;
-      text-align: center;
+      text-align: left;
     }
 #translateButton {
     position: fixed;
@@ -1572,7 +1579,8 @@
     margin-top: 12rem;;
     width: 4rem;
     height: 15rem;
-  
+    top: 0;
+    left: 2rem;
 }
 #quicklinks {
   display: flex;
@@ -1607,7 +1615,9 @@
 #quicklinks .foot-quick a p {
   margin: 0; /* Remove default margins from <p> */
 }
-
+.dark-mode #quicklinks .foot-quick h4{
+  color: #909dc2;
+}
 .dark-mode .fas{
   color:#8e6165;
 }
@@ -1733,9 +1743,11 @@
 .dark-mode .socialmediaicons .fa-linkedin:hover {
   color: #0e76a8; /* Dark mode hover color for LinkedIn */
 }
-
+.dark-mode .socialmediaicons .fa-discord{
+  color:white;
+}
 .dark-mode .socialmediaicons .fa-discord:hover {
-  color: #a9a9a9; /* Dark mode hover color for Discord */
+  color: #7289da; /* Dark mode hover color for Discord */
 }
 
 .instagram, .facebook, .youtube, .github, .linkedin, .discord {
@@ -2184,7 +2196,6 @@
 }
 .button-container {
   text-align: center;
-    margin-top: 1rem;
     
 }
 
@@ -3021,7 +3032,7 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
   </div>
       <style>
         .dropdown:hover .arrow {
-    transform: rotate(180deg); /* Rotate arrow on hover */
+        transform: rotate(180deg); /* Rotate arrow on hover */
              }
       </style>
 
@@ -3131,7 +3142,7 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
                 //     lastScrollTop = scrollTop;
                 // });
             </script>
-          -->
+
 <div id="modal">
   <form class="modal-box">
     <!-- <img src="https://st2.depositphotos.com/4103319/6625/i/450/depositphotos_66251761-stock-photo-logout-circular-icon-on-white.jpg" class="logout-img"/> -->
@@ -3290,13 +3301,8 @@ <h1 class="rating_heading">Rate Us</h1>
         <div class="container">
 
           <div class="hero-content">
-            <p class="section-subtitle"> Let's Exchange Old Books and Discover New Stories Together!</p>
-
-           
-            
+            <p class="section-subtitle"> Let's Exchange Old Books and Discover New Stories Together!</p>      
             <h1 class="h1 hero-title" style="color: var(--text-color);">SwapReads.com - Where Books Find New Adventures!</h1>
-
-
             <p class="section-text " >
               Join SwapReads.com, the ultimate online community for book enthusiasts! Create your profile, list your
               favorite reads, and embark on   literary journeys by swapping books with fellow passionate readers. Discover
@@ -3308,24 +3314,14 @@ <h1 class="h1 hero-title" style="color: var(--text-color);">SwapReads.com - Wher
                 <h2>Play Now</h2>
               </button>
             </div>
-
-
           </div>
-
           <div class="hero-banner has-before" data-tilt="">
             <img src="./assets/images/hero-banner.png" width="431" height="700"
               alt="things i never said, a novel by claudia wilson" class="w-100">
-
-
           </div>
-
         </div>
       </section>
 
-
-
-
-
       <!--
         - #BENEFITS
       -->
@@ -3951,14 +3947,13 @@ <h2 class="h2 section-title has-underline" id="section-title1">
           </h2>
 
           <ul class="grid-list">
-
             <li>
               <div class="chapter-card">
 
                 <p class="card-subtitle">01</p>
                 <div class="iconrow">
                   <h3 class="h3 card-title">Classic Literature</h3>
-                  <span style='font: size 5rem;filter: grayscale(100%);'>&#128395;</span>
+                  <span style='font-size: 5rem;filter: grayscale(100%);'>&#128395;</span>
                 </div>
                 
 
@@ -3982,8 +3977,8 @@ <h3 class="h3 card-title">Classic Literature</h3>
             <li>
               <div class="chapter-card">
 
-                <p class="card-subtitle">02</p>
-                <div class="iconrow">
+                <p class="card-subtitle" style=" width: 202.48px; height: 13px;">02</p>
+                <div class="iconrow" style=" width: 202.48px; height: 79px;">
                   <h3 class="h3 card-title">Romance</h3>
                     <span style='font-size:5rem;filter: grayscale(100%);'>&#10084;</span>
                   </div>
@@ -4009,7 +4004,7 @@ <h3 class="h3 card-title">Romance</h3>
               <div class="chapter-card">
 
                 <p class="card-subtitle">03</p>
-                <div class="iconrow">
+                <div class="iconrow" style=" width: 202.48px; height: 79px;">
                 <h3 class="h3 card-title">Suspense Thriller</h3>
                   <span style='font-size:5rem;filter: grayscale(100%);'>&#128269;</span>
                 </div>
@@ -4625,135 +4620,178 @@ <h3 class="h3 card-title">Autobiography</h3>
       <!--
         - #CHAPTERS
       -->
-      <!--Book Exchange Hub-->
-      <section class="section preview" aria-label="preview">
-        <div class="container1">
-          <h2 class="h2 section-title has-underline" style="margin-bottom: 0px;">
-            Book Exchange Hub
-            <span class="span has-before"></span>
-          </h2>
-          <p class="section-text booktext">
-            Connect with fellow readers in our Book Exchange Hub. Sell your old books at half price and give your
-            favorite reads a new home. Fill out the form below to get started!
-          </p>
-      
-          <div class="exchange-form">
-            <div class="form-fields">
-              <label class="form-label" for="bookTitle">Book Title:</label>
-              <input type="text" id="bookTitle" name="bookTitle" placeholder="Enter the title of your book" required class="input-field">
-              <span id="bookTitle-error" class="error"></span>
-      
-              <label class="form-label" for="bookAuthor">Author:</label>
-              <input type="text" id="bookAuthor" name="bookAuthor" placeholder="Enter the author's name" required class="input-field">
-              <span id="bookAuthor-error" class="error"></span>
-      
-              <label class="form-label" for="yourPrice">Your Price (50% Off):</label>
-              <div class="currency-container">
-                <label class="currency-label" for="currency">Currency: </label>
-                <select id="currency" name="currency" class="input-field currency-select">
-                  <option value="INR">INR</option>
-                  <option value="USD">USD</option>
-                  <option value="EUR">EUR</option>
-                  <option value="GBP">GBP</option>
-                </select>
-              </div>
-              <input type="number" min="1" id="yourPrice" name="yourPrice" placeholder="Enter your desired selling price" required class="input-field">
-              <span id="yourPrice-error" class="error"></span>
-            </div>
-      
-            <button type="button" class="btn btn-primary" id="connectReaderBtn">Connect with a Reader</button>
-          </div>
-      
-          <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
-          <script>
-            function submitForm() {
-              // Get form elements
-              const bookTitle = document.getElementById("bookTitle").value.trim();
-              const bookAuthor = document.getElementById("bookAuthor").value.trim();
-              const yourPrice = document.getElementById("yourPrice").value.trim();
-              const currency = document.getElementById("currency").value.trim();
-      
-              // Perform form validation
-              if (bookTitle === "") {
-                Swal.fire({
-                  icon: "error",
-                  title: "Oops...",
-                  text: "Please enter the title of your book.",
-                  customClass: {
-                    popup: "swal-popup",
-                    title: "swal-title",
-                    content: "swal-content",
-                    confirmButton: "swal-confirm-button",
-                  },
-                });
-                return;
-              }
-      
-              if (bookAuthor === "") {
-                Swal.fire({
-                  icon: "error",
-                  title: "Oops...",
-                  text: "Please enter the author's name.",
-                  customClass: {
-                    popup: "swal-popup",
-                    title: "swal-title",
-                    content: "swal-content",
-                    confirmButton: "swal-confirm-button",
-                  },
-                });
-                return;
-              }
-      
-              if (yourPrice === "" || isNaN(parseFloat(yourPrice)) || parseFloat(yourPrice) < 1) {
-                Swal.fire({
-                  icon: "error",
-                  title: "Oops...",
-                  text: "Please enter a valid selling price greater than or equal to 1.",
-                  customClass: {
-                    popup: "swal-popup",
-                    title: "swal-title",
-                    content: "swal-content",
-                    confirmButton: "swal-confirm-button",
-                  },
-                });
-                return;
-              }
-      
-              // Show success message
-              Swal.fire({
-                icon: "success",
-                title: "Success!",
-                text: "Your book details have been submitted.",
-                customClass: {
-                  popup: "swal-popup",
-                  title: "swal-title",
-                  content: "swal-content",
-                  confirmButton: "swal-confirm-button",
-                },
-              }).then((result) => {
-                if (result.isConfirmed || result.isDismissed) {
-                  resetForm(); // Reset form after successful submission
-                }
-              });
-            }
-      
-            // Function to reset form fields
-            function resetForm() {
-              document.getElementById("bookTitle").value = "";
-              document.getElementById("bookAuthor").value = "";
-              document.getElementById("yourPrice").value = "";
-              document.getElementById("currency").value = "INR"; // Reset currency select to default
-              document.getElementById("bookTitle-error").textContent = "";
-              document.getElementById("bookAuthor-error").textContent = "";
-              document.getElementById("yourPrice-error").textContent = "";
-              document.getElementById("connectReaderBtn").disabled = true; // Disable submit button after reset
+      <!-- Book Exchange Hub -->
+<section class="section preview" aria-label="preview">
+  <div class="container1">
+    <h2 class="h2 section-title has-underline" style="margin-bottom: 0px;">
+      Book Exchange Hub
+      <span class="span has-before"></span>
+    </h2>
+    <p class="section-text booktext">
+      Connect with fellow readers in our Book Exchange Hub. Sell your old books at a discounted price of your choice and give your
+      favorite reads a new home. Fill out the form below to get started!
+    </p>
+
+    <div class="exchange-form">
+      <div class="form-fields">
+        <!-- Book Details -->
+        <label class="form-label" for="bookTitle">Book Title:</label>
+        <input type="text" id="bookTitle" name="bookTitle" placeholder="Enter the title of your book" required class="input-field">
+        <span id="bookTitle-error" class="error"></span>
+
+        <label class="form-label" for="bookAuthor">Author:</label>
+        <input type="text" id="bookAuthor" name="bookAuthor" placeholder="Enter the author's name" required class="input-field">
+        <span id="bookAuthor-error" class="error"></span>
+
+        <!-- Genre Selection -->
+        <label class="form-label" for="genre">Genre:</label>
+        <select id="genre" name="genre" class="input-field" required>
+          <option disabled selected value="">Select the genre</option>
+          <option value="fiction">Fiction</option>
+          <option value="non-fiction">Non-Fiction</option>
+          <option value="sci-fi">Sci-Fi</option>
+          <option value="biography">Biography</option>
+          <option value="self-help">Self-Help</option>
+          <option value="fantasy">Fantasy</option>
+          <option value="mystery">Mystery</option>
+          <option value="romance">Romance</option>
+          <option value="historical">Historical</option>
+          <option value="thriller">Thriller</option>
+          <option value="children">Children's Books</option>
+          <option value="poetry">Poetry</option>
+        </select>
+
+        <!-- Condition Selection -->
+        <label class="form-label" for="condition">Condition of the Book:</label>
+        <select id="condition" name="condition" class="input-field" required>
+          <option disabled selected value="">Select the condition</option>
+          <option value="relatively-new">Relatively New</option>
+          <option value="used">Used</option>
+          <option value="heavily-used">Heavily Used</option>
+        </select>
+
+        <!-- Pricing Information -->
+        <label class="form-label" for="actualPrice">Actual Price:</label>
+        <input type="number" min="1" id="actualPrice" name="actualPrice" placeholder="Enter actual price" required class="input-field">
+        <span id="actualPrice-error" class="error"></span>
+
+        <label class="form-label" for="discountRate">Discount Rate (%):</label>
+        <input type="number" min="0" id="discountRate" name="discountRate" placeholder="Enter discount rate" required class="input-field">
+        <span id="discountRate-error" class="error"></span>
+
+        <!-- Predict Price Button -->
+        <button type="button" class="btn btn-secondary" id="predictPriceBtn">Predict Price</button>
+
+        <!-- Predicted price display -->
+        <p id="predictedPrice" class="section-text" style="font-weight: bold; margin-top: 10px;">Predicted Price: </p>
+
+        <!-- User Contact Information -->
+        <label class="form-label" for="userName">Your Name:</label>
+        <input type="text" id="userName" name="userName" placeholder="Enter your name" required class="input-field">
+
+        <label class="form-label" for="email">Email Address:</label>
+        <input type="email" id="email" name="email" placeholder="Enter your email address" required class="input-field">
+
+        <!-- Additional Information -->
+        <label class="form-label" for="additionalInfo">Additional Information:</label>
+        <textarea id="additionalInfo" name="additionalInfo" placeholder="Any additional details about the book..." class="input-field"></textarea>
+
+        <!-- Upload Image -->
+        <label class="form-label" for="bookImage">Upload Book Image:</label>
+        <input type="file" id="bookImage" name="bookImage" accept="image/*" class="input-field">
+      </div>
+
+      <!-- Connect with a Reader Button -->
+      <button type="button" class="btn btn-primary" id="connectReaderBtn">Connect with a Reader</button>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+        // Predict price
+        document.getElementById("predictPriceBtn").addEventListener("click", function () {
+          const actualPrice = parseFloat(document.getElementById("actualPrice").value);
+          const discountRate = parseFloat(document.getElementById("discountRate").value);
+
+          if (!isNaN(actualPrice) && !isNaN(discountRate)) {
+            const discountAmount = (discountRate / 100) * actualPrice;
+            const predictedPriceValue = actualPrice - discountAmount;
+            document.getElementById("predictedPrice").textContent = `Predicted Price: ₹${predictedPriceValue.toFixed(2)}`;
+          } else {
+            Swal.fire({
+              icon: "error",
+              title: "Oops...",
+              text: "Please enter valid numbers for the price and discount rate.",
+            });
+          }
+        });
+         
+
+        // Form submission
+        document.getElementById("connectReaderBtn").addEventListener("click", function () {
+          // Get form values
+          const bookTitle = document.getElementById("bookTitle").value.trim();
+          const bookAuthor = document.getElementById("bookAuthor").value.trim();
+          const genre = document.getElementById("genre").value;
+          const condition = document.getElementById("condition").value;
+          const actualPrice = document.getElementById("actualPrice").value.trim();
+          const discountRate = document.getElementById("discountRate").value.trim();
+          const userName = document.getElementById("userName").value.trim();
+          const email = document.getElementById("email").value.trim();
+          const additionalInfo = document.getElementById("additionalInfo").value.trim();
+          const bookImage = document.getElementById("bookImage").files[0];
+
+          // Form validation
+          if (bookTitle === "" || bookAuthor === "" || genre === "" || condition === "" || actualPrice === "" || userName === "" || email === "") {
+            Swal.fire({
+              icon: "error",
+              title: "Oops...",
+              text: "Please fill in all required fields.",
+            });
+            return;
+          }
+
+          // Show success message
+          Swal.fire({
+            icon: "success",
+            title: "Success!",
+            text: "Your book details have been submitted.",
+            customClass: {
+              popup: "swal-popup",
+              title: "swal-title",
+              content: "swal-content",
+              confirmButton: "swal-confirm-button",
+            },
+          }).then((result) => {
+            if (result.isConfirmed || result.isDismissed) {
+              resetForm();
             }
+          });
+        });
+
+        // Function to reset form fields
+        function resetForm() {
+          document.getElementById("bookTitle").value = "";
+          document.getElementById("bookAuthor").value = "";
+          document.getElementById("genre").value = "";
+          document.getElementById("condition").value = "";
+          document.getElementById("actualPrice").value = "";
+          document.getElementById("discountRate").value = "";
+          document.getElementById("userName").value = "";
+          document.getElementById("email").value = "";
+          document.getElementById("additionalInfo").value = "";
+          document.getElementById("bookImage").value = "";
+
+          document.getElementById("predictedPrice").textContent = "Predicted Price: "; // Reset predicted price display
+        }
+        
+          document.getElementById("connectReaderBtn").addEventListener("click", submitForm);   // Event listener for the submit button
+          
+      });
+    </script>
+  </div>
+</section>
       
-            // Event listener for the submit button
-            document.getElementById("connectReaderBtn").addEventListener("click", submitForm);
-          </script>
-        </div>
-      </section>
 
 <!-- Donation of Books -->
 <br>
@@ -4763,7 +4801,7 @@ <h2 class="h2 section-title has-underline" style="margin-bottom: 0px;">
   font-family:Georgia, 'Times New Roman', Times, serif;
   text-align: center;
   font-size: 2.8rem;
-  color: #A30F17;
+  color: #461316;
   letter-spacing: 1px;
   text-transform: uppercase;
 }
@@ -4786,7 +4824,6 @@ <h2 class="h2 section-title has-underline" style="margin-bottom: 0px;">
 }
 
 .card {
-
   margin: 1.5rem;
   border-bottom: 0.5rem solid #A30F17;
   border-radius: 1rem;
@@ -4802,7 +4839,6 @@ <h2 class="h2 section-title has-underline" style="margin-bottom: 0px;">
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
-
 }
 
 .card img {
@@ -4828,7 +4864,9 @@ <h2 class="h2 section-title has-underline" style="margin-bottom: 0px;">
   text-align: center;
   color: #555;
 }
-
+.dark-mode .card-text{
+  color:rgb(245, 219, 219);
+}
 .button-container {
   text-align: center;
   margin-top: 1rem;
@@ -4868,9 +4906,9 @@ <h1>Donate Books</h1>
       <img src="./assets/images/images/lib.jpg" alt="Library Image">
       <div class="card-body">
         <h3 class="card-sty">Library</h3>
-        <p class="card-text">Donate your books to local libraries and help foster a love for reading in your community.</p>
+        <p class="card-text-donate">Donate your books to local libraries and help foster a love for reading in your community.</p>
         <div class="button-container">
-          <a href="./assets/html/donate.html" class="donate-button">Donate to Libraries</a>
+          <a href="./assets/html/donate.html" class="donate-button" style="margin-bottom: 2rem;">Donate to Libraries</a>
         </div>
       </div>
     </div>
@@ -4881,9 +4919,9 @@ <h3 class="card-sty">Library</h3>
       <img src="./assets/images/images/school.png" alt="School Image">
       <div class="card-body">
         <h3 class="card-sty">Schools</h3>
-        <p class="card-text">Support children's education by donating books to nearby schools for students of all ages.</p>
+        <p class="card-text-donate">Support children's education by donating books to nearby schools for students of all ages.</p>
         <div class="button-container">
-          <a href="./assets/html/school.html" class="donate-button">Donate to Schools</a>
+          <a href="./assets/html/school.html" class="donate-button" style="margin-bottom: 2rem;">Donate to Schools</a>
         </div>
       </div>
     </div>
@@ -4893,20 +4931,16 @@ <h3 class="card-sty">Schools</h3>
       <img src="./assets/images/images/ngo.jpeg" alt="Organization Image">
       <div class="card-body">
         <h3 class="card-sty">Organizations</h3>
-        <p class="card-text">Help the organizations by donating books to support their educational programs.</p>
+        <p class="card-text-donate">Help the organizations by donating books to support their educational programs.</p>
         <div class="button-container">
-          <a href="./assets/html/ngo.html" class="donate-button" style="margin-bottom:10rem;">Donate to Organizations</a>
-          
+          <a href="./assets/html/ngo.html" class="donate-button" style="margin-bottom: 2rem;">Donate to Organizations</a>
+        </div>
+      </div>
+  </div>
+
           </div>
           </div>
           </div>
-      
-    </div>
-
-  </div>
-</div>
-
-  
 
 <script>
   function hoverCard(card) {
@@ -4952,7 +4986,6 @@ <h3>Rate Us</h3>
 
 <div id="toastMessage" class="toast-message"></div>
 
- main
     <script>
      document.addEventListener("DOMContentLoaded", function() {
 
@@ -5073,8 +5106,8 @@ <h1 class="h1 section-title has-underline" style="margin-top: 15px;">
     Contact Us!
     <span class="span has-before"></span>
   </h1>
-  <p class="p">Have a Question?</p> 
-  <h3 style="text-align: center; color: #A30F17;">GET IN TOUCH</h3>
+  <p class="p" style="color:#e7a7e8">Have a Question?</p> 
+  <h3 style="text-align: center; color: #4f1316;">GET IN TOUCH</h3>
   <div class="flexi">
     <div class="contact" >
       <div class="contact-container">
diff --git a/our-vision.html b/our-vision.html
index 9644be7d9..ba4f5c53a 100644
--- a/our-vision.html
+++ b/our-vision.html
@@ -487,7 +487,16 @@ <h2>Quick Links</h2>
                 <a href="privacynotice.html" id="privacyNoticeLink">Privacy Notice</a>
             </div>
         </div>
-
+        <style>
+            #copyrightPolicyLink:hover{
+                color: rgb(126, 0, 21);
+                transition: 0.5s ease;
+            }
+            #privacyNoticeLink:hover{
+                color: rgb(126, 0, 21);
+                transition: 0.5s ease;
+            }
+        </style>
 
         <!--
     - custom js link
diff --git a/package-lock.json b/package-lock.json
index 68d8a5ba8..e554174ff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
         "mongoose": "^8.3.5",
         "nodemailer": "^6.9.14",
         "nodemon": "^3.1.1",
+        "swapreads": "file:",
         "validator": "^13.12.0",
         "zod": "^3.23.8"
       },
@@ -2136,6 +2137,10 @@
         "node": ">=4"
       }
     },
+    "node_modules/swapreads": {
+      "resolved": "",
+      "link": true
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
diff --git a/package.json b/package.json
index aa18faa81..8a436403e 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "mongoose": "^8.3.5",
     "nodemailer": "^6.9.14",
     "nodemon": "^3.1.1",
+    "swapreads": "file:",
     "validator": "^13.12.0",
     "zod": "^3.23.8"
   },
diff --git a/privacynotice.html b/privacynotice.html
index 367da7f5f..e9d4b47dd 100644
--- a/privacynotice.html
+++ b/privacynotice.html
@@ -182,14 +182,15 @@
         margin: 10px 2px;
     }
 
+    
     .un-list {
         list-style-type: none;
         /* padding: 0; */
     }
 
     .un-list li {
-        margin: 9px 2px;
-        padding: 0.5rem;
+        margin: 2px 1px;
+        padding: 0.2rem;
     }
 
     .un-list li a {
@@ -375,52 +376,199 @@
    <main class="main">
     <div class="notice">
         <h1>Privacy Policy</h1>
-        <p>Welcome to SwapReads! We value your privacy and are committed to safeguarding your personal information. This Privacy Policy outlines how we collect, use, and protect your data when you interact with our platform.</p>
-        
-        <h2 style="font-size: 16px; font-weight: 600;">1. Information We Collect</h2>
-        <p>When you register, buy, or sell books on SwapReads, we may collect the following information:</p>
+        <p>Welcome to our Privacy Policy page. Your privacy is critically important to us.</p>
+
+        <p>SwapReads respects your privacy and recognizes the need to protect your personal information (any
+            information by which you can be identified, such as name, address, financial information, and telephone
+            number) you share with us. We would like to assure you that we follow appropriate standards when it comes to
+            protecting your privacy on our website.</p>
+
+            <p>In general, you can visit SwapReads without telling us who you are or revealing any personal information
+            about yourself. We track the Internet address of the domains from which people visit us and analyze this
+            data for trends and statistics, but the individual user remains anonymous.</p>
+
+            <p> Please note that our Privacy Policy forms part of our Terms and conditions available at 
+
+               <a href="terms&cond.html" >terms-and-conditions.</a>
+               </p>
+           
+            <p>A transaction on SwapReads is to be conducted by persons above the age of 18 years only. If you
+            are under 18 years of age, you are not allowed to make a transaction in SwapReads. It is the duty of the
+            legal guardians of all persons below 18 years of age to ensure that their wards do not make a transaction
+            without their supervision on SwapReads. It shall be automatically deemed that by allowing any person below
+            the age of 18 years to transact on SwapReads, their legal guardians have expressly consented to their use
+            and we disclaim any liability arising from your failure to do so.</p>
+        <br>
+        <h2 style="font-size: 16px; font-weight: 600;">Information We Collect</h2>
+        <p>We may collect your personal data when you:</p>
         <ul class="un-list">
-            <li>Personal details such as name, email address, and contact information.</li>
-            <li>Transaction details, including purchase history and payment information.</li>
-            <li>Device and usage data, such as IP address, browser type, and browsing behavior.</li>
+            <li>a) create an account with us or</li>
+            <li>b) otherwise provide us with your personal data or</li>
+            <li>c) use of any related services connected to Ticketify or</li>
+            <li>d) complete contact forms or request newsletters or other information from us (ex: email)
+              When you access SwapReads, we will automatically collect your computer data, which may include:</li>
+              <div style="margin-left: 15px;">
+            <li>(i) browser type,</li>
+            <li>(ii) IP address,</li>
+            <li>(iii) language,</li>
+            <li>(iv) operating system,</li>
+            <li>(v) cookies and the ID,</li>
+            <li>(vi) location of your device,</li>
+            <li>(vii) the state or country from which you accessed Ticketify,</li>
+            <li>(viii) the pages you view,</li>
+            <li>(ix) length of time spent on pages</li>
+            <li>(x) the services you use and the manner in which you use such services (e.g., the content you access,
+                view, click on, search for, transact etc.),</li>
+            <li>(xi) the date and time of your visit,</li>
+            <li>(xii) metadata, logs files, error logs,</li>
+            <li>(xiii) other hardware and software information.</li>
+          </div>
         </ul>
-
-        <h2 style="font-size: 16px; font-weight: 600;">2. How We Use Your Information</h2>
-        <p>We use the information we collect for the following purposes:</p>
+        <br>
+        <h2 style="font-size: 16px; font-weight: 600;">How We Use Your Information</h2>
+        <p>This computer data is collected for analysis and evaluation in order to help us improve
+          SwapReads, the services we provide and to enhance your experience by providing you with better services and
+            benefits that you shall be entitled to the extent that such computer data is maintained in a manner that
+            identifies your name or contact information, it will be treated as personal data; otherwise, such computer
+            data will be treated as non-personal data.</p>
+
+        <p>The personal data we collect from you will be used, or shared with third parties (including
+          related companies and third party service providers), for some or all of the following purposes:</p>
         <ul class="un-list">
-            <li>To provide and enhance our services, ensuring a seamless user experience.</li>
-            <li>To process transactions and communicate with you regarding your activities on our platform.</li>
-            <li>To personalize content and recommendations based on your preferences.</li>
-            <li>To maintain the security and integrity of our platform.</li>
+          <li>a. creating or maintaining any account or profile you may have with us,</li>
+            <li>b. to track your activity on SwapReads,</li>
+            <li>c. verifying and carrying out financial transactions in relation to any payments or transfers you make,
+            </li>
+            <li>d. carrying out research and analytics on our users' demographics and behaviour,</li>
+            <li>e. to personalise and/tailor any communications that we may send you and provide you with products,
+                services or information we think you may find useful or which you have requested from us or have
+                expressed an interest in,</li>
+            <li>f. to personalise and enhance user experience,</li>
+            <li>g. determining and verifying your eligibility for certain marketing or transaction events and other
+                features of SwapReads,</li>
+            <li>h. enforcing our terms of use; and/or</li>
+            <li> i. communicating with you in relation to your account and alerting you to the latest developments,</li>
+            <li> j. to enable us to administer any competitions or other offers/promotions which you enter into for
+                fraud screening and prevention purposes.</li>
         </ul>
 
-        <h2 style="font-size: 16px; font-weight: 600;">3. Sharing Your Information</h2>
-        <p>We respect your privacy and do not share your personal information with third parties, except under the following circumstances:</p>
+        
+
+          <br>
+        <h2 style="font-size: 16px; font-weight: 600;">Sharing Your Information</h2>
+
+        <p>When you register an account or otherwise provide us with your personal data, we may also use
+            the personal data to send to you marketing and/or promotional materials about us and our services from time
+            to time. You can unsubscribe from receiving the marketing information at any time by using the unsubscribe
+            function within the electronic marketing material.
+          </p>
+
+        <p>In order to provide our products and services to you or to otherwise fulfil contractual
+            arrangements that we have with you, we may need to appoint other organisations to carry out some of the data
+            processing activities on our behalf. These may include, for example, payment processing organisations,
+            delivery organisations, fraud prevention and screening and credit risk management companies, and mailing
+            houses.</p>
+
+            <p>We may share your data with advertising networks and/or social media platforms for the purposes
+            of selecting and serving relevant adverts to you via those networks/platforms, and to search engine and
+            analytics providers.</p>
+
+            <p>For us to be able to facilitate this transaction and otherwise
+            fulfil our contractual arrangements with these ultimate service providers, we may have to share your
+            personal data with them so that they are able to verify the accuracy of the information you have shared with
+            us while issuing your valid service, to provide you with services and benefits that you may be entitled
+            to and to conduct their own analysis.</p>
+
+            <p>
+              SwapReads and its services may contain links to third-party websites, including identity
+            verification and social networking websites. Your use of these features may result in the collection or
+            sharing of information about you, depending on the feature. Please be aware that we are not responsible for
+            the content or privacy practices of other websites or services to which we link. We do not endorse or make
+            any representations about third-party websites or services. The personal data you choose to provide to or
+            that is collected by these third parties is not covered by our Privacy Statement. We strongly encourage you
+            to read such third parties' privacy statements.</p>
+
+        <p>We may share:</p>
+        <p>(a) your personal data with any person or entity where we believe in good faith that such
+          disclosure is necessary to:</p>
         <ul class="un-list">
-            <li>With your explicit consent.</li>
-            <li>To comply with legal requirements, such as responding to court orders or regulatory requests.</li>
-            <li>As part of a merger, acquisition, or transfer of assets, where data is transferred as part of the business transaction.</li>
+          <li>(i) comply with the law or in response to a subpoena, court order, government request, or other legal
+                process.
+            </li>
+            <li>(ii) produce relevant documents or information in connection with litigation, arbitration, mediation,
+                adjudication, government or internal investigations, or other legal or administrative proceedings;</li>
+            <li>(iii) protect the interests, rights, safety, or property of SwapReads or others;</li>
+            <li>(iv) otherwise as permitted under applicable law.</li>
         </ul>
 
-        <h2 style="font-size: 16px; font-weight: 600;">4. Data Security</h2>
-        <p>We implement industry-standard measures to protect your information from unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet is 100% secure, and we cannot guarantee absolute security.</p>
+        <p>(b) personal data about our visitors, customers, or former customers with the following types of companies that perform services on our behalf or with whom we have joint marketing agreements:</p>
+        <ul class="un-list">
+          <li>(i) Non-financial companies such as envelope stuffers, fulfilment service providers, payment processors, data processors, customer/support services, etc., and/or
+            </li>
+            <li> (ii) Financial service providers such as companies engaged in banking/payments/facilitating financial transactions.</li>
+          </ul>
+          <p>
+            In sharing your personal data with such parties, we will reasonably endeavour to ensure that the third parties and our affiliates keep your personal data secure from unauthorised access, collection, use, disclosure, or similar risks and retain your personal data only for as long as they need your personal data to achieve the abovementioned purposes.
+            </p>
+
+            <p>
+              You acknowledge that, notwithstanding this Privacy Policy, we have at all times the right to disclose your personal data to any legal, regulatory, governmental, tax, law enforcement or other authorities pursuant to applicable law and our legal obligations. This may arise from any investigation, order, or request by such parties. To the furthest extent permissible by law, you agree not to take any action and/or waive your rights to take any action against us for the disclosure of your personal data in these circumstances.
+              </p>
 
-        <h2 style="font-size: 16px; font-weight: 600;">5. Your Rights and Choices</h2>
-        <p>You have the right to access, update, or delete your personal information. To exercise these rights, please contact us at <a href="mailto:privacy@swapreads.com">privacy@swapreads.com</a>. We will respond to your request within a reasonable timeframe.</p>
+              <br>
+        <h2 style="font-size: 16px; font-weight: 600;">Data Security</h2>
+        <p>
+          If any disclosure of your personal data involves the transfer of your personal data by SwapReads out of India, we will take steps to reasonably ensure that the receiving jurisdiction has in place a standard of protection accorded to personal data that is comparable to the protection under India's data protection laws.</p>
 
-        <h2 style="font-size: 16px; font-weight: 600;">6. Cookies and Similar Technologies</h2>
-        <p>We use cookies and similar technologies to improve your experience on our website. You can manage your cookie preferences through your browser settings. Disabling cookies may affect some functionalities of our website.</p>
+          <p>
+            We have implemented reasonable security arrangements including physical, administrative, technical, and electronic security measures to protect against the loss, misuse, and alteration of your personal data. We are PCI DSS certified which means that the data you submit to us is secure and protected against loss or theft in accordance with the globally accepted data security standards. Despite our best efforts, however, no security measures are perfect or impenetrable. In the event where you believe your privacy has been breached, please contact us immediately.
+            </p>
+
+            <p>
+              It is your responsibility to protect any passwords you require to access your account, on SwapReads. Please use unique numbers, letters and special characters, and do not share your password with anyone. If you do share your password with others, you will be responsible for all actions taken in the name of your account and the consequences. If you lose control of your password, you may lose substantial control over your personal data and other information submitted to us. You could also be subject to legally binding actions taken on your behalf. Therefore, if your password has been compromised for any reason or if you have grounds to believe that your password has been compromised, you should immediately contact us and change your password.
+              </p>
+
+              <br>
+        <h2 style="font-size: 16px; font-weight: 600;">Your Rights and Choices</h2>
+        <p>You undertake to treat your password and other confidential information in relation to the use of SwapReads and its services confidentially, and we disclaim any liability arising from your failure to do so.</p>
 
-        <h2 style="font-size: 16px; font-weight: 600;">7. Links to Third-Party Websites</h2>
-        <p>Our website may contain links to other sites. Please note that we are not responsible for the privacy practices or content of these external sites. We encourage you to review the privacy policies of any websites you visit.</p>
+        <p>
+          Some of our web pages use "cookies" so that we can better serve you with customized information when you return to our site. Cookies are identifiers which a web site can send to your browser to keep on your computer to facilitate your next visit to our site. You can set your browser to notify you when you are sent a cookie, giving you the option to decide whether or not to accept it. The information we collect and analyze is used to improve our service to you. Please note, if you refuse cookies this may mean that you can't use some of the additional features of our website and may not be able to access certain parts of the website.
+          </p>
+          <br>
+        <h2 style="font-size: 16px; font-weight: 600;">Cookies and Similar Technologies</h2>
+        <p>You may update any of your personal data we possess by contacting us at <a href="mailto:support@swapreads.com" >support@swapreads.com</a> and we will endeavour to serve your request for updation. Bigtree reserves the right to accept or reject requests made for updating of personal data and in case of any such refusal we will also endeavour to inform you the reason for such refusal.</p>
 
-        <h2 style="font-size: 16px; font-weight: 600;">8. Changes to This Privacy Policy</h2>
-        <p>We may update this Privacy Policy from time to time to reflect changes in our practices or legal requirements. Significant changes will be communicated to you through our website or other appropriate means. Your continued use of our services after such changes constitutes acceptance of the updated policy.</p>
+        <br>
+        <h2 style="font-size: 16px; font-weight: 600;">Links to Third-Party Websites</h2>
+        <p>You may communicate your objection to our continual use and/or disclosure of your personal data for any of the purposes and in the manner as stated above at any time by contacting us at <a href="mailto:support@swapreads.com">support@swapreads.com</a></p>
 
-        <h2 style="font-size: 16px; font-weight: 600;">9. Contact Us</h2>
-        <p>If you have any questions, concerns, or feedback regarding our privacy practices, please reach out to us at <a href="mailto:privacy@swapreads.com">privacy@swapreads.com</a>. We are here to assist you and address any concerns.</p>
+        <p>If you do not wish for us to continue using your information, and/or disclose your personal data for any of the purposes and in the manner as stated above at any time, you may opt out of providing the same by contacting us at <a href="mailto:support@swapreads.com" >support@swapreads.com</a>. Please note that if you choose not to provide the Information we request, you can still visit SwapReads, but you may not be able to access certain options, offers and services. SwapReads reserves all legal rights and remedies in such an event.</p>
+
+        <p>
+          We retain personal data only for as long as necessary to provide the services you have requested and thereafter for a variety of legitimate legal or business purposes. These might include retention periods:
+          </p>
+          <ul class="un-list">
+            <li>a. mandated by law, contract or similar obligations applicable to our business operations;
+            </li>
+            <li>b. for preserving, resolving, defending or enforcing our legal/contractual rights; or needed to maintain adequate and accurate business and financial records.</li>
+            </ul>
+
+            <br>
+        <h2 style="font-size: 16px; font-weight: 600;">Changes to This Privacy Policy</h2>
+        <p>If our privacy policy changes in the future, it will be posted here and a new effective date will be shown. You should access our privacy policy regularly to ensure you understand our current policies. Please reference the privacy policy in your subject line. SwapReads will attempt to respond to all reasonable concerns or inquiries within 30 business days of receipt.</p>
+            <br>
+        <h2 style="font-size: 16px; font-weight: 600;">Contact Us</h2>
+        <p>If you have an enquiry or a complaint about the way we handle your personal information, or to seek to exercise your privacy rights in relation to the personal information we hold about you, you may contact our customer grievance officer as follows:</p>
+
+        <p>By Email:<a href="mailto:support@swapreads.com" > support@swapreads.com</a> </p>
+        <p>Contact: +91 9124421980</p>
+        <p>Address: 12, Nayabad Kolkata, India 700054</p>
+        <p>We will respond to all requests, inquiries or concerns within a reasonable period.</p>
         
-        <p>By using SwapReads, you agree to the terms outlined in this Privacy Policy.</p>
+        <p>At SwapReads, your experience is of utmost importance to us. Our team is always on their toes with one goal and that is delighting our customers. We are committed to give our best shot at resolving your concern. In any way, if you feel that we can do more to live upto your expectations then that would be an opportunity for us. Here are all the platforms through which you can easily get in touch with us.</p>
+        <p>We are sure that you will get answers to all your queries on our support page.
+          For any queries related to SwapReads you can Live Chat with us. We are at your service 24/7, 365 days.</p>
     </div>
 </main>
 
diff --git a/terms&cond.html b/terms&cond.html
index b307a5c00..be1242a9c 100644
--- a/terms&cond.html
+++ b/terms&cond.html
@@ -1,103 +1,133 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Book Swap Terms and Conditions</title>
     <style>
-        /* Set background color and font family for the entire page */
-body {
-    background: linear-gradient(to bottom, #f0797d 0%, #fad0c4 99%, #fad0c4 100%);
-    font-family: Arial, sans-serif;
-}
-
-/* Style the main container for the terms and conditions */
-.book-swap-container {
-    width: 80%; /* Adjust as needed */
-    margin: 40px auto 40px auto; 
-    background-color: rgba(214, 148, 148, 0.289);
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-    padding: 20px;
-    border-radius: 5px;
-    text-align: center;
-}
-.book-swap-container:hover{
-    box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.75), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-/* Style headings */
-.book-swap-container h1 {
-    font-size: 24px;
-    color: #f70303;
-    font-weight: bold;
-}
-
-.book-swap-container h1:hover{
-    transform: scale(1.3);
-}
-
-.book-swap-container h2 {
-    margin-top:  20px;
-    margin-bottom: 10px;
-    font-size: 20px;
-    color: #201f1f;
-}
-
-/* Style paragraphs */
-.book-swap-container p {
-    font-size: 16px;
-    color: #232222;
-}
-
-
-.book-swap-container ul {
-    list-style-type: none;
-    padding-left: 0;
-    font-size: 15px;
-    line-height: 1.5;
-}
-.book-swap-container h1, 
-.book-swap-container h2 {
-    transition: transform 0.3s ease; /* Smooth transition */
-}
-
-.book-swap-container h1:hover,
-.book-swap-container h2:hover {
-    transform: scale(1.1); /* Slightly reduce scaling for h2 */
-}
-
-        .book-swap-container h2 {
-    margin-top: 20px; /* Adds space above headings */
-    margin-bottom: 10px; /* Adds space below headings */
-}
-
-.book-swap-container p,
-.book-swap-container ul {
-    margin-bottom: 15px; /* Space between paragraphs and lists */
-}
-
-.book-swap-container p,
-.book-swap-container ul {
-    color: #1a1a1a; /* Darker color for better contrast */
-}
+      body {
+        user-select: none;
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb9b0' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffc1b7' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffc8bf' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffcfc6' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23FFD6CE' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffdcd4' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe1d9' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffe6df' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23ffebe4' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23FFF0EA' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
+        background-attachment: fixed;
+        background-size: cover;
+        color: var(--sonic-silver);
+        user-select: none;
+        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+        color: #333;
+        scroll-behavior: smooth;
+      }
 
+      /* Style the main container */
+      .book-swap-container {
+        max-width: 900px;
+        margin: 50px auto;
+        background-color: rgba(255, 240, 240, 0.7); /* More transparency */
+        padding: 30px;
+        border-radius: 10px;
+        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
+        text-align: center; /* Center align text */
+      }
+
+      /* Headings styling */
+      .book-swap-container h1 {
+        font-size: 36px;
+        color: #ff5c5c;
+        margin-bottom: 20px;
+        text-align: center;
+      }
+
+      .book-swap-container h2 {
+        font-size: 22px;
+        color: #ff4a4a;
+        margin-bottom: 10px;
+        text-align: center;
+      }
+
+      /* Paragraph styling */
+      .book-swap-container p {
+        font-size: 18px;
+        line-height: 1.8;
+        margin-bottom: 20px;
+        color: #5a5a5a;
+      }
+
+      /* Styling the unordered lists */
+      .book-swap-container ul {
+        font-size: 17px;
+        line-height: 1.8;
+        color: #4a4a4a;
+        list-style: none; /* Remove default bullet points */
+        padding-left: 20px; /* Indentation */
+      }
+
+      /* Styling list items with custom bullets */
+      .book-swap-container ul li {
+        margin-bottom: 10px;
+        padding-left: 20px;
+        position: relative;
+        font-size: 17px; /* Font size for the list text */
+        font-weight: 500; /* Slightly bolder font */
+        color: #444; /* Darker text color */
+        line-height: 1.6; /* Better line spacing */
+        transition: color 0.2s ease-in-out;
+      }
+
+      .book-swap-container ul li:before {
+        content: "\2022"; /* Bullet point */
+        color: #ff5c5c;
+        font-weight: bold;
+        font-size: 1.2em;
+      }
+
+      /* Hover effect for headings */
+      .book-swap-container h1:hover,
+      .book-swap-container h2:hover {
+        transform: scale(1.05);
+        transition: transform 0.2s ease-in-out;
+      }
+
+      /* Button-like effect for each section */
+      .book-swap-container h2 {
+        background-color: rgba(255, 153, 153, 0.2);
+        padding: 10px;
+        border-radius: 5px;
+      }
+
+      .book-swap-container ul li:hover {
+        color: #ff4a4a; /* Change text color on hover */
+      }
+      /* Paragraph styling */
+      .book-swap-container p {
+        font-size: 17px; /* Font size for paragraph text */
+        font-weight: 500; /* Slightly bolder text */
+        color: #444; /* Darker text color */
+        line-height: 1.7; /* More space between lines */
+        margin-bottom: 20px; /* Space below each paragraph */
+        transition: color 0.2s ease-in-out;
+      }
+
+      /* Hover effect for paragraph */
+      .book-swap-container p:hover {
+        color: #ff4a4a; /* Change text color on hover */
+      }
     </style>
     <style>
-        /* Circle styles */
-        .circle {
-            height: 24px;
-            width: 24px;
-            border-radius: 50%;
-            background-color: black;
-            position: fixed;
-            top: 0;
-            left: 0;
-            pointer-events: none;
-            z-index: 99999999;
-            transition: transform 0.1s ease-out;
-        }
+      /* Circle styles */
+      .circle {
+        height: 24px;
+        width: 24px;
+        border-radius: 50%;
+        background-color: black;
+        position: fixed;
+        top: 0;
+        left: 0;
+        pointer-events: none;
+        z-index: 99999999;
+        transition: transform 0.1s ease-out;
+      }
     </style>
-</head>
-<body id="terms&cond">
+  </head>
+  <body id="terms&cond">
     <!-- Circles -->
     <div class="circle"></div>
     <div class="circle"></div>
@@ -120,94 +150,132 @@
     <div class="circle"></div>
     <div class="circle"></div>
     <div class="book-swap-container">
-    <h1>Book Swap Terms and Conditions</h1>
+      <h1>Book Swap Terms and Conditions</h1>
 
-    <h2>1. Introduction</h2>
-    <p>Welcome to our book swap community! By participating in book swaps on our platform, you agree to the following terms and conditions.</p>
+      <h2>1. Introduction</h2>
+      <p>
+        Welcome to our book swap community! By participating in book swaps on
+        our platform, you agree to the following terms and conditions.
+      </p>
 
-    <h2>2. Book Swapping Process</h2>
-    <ul>
-        <li>Users can list books they want to swap.</li>
-        <li>Other users can express interest in swapping those books.</li>
-        <li>Once both parties agree, they arrange the swap.</li>
-    </ul>
+      <h2>2. Book Swapping Process</h2>
+      <ul>
+        <li>  Users can list books they want to swap.</li>
+        <li>  Other users can express interest in swapping those books.</li>
+        <li>  Once both parties agree, they arrange the swap.</li>
+      </ul>
 
-    <h2>3. Borrowing Period</h2>
-    <p>Borrowers can keep the swapped book for a specified period (e.g., 2 weeks). Extensions may be allowed if both parties agree.</p>
+      <h2>3. Borrowing Period</h2>
+      <p>
+        Borrowers can keep the swapped book for a specified period (e.g., 2
+        weeks). Extensions may be allowed if both parties agree.
+      </p>
 
-    <h2>4. Late Returns</h2>
-    <p>If a borrower doesn't return the book on time, the following actions may be taken:</p>
-    <ul>
-        <li>First Reminder: A friendly reminder via email or notification.</li>
-        <li>Second Reminder: A stronger reminder with a potential warning.</li>
-        <li>Third Reminder: Suspension of book swap privileges.</li>
-        <li>Further Actions: Legal steps or penalties (if necessary).</li>
-    </ul>
+      <h2>4. Late Returns</h2>
+      <p>
+        If a borrower doesn't return the book on time, the following actions may
+        be taken:
+      </p>
+      <ul>
+        <li>  First Reminder: A friendly reminder via email or notification.</li>
+        <li>  Second Reminder: A stronger reminder with a potential warning.</li>
+        <li>  Third Reminder: Suspension of book swap privileges.</li>
+        <li>  Further Actions: Legal steps or penalties (if necessary).</li>
+      </ul>
 
-    <h2>5. Book Condition</h2>
-    <p>Borrowers must return books in the same condition they received them. Minor wear and tear are acceptable, but significant damage may result in penalties.</p>
+      <h2>5. Book Condition</h2>
+      <p>
+        Borrowers must return books in the same condition they received them.
+        Minor wear and tear are acceptable, but significant damage may result in
+        penalties.
+      </p>
 
-    <h2>6. Privacy and Data</h2>
-    <p>We respect your privacy. Read our privacy policy for details on data handling.</p>
+      <h2>6. Privacy and Data</h2>
+      <p>
+        We respect your privacy. Read our privacy policy for details on data
+        handling.
+      </p>
 
-    <h2>7. Disputes</h2>
-    <p>In case of disputes, we encourage open communication between users. If unresolved, contact our support team for assistance.</p>
+      <h2>7. Disputes</h2>
+      <p>
+        In case of disputes, we encourage open communication between users. If
+        unresolved, contact our support team for assistance.
+      </p>
 
-    <h2>8. Changes to Terms</h2>
-    <p>We may update these terms. Check back for any changes.</p>
+      <h2>8. Changes to Terms</h2>
+      <p>We may update these terms. Check back for any changes.</p>
     </div>
     <script>
-        // Coordinates for the cursor
-        const coords = { x: 0, y: 0 };
-        const circles = document.querySelectorAll(".circle");
-
-        // Colors for the circles
-        const colors = [
-            "#ffb56b", "#fdaf69", "#f89d63", "#f59761", "#ef865e", "#ec805d",
-            "#e36e5c", "#df685c", "#d5585c", "#d1525c", "#c5415d", "#c03b5d",
-            "#b22c5e", "#ac265e", "#9c155f", "#950f5f", "#830060", "#7c0060",
-            "#680060", "#60005f", "#48005f", "#3d005e"
-        ];
-
-        // Assign colors and initial position to each circle
-        circles.forEach(function (circle, index) {
-            circle.x = 0;
-            circle.y = 0;
-            circle.style.backgroundColor = colors[index % colors.length];
-        });
+      // Coordinates for the cursor
+      const coords = { x: 0, y: 0 };
+      const circles = document.querySelectorAll(".circle");
 
-        // Update the coordinates when the mouse moves
-        window.addEventListener("mousemove", function (e) {
-            coords.x = e.clientX;
-            coords.y = e.clientY;
-        });
+      // Colors for the circles
+      const colors = [
+        "#ffb56b",
+        "#fdaf69",
+        "#f89d63",
+        "#f59761",
+        "#ef865e",
+        "#ec805d",
+        "#e36e5c",
+        "#df685c",
+        "#d5585c",
+        "#d1525c",
+        "#c5415d",
+        "#c03b5d",
+        "#b22c5e",
+        "#ac265e",
+        "#9c155f",
+        "#950f5f",
+        "#830060",
+        "#7c0060",
+        "#680060",
+        "#60005f",
+        "#48005f",
+        "#3d005e",
+      ];
 
-        // Animation function to move the circles
-        function animateCircles() {
-            let x = coords.x;
-            let y = coords.y;
+      // Assign colors and initial position to each circle
+      circles.forEach(function (circle, index) {
+        circle.x = 0;
+        circle.y = 0;
+        circle.style.backgroundColor = colors[index % colors.length];
+      });
 
-            circles.forEach(function (circle, index) {
-                // Update the position and scale of each circle
-                circle.style.left = x - 12 + "px";
-                circle.style.top = y - 12 + "px";
-                circle.style.scale = (circles.length - index) / circles.length;
+      // Update the coordinates when the mouse moves
+      window.addEventListener("mousemove", function (e) {
+        coords.x = e.clientX;
+        coords.y = e.clientY;
+      });
 
-                circle.x = x;
-                circle.y = y;
+      // Animation function to move the circles
+      function animateCircles() {
+        let x = coords.x;
+        let y = coords.y;
 
-                // Get the next circle in the sequence
-                const nextCircle = circles[index + 1] || circles[0];
-                x += (nextCircle.x - x) * 0.3;
-                y += (nextCircle.y - y) * 0.3;
-            });
+        circles.forEach(function (circle, index) {
+          // Update the position and scale of each circle
+          circle.style.left = x - 12 + "px";
+          circle.style.top = y - 12 + "px";
+          circle.style.scale = (circles.length - index) / circles.length;
 
-            // Repeat the animation
-            requestAnimationFrame(animateCircles);
-        }
+          circle.x = x;
+          circle.y = y;
 
-        // Start the animation
-        animateCircles();
+          // Get the next circle in the sequence
+          const nextCircle = circles[index + 1] || circles[0];
+          x += (nextCircle.x - x) * 0.3;
+          y += (nextCircle.y - y) * 0.3;
+        });
+
+        // Repeat the animation
+        requestAnimationFrame(animateCircles);
+      }
+
+      // Start the animation
+      animateCircles();
     </script>
-</body>
+  </body>
 </html>
+