Update src/app/page.tsx

Merge version_15 into main

src/app/appointments/page.tsx

@@ -27,10 +27,11 @@ export default function AppointmentsPage() {
               { name: "Home", id: "/" },
               { name: "Services", id: "#services" },
               { name: "Why Us", id: "#why-us" },
-              {
-                name: "FAQ", id: "#faq"
-              },
-              { name: "Appointments", id: "/appointments" }
+              { name: "About Us", id: "#about-student-team" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Appointments", id: "/appointments" },
+              { name: "Manage Availability", id: "/blackout-times" },
+              { name: "Schedule", id: "/schedule" }
             ]}
             button={{
               text: "Schedule Now",              href: "/schedule"
@@ -71,7 +72,6 @@ export default function AppointmentsPage() {
                   <button className="bg-green-600 text-white px-5 py-2 rounded-lg hover:bg-green-700 transition-colors shadow-md">Accept</button>
                   <button className="bg-red-600 text-white px-5 py-2 rounded-lg hover:bg-red-700 transition-colors shadow-md">Reject</button>
                   <button className="bg-blue-600 text-white px-5 py-2 rounded-lg hover:bg-blue-700 transition-colors shadow-md">Details</button>
-                 dilutions of liquid soap or other common household products.
                 </div>
               </div>
             </div>

src/app/blackout-times/page.tsx

@@ -30,12 +30,16 @@ export default function BlackoutTimesPage() {
                 name: "Services",                id: "#services"},
               {
                 name: "Why Us",                id: "#why-us"},
+              {
+                name: "About Us",                id: "#about-student-team"},
               {
                 name: "FAQ",                id: "#faq"},
               {
                 name: "Appointments",                id: "/appointments"},
               {
-                name: "Manage Availability",                id: "/blackout-times"}
+                name: "Manage Availability",                id: "/blackout-times"},
+              {
+                name: "Schedule",                id: "/schedule"}
             ]}
             button={{
               text: "Schedule Now",              href: "/schedule"}}

src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; // New import
 import { Award, Facebook, Instagram, Shield, Sparkles, Twitter } from "lucide-react";
 
 export default function LandingPage() {
@@ -36,12 +36,16 @@ export default function LandingPage() {
           name: "Services",          id: "#services"},
         {
           name: "Why Us",          id: "#why-us"},
+        {
+          name: "About Us",          id: "#about-student-team"},
         {
           name: "FAQ",          id: "#faq"},
         {
           name: "Appointments",          id: "/appointments"},
         {
-          name: "Manage Availability",          id: "/blackout-times"}
+          name: "Manage Availability",          id: "/blackout-times"},
+        {
+          name: "Schedule",          id: "/schedule"}
       ]}
       button={{
         text: "Schedule Now",        href: "/schedule"}}
@@ -88,7 +92,19 @@ export default function LandingPage() {
     />
   </div>
 
-
+  <div id="about-student-team" data-section="about-student-team">
+    <MetricSplitMediaAbout
+      title="About our Student Team"
+      description="We’re two dedicated freshmen with a passion for making vehicles look their absolute best. What started as a simple interest in cars quickly grew into a commitment to precision detailing and dependable service. We treat every vehicle with the same level of care and attention we would give our own, carefully cleaning, restoring, and protecting every surface. Our goal is to provide a trustworthy, high quality experience that leaves your car looking refreshed and well cared for. With a strong work ethic and a focus on customer satisfaction, we take pride in delivering results you can see and feel every time you drive."
+      metrics={[]} // Required but empty as per user request
+      useInvertedBackground={false}
+      mediaAnimation="none"
+      metricsAnimation="none"
+      textBoxClassName="max-w-md mx-auto"
+      imageSrc="http://img.b2bpic.net/premium-photo/tranquil-school-campus-with-sunlit-walkway_1254967-61051.jpg?id=327819702"
+      imageAlt="Outside of a school building"
+    />
+  </div>
 
   <div id="services" data-section="services">
       <PricingCardEight