Update src/app/page.tsx

Merge version_15 into main

src/app/appointments/page.tsx

@@ -27,8 +27,11 @@ export default function AppointmentsPage() {
               { name: "Home", id: "/" },
               { 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: "Appointments", id: "/appointments" },
+              { name: "Manage Availability", id: "/blackout-times" },
+              { name: "Schedule", id: "/schedule" }
             ]}
             button={{
               text: "Schedule Now",              href: "/schedule"
@@ -69,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,6 +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() {
@@ -35,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"}}
@@ -75,9 +80,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "interior-detail",          title: "Precision Interior Detailing",          description: "From vacuuming every crumb to polishing surfaces and conditioning leather, we ensure your car's interior feels fresh and pristine.",          imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-red-luxury-sport-car_181624-25467.jpg"},
+          id: "interior-detail",          title: "Precision Interior Detailing",          description: "From vacuuming every crumb to polishing surfaces and conditioning leather, we ensure your car's interior feels fresh and pristine.",          imageSrc: "http://img.b2bpic.net/premium-photo/foam-detergent-cleaning-leather-seat-using-brush-worker-auto-cleaning-service-clean-car-inside-car-interior-detailing_255847-7909.jpg?id=33580195"},
         {
-          id: "exterior-wash-wax",          title: "Spotless Exterior Wash & Wax",          description: "Our exterior service includes a thorough wash, paint decontamination, wheel cleaning, tire dressing, and a durable wax for lasting shine and protection.",          imageSrc: "http://img.b2bpic.net/free-photo/car-polishing-process-washing_23-2149547517.jpg"},
+          id: "exterior-wash-wax",          title: "Spotless Exterior Wash & Wax",          description: "Our exterior service includes a thorough wash, paint decontamination, wheel cleaning, tire dressing, and a durable wax for lasting shine and protection.",          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22322.jpg?id=8380359"},
       ]}
       title="Our Promise: Meticulous Care & Guaranteed Satisfaction"
       description="We don't just clean cars; we restore them. Our dedicated student team adheres to a strict detailing regimen, ensuring every crevice and surface shines with perfection. Your satisfaction is our top priority, and we stand by the quality of our work."
@@ -87,6 +92,20 @@ 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
       animationType="slide-up"

src/app/schedule/page.tsx

@@ -45,6 +45,7 @@ export default function SchedulePage() {
                 { name: "Home", id: "/" },
                 { 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"}