Merge version_19 into main

Merge version_19 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/layout.tsx

@@ -11,8 +11,8 @@ import { Manrope } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Detail Pros | Premium Car Detailing by Students',
-  description: 'Experience meticulous car detailing by local high school students. Guaranteed satisfaction, eco-friendly products, and affordable Bronze, Silver, Gold packages. Book your shine today!',
+  title: 'Upper Valley Detail | Premium Car Detailing by Students',
+  description: 'Experience meticulous car detailing by local high school students at Upper Valley Detail. Guaranteed satisfaction, eco-friendly products, and affordable detailing packages. Book your shine today!',
   keywords: ["car detailing, auto detailing, local car wash, student car detailing, mobile car wash, car cleaning service, high school students, eco-friendly car wash, car care"],
   openGraph: {
     "title": "Detail Pros | Premium Car Detailing by Students",

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"}}
@@ -54,9 +58,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      title="Upper Valley Detail"
+      title="Upper Valley Detail: Precision Car Care by Dedicated Students"
       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

@@ -10,7 +10,7 @@ import { Facebook, Instagram, Twitter } from "lucide-react";
 export const metadata: Metadata = {
   title: "Schedule Your Detail | Upper Valley Detail",  description: "Book your next car detailing appointment with Upper Valley Detail using our easy online schedule management system. View available time slots and secure your spot.",  keywords: ["schedule car detailing, book car detailing, car detailing calendar, auto detailing appointment, Upper Valley Detail schedule"],
   openGraph: {
-    title: "Schedule Your Detail | Upper Valley Detail",    description: "Book your next car detailing appointment with Upper Valley Detail using our easy online schedule management system. View available time slots and secure your spot.",    url: "https://www.uppervalleydetail.com/schedule",    siteName: "Upper Valley Detail",    images: [
+    title: "Schedule Your Detail | Upper Valley Detail",    description: "Book your next car detailing appointment with Upper Valley Detail using our easy online schedule management system. View available time slots and secure your spot.",    url: "https://www.uppervalleydetailing.com/schedule",    siteName: "Upper Valley Detail",    images: [
       {
         url: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",        alt: "Car detailing schedule calendar"
       }
@@ -44,10 +44,12 @@ 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" },
-                { name: "Manage Availability", id: "/blackout-times"}
+                { name: "Manage Availability", id: "/blackout-times"},
+                { name: "Schedule", id: "/schedule"}
             ]}
             button={{
                 text: "Schedule Now",                href: "/schedule"}}