Update src/app/page.tsx

Merge version_15 into main

src/app/appointments/page.tsx

@@ -26,9 +26,12 @@ export default function AppointmentsPage() {
             navItems={[
               { 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

@@ -28,6 +28,8 @@ export default function BlackoutTimesPage() {
                 name: "Home",                id: "/"},
               {
                 name: "Services",                id: "#services"},
+              {
+                name: "Why Us",                id: "#why-us"},
               {
                 name: "About Us",                id: "#about-student-team"},
               {
@@ -35,7 +37,9 @@ export default function BlackoutTimesPage() {
               {
                 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

@@ -34,6 +34,8 @@ export default function LandingPage() {
           name: "Home",          id: "/"},
         {
           name: "Services",          id: "#services"},
+        {
+          name: "Why Us",          id: "#why-us"},
         {
           name: "About Us",          id: "#about-student-team"},
         {
@@ -41,7 +43,9 @@ export default function LandingPage() {
         {
           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"}}
@@ -56,7 +60,7 @@ export default function LandingPage() {
         variant: "plain"}}
       title="Upper Valley Detail"
       titleClassName="font-bold"
-      description="We're two high school freshmen with three years of experience in meticulous detailing. Your satisfaction is guaranteed. Say you're interested and let us transform your vehicle!"
+      description="We're two high school freshmen with two years of experience in meticulous detailing. Your satisfaction is guaranteed. Say you're interested and let us transform your vehicle!"
       testimonials={[]}
       buttons={[
         {
@@ -70,18 +74,35 @@ export default function LandingPage() {
   </div>
 
 
-  
+  <div id="why-us" data-section="why-us">
+      <FeatureCardThree
+      textboxLayout="default"
+      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/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-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."
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      className="py-12 md:py-16"
+    />
+  </div>
 
-  <div id="about-student-team" data-section="about-student-team" className="py-20 md:py-32">
+  <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={[]} 
+      metrics={[]} // Required but empty as per user request
       useInvertedBackground={false}
       mediaAnimation="none"
       metricsAnimation="none"
-      imageSrc="http://img.b2bpic.net/free-photo/low-rise-building_1127-3272.jpg?id=1243099"
-      imageAlt="Young man detailing a car"
+      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>
 

src/app/schedule/page.tsx

@@ -44,6 +44,7 @@ export default function SchedulePage() {
             navItems={[
                 { 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" },