diff --git a/about.css b/about.css
index 199b92b6..f419b6cd 100644
--- a/about.css
+++ b/about.css
@@ -1,229 +1,377 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Inter', sans-serif;
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-    background-color: #1A202C;
-    color: #E2E8F0;
-    line-height: 1.6;
-}
-
-.container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 1rem;
-    width: 100%;
-}
-
-header {
-    background-color: #2D3748;
-    position: sticky;
-    top: 0;
-    z-index: 100;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0.5rem 0;
-}
-
-.logo {
-    display: flex;
-    align-items: center;
-}
-
-#logo-web {
-    width: 40px;
-    height: auto;
-    margin-right: 0.5rem;
-}
-
-#logo {
-    color: #ffffff;
-    font-size: 1.25rem;
-    font-weight: bold;
-    margin: 0;
-    padding: 0;
-    line-height: 1;
-}
-
-.nav-links {
-    list-style: none;
-    display: flex;
-    gap: 1.5rem;
-    align-items: center;
-    margin: 0;
-    padding: 0;
-}
-
-.nav-link {
-    text-decoration: none;
-    color: #CBD5E0;
-    padding: 0.5rem 0.75rem;
-    border-radius: 4px;
-    transition: background-color 0.3s ease, color 0.3s ease;
-}
-
-.nav-link:hover,
-.nav-link.active {
-    background-color: rgba(76, 95, 191, 0.2);
-    color: #E2E8F0;
-}
-
-.nav-link.active {
-    color: #4C51BF;
-    font-weight: bold;
-}
-
-.btn-primary {
-    display: inline-block;
-    padding: 0.625rem 1.25rem;
-    background-color: #4C51BF;
-    color: white;
-    text-decoration: none;
-    border-radius: 5px;
-    transition: background-color 0.3s ease, transform 0.2s ease;
-}
-
-.btn-primary:hover {
-    background-color: #667EEA;
-    transform: translateY(-2px);
-}
-
-.main-content {
-    flex-grow: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 3rem 1rem;
-}
-
-.content-container {
-    max-width: 800px;
-    width: 100%;
-    padding: 2.5rem;
-    background-color: white;
-    border-radius: 12px;
-    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
-    text-align: center;
-    transition: transform 0.3s ease;
-}
-
-.content-container:hover {
-    transform: scale(1.02);
-}
-
-h1,
-h2 {
-    color: #2D3748;
-    margin-bottom: 1rem;
-}
-
-h1 {
-    font-size: 2.25rem;
-    font-weight: 800;
-}
-
-h2 {
-    font-size: 1.875rem;
-    font-weight: 700;
-    margin-top: 2rem;
-}
-
-p {
-    margin-bottom: 1rem;
-    color: #718096;
-}
-
-footer {
-    background-color: #2D3748;
-    color: #ffffff;
-    padding: 2rem 1rem;
-    margin-top: auto;
-}
-
-.footer-content {
-    display: flex;
-    justify-content: center;
-    align-items: flex-start;
-    gap: 2rem;
-    max-width: 1200px;
-    margin: 0 auto;
-}
-
-
-.footer-column-l {
-    flex: 0.2;
-}
-
-.footer-column-r {
-    flex: 0.2;
-}
-
-.footer-column h3 {
-    margin-bottom: 0.5rem;
-    font-size: 1.125rem;
-}
-
-.social-icons {
-    display: flex;
-    gap: 1rem;
-    margin-top: 0.5rem;
-}
-
-.social-icons a {
-    color: #E2E8F0;
-    transition: color 0.3s ease, transform 0.2s ease;
-}
-
-.social-icons a:hover {
-    color: #4C51BF;
-    transform: translateY(-2px);
-}
-
-.copyright {
-    text-align: center;
-    margin-top: 1.5rem;
-    padding-top: 1rem;
-    border-top: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-@media (max-width: 768px) {
-    nav {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    .nav-links {
-        flex-direction: column;
-        align-items: flex-start;
-        width: 100%;
-        margin-top: 1rem;
-    }
-
-    .nav-link,
-    .btn-primary {
-        display: block;
-        width: 100%;
-        text-align: left;
-        margin-bottom: 0.5rem;
-    }
-
-    .footer-content {
-        flex-direction: column;
-    }
-
-    .footer-column {
-        width: 100%;
-        margin-bottom: 1rem;
-    }
-}
\ No newline at end of file
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Inter', sans-serif;
+            display: flex;
+            flex-direction: column;
+            min-height: 100vh;
+            background-color: #1A202C;
+            color: #E2E8F0;
+            line-height: 1.6;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 1rem;
+            width: 100%;
+        }
+
+        header {
+            background-color: #2D3748;
+            position: sticky;
+            top: 0;
+            z-index: 100;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+
+        nav {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0.5rem 0;
+        }
+
+        .logo {
+            display: flex;
+            align-items: center;
+        }
+
+        #logo-web {
+            width: 40px;
+            height: auto;
+            margin-right: 0.5rem;
+        }
+
+        #logo {
+            color: #ffffff;
+            font-size: 1.25rem;
+            font-weight: bold;
+            margin: 0;
+            padding: 0;
+            line-height: 1;
+        }
+
+        .nav-links {
+            list-style: none;
+            display: flex;
+            gap: 1.5rem;
+            align-items: center;
+            margin: 0;
+            padding: 0;
+        }
+
+        .nav-link {
+            text-decoration: none;
+            color: #CBD5E0;
+            padding: 0.5rem 0.75rem;
+            border-radius: 4px;
+            transition: background-color 0.3s ease, color 0.3s ease;
+        }
+
+        .nav-link:hover, .nav-link.active {
+            background-color: rgba(76, 95, 191, 0.2);
+            color: #E2E8F0;
+        }
+
+        .nav-link.active {
+            color: #4C51BF;
+            font-weight: bold;
+        }
+
+        .btn-primary {
+            display: inline-block;
+            padding: 0.625rem 1.25rem;
+            background-color: #4C51BF;
+            color: white;
+            text-decoration: none;
+            border-radius: 5px;
+            transition: background-color 0.3s ease, transform 0.2s ease;
+        }
+
+        .btn-primary:hover {
+            background-color: #667EEA;
+            transform: translateY(-2px);
+        }
+
+        .main-content {
+            flex-grow: 1;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 3rem 1rem;
+            background-image: url('https://source.unsplash.com/1600x900/?travel');
+            background-size: cover;
+            background-position: center;
+            background-attachment: fixed;
+        }
+
+        .content-container {
+            max-width: 800px;
+            width: 100%;
+            padding: 3rem;
+            background-color: rgba(255, 255, 255, 0.95);
+            border-radius: 15px;
+            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
+            text-align: center;
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            overflow: hidden;
+            position: relative;
+        }
+
+        .content-container::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 5px;
+            background: linear-gradient(90deg, #4C51BF, #667EEA);
+        }
+
+        .content-container:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
+        }
+
+        h1, h2 {
+            color: #2D3748;
+            margin-bottom: 1.5rem;
+        }
+
+        h1 {
+            font-size: 2.75rem;
+            font-weight: 800;
+            position: relative;
+            display: inline-block;
+            margin-bottom: 2rem;
+        }
+
+        h1::after {
+            content: '';
+            position: absolute;
+            bottom: -10px;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 50px;
+            height: 3px;
+            background: linear-gradient(90deg, #4C51BF, #667EEA);
+            transition: width 0.3s ease;
+        }
+
+        .content-container:hover h1::after {
+            width: 100px;
+        }
+
+        h2 {
+            font-size: 2.25rem;
+            font-weight: 700;
+            margin-top: 2.5rem;
+            color: #4C51BF;
+        }
+
+        p {
+            margin-bottom: 1.5rem;
+            color: #4A5568;
+            font-size: 1.1rem;
+            line-height: 1.8;
+        }
+
+        .values-container {
+            display: flex;
+            justify-content: space-around;
+            margin: 3rem 0;
+        }
+
+        .value-item {
+            text-align: center;
+            padding: 1.5rem;
+            background-color: rgba(76, 81, 191, 0.1);
+            border-radius: 12px;
+            transition: transform 0.3s ease, background-color 0.3s ease;
+            width: 30%;
+        }
+
+        .value-item:hover {
+            transform: translateY(-5px);
+            background-color: rgba(76, 81, 191, 0.2);
+        }
+
+        .value-item i {
+            font-size: 2.5rem;
+            color: #4C51BF;
+            margin-bottom: 1rem;
+        }
+
+        .value-item h3 {
+            color: #2D3748;
+            font-size: 1.25rem;
+            margin-bottom: 0.5rem;
+        }
+
+        .cta-button {
+            display: inline-block;
+            padding: 0.75rem 1.5rem;
+            background: linear-gradient(90deg, #4C51BF, #667EEA);
+            color: white;
+            text-decoration: none;
+            border-radius: 30px;
+            font-weight: bold;
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            margin-top: 1rem;
+        }
+
+        .cta-button:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 15px rgba(76, 81, 191, 0.4);
+        }
+
+        footer {
+            background-color: #2D3748;
+            color: #ffffff;
+            padding: 2rem 1rem;
+            margin-top: auto;
+        }
+
+        .footer-content {
+            display: flex;
+            justify-content: center;
+            align-items: flex-start;
+            gap: 2rem;
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        .footer-column-l {
+            flex: 0.2;
+        }
+
+        .footer-column-r {
+            flex: 0.2;
+        }
+
+        .footer-column h3 {
+            margin-bottom: 0.5rem;
+            font-size: 1.125rem;
+        }
+
+        .social-icons {
+            display: flex;
+            gap: 1rem;
+            margin-top: 0.5rem;
+        }
+
+        .social-icons a {
+            color: #E2E8F0;
+            transition: color 0.3s ease, transform 0.2s ease;
+        }
+
+        .social-icons a:hover {
+            color: #4C51BF;
+            transform: translateY(-2px);
+        }
+
+        .copyright {
+            text-align: center;
+            margin-top: 1.5rem;
+            padding-top: 1rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.1);
+        }
+
+        @media (max-width: 768px) {
+            nav {
+                flex-direction: column;
+                align-items: flex-start;
+            }
+
+            .nav-links {
+                flex-direction: column;
+                align-items: flex-start;
+                width: 100%;
+                margin-top: 1rem;
+            }
+
+            .nav-link,
+            .btn-primary {
+                display: block;
+                width: 100%;
+                text-align: left;
+                margin-bottom: 0.5rem;
+            }
+
+            .footer-content {
+                flex-direction: column;
+            }
+
+            .footer-column {
+                width: 100%;
+                margin-bottom: 1rem;
+            }
+
+            .values-container {
+                flex-direction: column;
+                align-items: center;
+            }
+
+            .value-item {
+                width: 100%;
+                margin-bottom: 1rem;
+            }
+        }
+                footer {
+                    background-color: #2D3748;
+                    color: #ffffff;
+                    padding: 2rem 1rem;
+                    margin-top: auto;
+                }
+        
+                .footer-content {
+                    display: flex;
+                    justify-content: center;
+                    align-items: flex-start;
+                    gap: 2rem;
+                    max-width: 1200px;
+                    margin: 0 auto;
+                }
+        
+        
+                .footer-column-l {
+                    flex: 0.2;
+                }
+        
+                .footer-column-r {
+                    flex: 0.2;
+                }
+        
+                .footer-column h3 {
+                    margin-bottom: 0.5rem;
+                    font-size: 1.125rem;
+                }
+        
+                .social-icons {
+                    display: flex;
+                    gap: 1rem;
+                    margin-top: 0.5rem;
+                }
+        
+                .social-icons a {
+                    color: #E2E8F0;
+                    transition: color 0.3s ease, transform 0.2s ease;
+                }
+        
+                .social-icons a:hover {
+                    color: #4C51BF;
+                    transform: translateY(-2px);
+                }
+        
+                .copyright {
+                    text-align: center;
+                    margin-top: 1.5rem;
+                    padding-top: 1rem;
+                    border-top: 1px solid rgba(255, 255, 255, 0.1);
+                }
\ No newline at end of file
diff --git a/about.html b/about.html
index d1cc1937..ee95e000 100644
--- a/about.html
+++ b/about.html
@@ -11,89 +11,94 @@
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
     />
   </head>
-  <body>
-    <header>
-      <div class="container">
-        <nav>
-          <div class="logo">
-            <img src="img/logo.png" id="logo-web" alt="BuddyTrail Logo" />
-            <h1 id="logo">BuddyTrail</h1>
-          </div>
-          <ul class="nav-links">
-            <li><a href="index.html" class="nav-link">Home</a></li>
-            <li><a href="about.html" class="nav-link active">About Us</a></li>
-            <li><a href="team.html" class="nav-link">Team</a></li>
-            <li><a href="contact.html" class="nav-link">Contact</a></li>
-            <li><a href="auth.html" class="btn-primary">Sign In</a></li>
-          </ul>
-        </nav>
-      </div>
-    </header>
+<body>
+  <header>
+    <div class="container">
+      <nav>
+        <div class="logo">
+          <img src="img/logo.png" id="logo-web" alt="BuddyTrail Logo" />
+          <h1 id="logo">BuddyTrail</h1>
+        </div>
+        <ul class="nav-links">
+          <li><a href="index.html" class="nav-link">Home</a></li>
+          <li><a href="about.html" class="nav-link active">About Us</a></li>
+          <li><a href="team.html" class="nav-link">Team</a></li>
+          <li><a href="contact.html" class="nav-link">Contact</a></li>
+          <li><a href="auth.html" class="btn-primary">Sign In</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
 
-    <main class="main-content">
-      <div class="content-container">
-        <h1>About Our Website</h1>
-        <p>
-          Welcome to BuddyTrail – your ultimate travel companion! 🌍✈️ Whether
-          you're planning a family vacation or a trip with friends, BuddyTrail
-          helps you discover amazing destinations, find the best hotels, and
-          book affordable flights with ease.
-        </p>
-        <p>
-          Our mission is to provide the best travel experiences for our
-          customers, ensuring that every trip is memorable and hassle-free.
-        </p>
-        <p>
-          At BuddyTrail, we believe in the power of travel to transform lives.
-          Our team is dedicated to curating unique experiences, personalized
-          recommendations, and valuable resources that empower our users to
-          explore the world confidently.
-        </p>
-        <h2>Our Values</h2>
-        <p>
-          We value integrity, innovation, and community. Our goal is to build a
-          platform that fosters trust and connectivity among travelers, allowing
-          them to share their experiences and insights.
-        </p>
-        <h2>Meet Our Team</h2>
-        <p>
-          Our diverse team of travel enthusiasts and experts is passionate about
-          creating the best possible service for you. Together, we work
-          tirelessly to ensure your travel journey is seamless from start to
-          finish.
-        </p>
-        <a href="index.html" class="btn-primary">Back to Home</a>
+  <main class="main-content">
+    <div class="content-container">
+      <h1>Discover BuddyTrail</h1>
+      <p>
+        Welcome to BuddyTrail – your ultimate travel companion! 🌍✈️ We're here to transform your travel dreams into
+        unforgettable experiences. Whether you're planning a family vacation, a trip with friends, or a solo adventure,
+        BuddyTrail is your go-to platform for discovering amazing destinations, finding the best accommodations, and
+        booking affordable flights with ease.
+      </p>
+      <p>
+        Our mission is to provide extraordinary travel experiences for our customers, ensuring that every journey is not
+        just a trip, but a story waiting to be told. We believe in the power of travel to broaden horizons, create
+        lasting memories, and bring people together.
+      </p>
+      <h2>Our Core Values</h2>
+      <div class="values-container">
+        <div class="value-item">
+          <i class="fas fa-handshake"></i>
+          <h3>Integrity</h3>
+          <p>We build trust through transparent and honest practices.</p>
+        </div>
+        <div class="value-item">
+          <i class="fas fa-lightbulb"></i>
+          <h3>Innovation</h3>
+          <p>We constantly evolve to enhance your travel experience.</p>
+        </div>
+        <div class="value-item">
+          <i class="fas fa-users"></i>
+          <h3>Community</h3>
+          <p>We foster connections among global travelers.</p>
+        </div>
       </div>
-    </main>
+      <p>
+        At BuddyTrail, we're more than just a travel platform. We're a community of passionate explorers, dedicated to
+        curating unique experiences, providing personalized recommendations, and offering valuable resources that
+        empower you to navigate the world with confidence and excitement.
+      </p>
+      <h2>Meet Our Team</h2>
+      <p>
+        Behind BuddyTrail is a diverse team of travel enthusiasts, tech innovators, and customer experience experts.
+        United by our love for exploration and commitment to excellence, we work tirelessly to ensure your journey with
+        us is seamless, inspiring, and unforgettable.
+      </p>
+      <a href="team.html" class="cta-button">Meet the BuddyTrail Team</a>
+    </div>
+  </main>
 
-    <footer>
-      <div class="container">
-        <div class="footer-content">
-          <div class="footer-column-l">
-            <h3>Contact Us</h3>
-            <p>Email: info@example.com</p>
-            <p>Phone: +123 456 7890</p>
-          </div>
-          <div class="footer-column-r">
-            <h3>Follow Us</h3>
-            <div class="social-icons">
-              <a href="https://discord.com/invite/priyaghosal" target="_blank"
-                ><i class="fab fa-discord"></i
-              ></a>
-              <a href="https://twitter.com/PriyaGhosa39968" target="_blank"
-                ><i class="fab fa-twitter"></i
-              ></a>
-              <a href="https://github.com/PriyaGhosal/BuddyTrail" target="_blank"
-                ><i class="fab fa-github"></i
-              ></a>
-              <a href="https://www.linkedin.com/in/priya-ghosal-785771286/" target="_blank"
-                ><i class="fab fa-linkedin-in"></i
-              ></a>
-            </div>
+  <footer>
+    <div class="container">
+      <div class="footer-content">
+        <div class="footer-column-l">
+          <h3>Contact Us</h3>
+          <p>Email: info@example.com</p>
+          <p>Phone: +123 456 7890</p>
+        </div>
+        <div class="footer-column-r">
+          <h3>Follow Us</h3>
+          <div class="social-icons">
+            <a href="https://discord.com/invite/priyaghosal" target="_blank"><i class="fab fa-discord"></i></a>
+            <a href="https://twitter.com/PriyaGhosa39968" target="_blank"><i class="fab fa-twitter"></i></a>
+            <a href="https://github.com/PriyaGhosal/BuddyTrail" target="_blank"><i class="fab fa-github"></i></a>
+            <a href="https://www.linkedin.com/in/priya-ghosal-785771286/" target="_blank"><i
+                class="fab fa-linkedin-in"></i></a>
           </div>
         </div>
-        <p class="copyright">&copy; 2024 BuddyTrail | All rights reserved.</p>
       </div>
-    </footer>
-  </body>
+      <p class="copyright">&copy; 2024 BuddyTrail | All rights reserved.</p>
+    </div>
+  </footer>
+</body>
+
 </html>