diff --git a/buy.html b/buy.html
index e9d7627..f44a724 100644
--- a/buy.html
+++ b/buy.html
@@ -315,6 +315,7 @@
 
     <nav class="navbar">
       <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
+      <div class="logo" style="font-size: 20px;">Ticket Marketplace</div>
       <div class="logo">Ticket Marketplace</div>
 
       <!-- Toggle Button (Visible on Small Screens) -->
@@ -332,6 +333,7 @@
       </div>
 
       <!-- Dark Mode Button -->
+      <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
       <button id="darkModeToggle">🌙</button>
   </nav>
 
diff --git a/contactus.html b/contactus.html
index 8591a1f..d97af5d 100644
--- a/contactus.html
+++ b/contactus.html
@@ -562,6 +562,61 @@ <h4>HELPFUL LINKS</h4>
                 <li><a href="book_condition.html">Booking Conditions</a></li>
               </ul>
             </div>
+
+
+        <div class="footer-links">
+            <div class="footer-column">
+                <h4>HELPFUL LINKS</h4>
+                <ul>
+                    <li><a href="help.html">Help Centre</a></li>
+                    <li><a href="#">Special Assistance</a></li>
+                    <li><a href="#">Download The App</a></li>
+                    <li><a href="#">Booking Conditions</a></li>
+                </ul>
+            </div>
+            <div class="footer-links">
+                <div class="footer-column">
+                    <h4>HELPFUL LINKS</h4>
+                    <ul>
+                        <li><a href="#">Help Centre</a></li>
+                        <li><a href="#">Special Assistance</a></li>
+                        <li><a href="#">Download The App</a></li>
+                        <li><a href="#">Booking Conditions</a></li>
+                        <li><a href="Faq.html">FAQ</a></li>
+
+                    </ul>
+                </div>
+
+                <div class="footer-column">
+                    <h4>ABOUT US</h4>
+                    <ul>
+                        <li><a href="#">Media Center</a></li>
+                        <li><a href="#">Investors</a></li>
+                        <li><a href="ModernSlaveryAct.html">Modern Slavery Act</a></li>
+                        <li><a href="terms.html">Terms Of Use</a></li>
+                    </ul>
+                </div>
+
+                <div class="footer-column">
+                    <h4>KEEPING SAFE</h4>
+                    <ul>
+                        <li><a href="atol.html">ATOL Protected</a></li>
+                        <li><a href="./travelawares.html">Travel Aware</a></li>
+                        <li><a href="fcdoTravel.html">FCDO Travel Advice</a></li>
+                        <li><a href="abta.html">ABTA</a></li>
+                    </ul>
+                </div>
+
+                <div class="footer-column">
+                    <h4>FIND US</h4>
+                    <ul>
+ 
+                        <li><a href="contactus.html">Contact 
+                        <li><a href="GroupCookieNotice.html">Group Cookie Notice</a></li>
+                       <li><a href="privacy.html">Privacy And Policy</a></li>
+                        <li><a href="sitemap.html">Sitemap</a></li>
+                    </ul>
+                </div>
       
             <div class="footer-column">
               <h4>ABOUT US</h4>
diff --git a/index.html b/index.html
index 97f2605..76e15b6 100644
--- a/index.html
+++ b/index.html
@@ -580,6 +580,15 @@ <h2>What type of transportation do you prefer for your travels?</h2>
         </a>
         <div>
 
+            <a href="about.html"><i class="fas fa-info-circle"></i> About</a>
+            <a href="buy.html"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
+            <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
+            <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
+            <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
+            <a href="login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
+
+            <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
+
             <a href="index.html" style="text-decoration: none;"><i class="fas fa-home"></i> Home</a>
             <a href="about.html" style="text-decoration: none;"><i class="fas fa-info-circle"></i> About</a>
             <a href="buy.html" style="text-decoration: none;"><i class="fas fa-ticket-alt"></i> Buy Ticket</a>
diff --git a/register.html b/register.html
index 94e1297..b9232b9 100644
--- a/register.html
+++ b/register.html
@@ -86,6 +86,8 @@
 <header>
     <nav class="navbar">
         <img src="https://ticket-booking-blue.vercel.app/images/4.jpeg" alt="" style="border-radius: 50%; height: 35px; width: 35px;">
+        <div class="logo" style="margin-right: 200px; font-size: 20px;">Ticket Marketplace</div>
+        <div>
         <div class="logo" style="font-size: 20px;">Ticket Marketplace</div>
   
         <!-- Toggle Button (Visible on Small Screens) -->
@@ -99,6 +101,7 @@
             <a href="sell.html"><i class="fas fa-tags"></i> Sell</a>
             <a href="contactus.html"><i class="fas fa-envelope"></i> Contact</a>
             <a href="contributor.html"><i class="fas fa-users"></i> Contributors</a>
+            <a href="register.html"><i class="fas fa-sign-in-alt"></i> Login</a>
             <a href="login.html"><i class="fas fa-sign-in-alt"></i> Login</a>
         </div>
   
@@ -244,7 +247,87 @@ <h4>FIND US</h4>
                 </ul>
             </div>
         </div>
+        <button id="darkModeToggle" style="width: 40px; height: 40px;">🌙</button>
+    </nav>
+</header>
+<body>
+<div class="registration-form">
+    <h2>Register</h2>
+    <div class="form-field">
+        <label for="email">Email</label>
+        <input type="email" id="email" placeholder="Enter your email" required>
+    </div>
+    <div class="form-field">
+        <label for="username">Username</label>
+        <input type="text" id="username" placeholder="Enter your username" required>
+    </div>
+    <div class="form-field">
+        <label for="mobile">Mobile</label>
+        <input type="text" id="mobile" placeholder="Enter your mobile number" required>
+    </div>
+    <div class="form-field">
+        <label for="password">Password</label>
+        <input type="password" id="password" placeholder="Enter your password" required>
+    </div>
+    <div class="form-field">
+        <button onclick="registerUser()">Register</button>
+        <a href="./index.html">Back to Home</a>
     </div>
+    <div id="message" class="message"></div>
+</div>
+
+<script>
+    // JavaScript for registration logic and validation
+    function registerUser() {
+        const email = document.getElementById('email').value.trim();
+        const username = document.getElementById('username').value.trim();
+        const mobile = document.getElementById('mobile').value.trim();
+        const password = document.getElementById('password').value.trim();
+        const messageElement = document.getElementById('message');
+
+        // Basic validation
+        if (!email || !username || !mobile || !password) {
+            showMessage('All fields are required!', 'error');
+            return;
+        }
+
+        // Email validation
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailRegex.test(email)) {
+            showMessage('Invalid email format!', 'error');
+            return;
+        }
+
+        // Username validation
+        if (username.length < 3) {
+            showMessage('Username must be at least 3 characters long!', 'error');
+            return;
+        }
+
+        // Mobile number validation
+        if (!/^\d{10}$/.test(mobile)) {
+            showMessage('Mobile number must be 10 digits!', 'error');
+            return;
+        }
+
+        // Password validation
+        if (password.length < 6) {
+            showMessage('Password must be at least 6 characters long!', 'error');
+            return;
+        }
+
+        // If all validations pass, display success message
+        showMessage('Registration successful!', 'success');
+    }
+
+    // Function to display messages
+    function showMessage(message, type) {
+        const messageElement = document.getElementById('message');
+        messageElement.textContent = message;
+        messageElement.className = `message ${type}`;
+    }
+</script>
+
 </div>