Merge version_19 into main

Merge version_19 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/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

@@ -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"}}
@@ -54,7 +58,7 @@ 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 two years of experience in meticulous detailing. Your satisfaction is guaranteed. Say you're interested and let us transform your vehicle!"
       testimonials={[]}
@@ -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

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"
       }
@@ -48,7 +48,8 @@ export default function SchedulePage() {
                 { 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"}}