Update src/app/page.tsx

Merge version_12 into main

src/app/admin/dashboard/page.tsx

@@ -11,8 +11,8 @@ export default function AdminDashboardPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
+        contentWidth="compact"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
@@ -36,7 +36,7 @@ export default function AdminDashboardPage() {
             button={{
               text: "Logout",              href: "#" // Placeholder for logout action
             }}
-            brandName="Admin Portal"
+            brandName="Upper Valley Detail"
           />
         </div>
 
@@ -47,7 +47,7 @@ export default function AdminDashboardPage() {
                 Dashboard Overview
             </h1>
             <p className="text-lg text-foreground/80 mb-8">
-              Welcome to the administration portal. Here you can manage appointments and settings for Detail Pros.
+              Welcome to the administration portal. Here you can manage appointments and settings for Upper Valley Detail.
             </p>
 
             <section className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">

src/app/appointments/page.tsx

@@ -12,8 +12,8 @@ export default function AppointmentsPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
+        contentWidth="compact"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
@@ -25,15 +25,16 @@ export default function AppointmentsPage() {
           <NavbarStyleCentered
             navItems={[
               { name: "Home", id: "/" },
-              { name: "Services", id: "/#services" },
+              { name: "Services", id: "#services" },
-              { name: "Why Us", id: "/#why-us" },
+              { name: "Why Us", id: "#why-us" },
-              { name: "FAQ", id: "/#faq" },
+              { name: "About Us", id: "#about-student-team" },
+              { name: "FAQ", id: "#faq" },
               { name: "Appointments", id: "/appointments" }
             ]}
             button={{
-              text: "Schedule Now",              href: "/#contact"
+              text: "Schedule Now",              href: "/schedule"
             }}
-            brandName="Detail Pros"
+            brandName="Upper Valley Detail"
           />
         </div>
 
@@ -69,6 +70,7 @@ 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>
@@ -78,8 +80,8 @@ export default function AppointmentsPage() {
 
         <div id="footer" data-section="footer">
           <FooterCard
-            logoText="Detail Pros"
+            logoText="Upper Valley Detail"
-            copyrightText="© 2024 Detail Pros. All rights reserved."
+            copyrightText="© 2024 Upper Valley Detail. All rights reserved."
             socialLinks={[
               { icon: Instagram, href: "#", ariaLabel: "Instagram" },
               { icon: Facebook, href: "#", ariaLabel: "Facebook" },

src/app/blackout-times/page.tsx

@@ -12,8 +12,8 @@ export default function BlackoutTimesPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
+        contentWidth="compact"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
@@ -25,19 +25,23 @@ export default function BlackoutTimesPage() {
             <NavbarStyleCentered
             navItems={[
               {
-                name: "Home",                id: "home"},
+                name: "Home",                id: "/"},
               {
-                name: "Services",                id: "services"},
+                name: "Services",                id: "#services"},
               {
-                name: "Why Us",                id: "why-us"},
+                name: "Why Us",                id: "#why-us"},
               {
-                name: "FAQ",                id: "faq"},
+                name: "About Us",                id: "#about-student-team"},
               {
-                name: "Manage Availability",                id: "blackout-times"}
+                name: "FAQ",                id: "#faq"},
+              {
+                name: "Appointments",                id: "/appointments"},
+              {
+                name: "Manage Availability",                id: "/blackout-times"}
             ]}
             button={{
-              text: "Schedule Now",              href: "#contact"}}
+              text: "Schedule Now",              href: "/schedule"}}
-            brandName="Detail Pros"
+            brandName="Upper Valley Detail"
           />
         </div>
 
@@ -52,8 +56,8 @@ export default function BlackoutTimesPage() {
 
         <div id="footer" data-section="footer">
             <FooterCard
-            logoText="Detail Pros"
+            logoText="Upper Valley Detail"
-            copyrightText="© 2024 Detail Pros. All rights reserved."
+            copyrightText="© 2024 Upper Valley Detail. All rights reserved."
             socialLinks={[
               {
                 icon: Instagram,

src/app/page.tsx

@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 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() {
@@ -18,8 +18,8 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
+        contentWidth="compact"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
@@ -31,19 +31,23 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",          id: "home"},
+          name: "Home",          id: "/"},
         {
-          name: "Services",          id: "services"},
+          name: "Services",          id: "#services"},
         {
-          name: "Why Us",          id: "why-us"},
+          name: "Why Us",          id: "#why-us"},
         {
-          name: "FAQ",          id: "faq"},
+          name: "About Us",          id: "#about-student-team"},
         {
-          name: "Manage Availability",          id: "blackout-times"}
+          name: "FAQ",          id: "#faq"},
+        {
+          name: "Appointments",          id: "/appointments"},
+        {
+          name: "Manage Availability",          id: "/blackout-times"}
       ]}
       button={{
-        text: "Schedule Now",        href: "#contact"}}
+        text: "Schedule Now",        href: "/schedule"}}
-      brandName="Detail Pros"
+      brandName="Upper Valley Detail"
     />
   </div>
 
@@ -52,76 +56,49 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{
         variant: "plain"}}
-      title="Shine Brighter with Detail Pros - Your Car, Our Passion."
+      title="Upper Valley Detail"
-      description="Experience top-tier car detailing by dedicated local high school students. We guarantee meticulous attention to every detail, ensuring your vehicle looks its absolute best, every time."
+      titleClassName="font-bold"
-      testimonials={[
+      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={[]}
-          name: "Sarah J.",          handle: "@HappyDriver",          testimonial: "My car hasn't looked this good since I bought it! The students were incredibly thorough and professional. Highly recommend Detail Pros!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=1"},
-        {
-          name: "Mark T.",          handle: "@CleanRide",          testimonial: "The attention to detail was outstanding. They really took their time and made sure every inch of my car was spotless. Fantastic work!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-nurse_23-2151061623.jpg?_wi=1"},
-        {
-          name: "Emily R.",          handle: "@ShinyCar",          testimonial: "So impressed by the dedication of these students. My car feels brand new, and the price was unbeatable for the quality. Will definitely be a repeat customer.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg?_wi=1"},
-        {
-          name: "David K.",          handle: "@LocalSupporter",          testimonial: "It's great to support local students doing such high-quality work. They were polite, efficient, and my car looks showroom ready. Excellent service!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg?_wi=1"},
-        {
-          name: "Jessica L.",          handle: "@DetailFan",          testimonial: "From the wheels to the interior, every part of my car was gleaming. Their 'guaranteed satisfaction' is no joke - they truly deliver!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/headshot-attractive-young-redhead-female-with-hair-bun-sitting-cafe-having-surprised-facial-expression_273609-9261.jpg?_wi=1"},
-      ]}
       buttons={[
         {
           text: "View Services",          href: "#services"},
         {
           text: "Book Now",          href: "#contact"},
       ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-posing-smiling_140725-27983.jpg",          alt: "Student avatar"},
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling_74855-2579.jpg",          alt: "Student avatar"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-man-sitting-mat-outdoors_23-2147562273.jpg",          alt: "Student avatar"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors_171337-15134.jpg",          alt: "Student avatar"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-schoolgirl-carries-rucksack-notepads-digital-tablet-looks-into-distance-with-happy-expression-walks-campus-daytime-female-student-returns-from-university-education-concept_273609-59160.jpg",          alt: "Student avatar"},
-      ]}
-      avatarText="Meet the Team!"
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg"
       mediaAnimation="opacity"
     />
   </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",          content: "About Our Dedicated Student Team"},
-      ]}
-    />
-  </div>
 
   <div id="why-us" data-section="why-us">
-      <FeatureCardSix
+      <FeatureCardThree
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          id: 1,
+          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"},
-          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: 2,
+          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: "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/close-up-car-care-dusting_23-2149172885.jpg"},
-        {
-          id: 3,
-          title: "Engine Bay Revitalization",          description: "We carefully clean and dress your engine bay, removing grime and leaving it looking as good as new, enhancing your vehicle's overall presentation.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car-engine_1170-1357.jpg"},
       ]}
       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">
+    <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"
     />
   </div>
 
@@ -132,35 +109,41 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "bronze",          badge: "Basic Brilliance",          badgeIcon: Sparkles,
+          id: "standard",          badge: "STANDARD DETAIL",          badgeIcon: Sparkles,
-          price: "$99",          subtitle: "Essential clean, inside and out.",          buttons: [
+          price: "Starting at $129",          subtitle: "Best for regular maintenance.",          buttons: [
             {
-              text: "Book Bronze",              href: "#contact"},
+              text: "Book Standard",              href: "#contact"
+            },
           ],
           features: [
-            "Exterior wash & dry",            "Vacuum interior",            "Window cleaning",            "Tire dressing",            "Wipe down surfaces"],
+            "Full interior and exterior clean",            "Vacuum, wipe-down, windows, wash",            "Light dirt and salt removal",            "Price may be adjusted for extra large or exceptionally dirty vehicles."
+          ],
         },
         {
-          id: "silver",          badge: "Enhanced Clean",          badgeIcon: Shield,
+          id: "enhanced",          badge: "ENHANCED DETAIL",          badgeIcon: Shield,
-          price: "$149",          subtitle: "Deep clean with added protection.",          buttons: [
+          price: "Starting at $199",          subtitle: "Most popular, best value for most vehicles.",          buttons: [
             {
-              text: "Book Silver",              href: "#contact"},
+              text: "Book Enhanced",              href: "#contact"
+            },
           ],
           features: [
-            "Bronze package features",            "Hand wax application",            "Interior detail & polish",            "Door jam cleaning",            "Air freshener treatment"],
+            "Everything in Standard",            "Deeper interior cleaning (seats, carpets, buildup, and grime)",            "More detailed exterior finish and shine",            "Price may be adjusted for extra large or exceptionally dirty vehicles."
+          ],
         },
         {
-          id: "gold",          badge: "Ultimate Perfection",          badgeIcon: Award,
+          id: "deep",          badge: "DEEP DETAIL",          badgeIcon: Award,
-          price: "$249",          subtitle: "Full rejuvenation, top to bottom.",          buttons: [
+          price: "Starting at $249",          subtitle: "Best for heavily used or very dirty cars.",          buttons: [
             {
-              text: "Book Gold",              href: "#contact"},
+              text: "Book Deep",              href: "#contact"
+            },
           ],
           features: [
-            "Silver package features",            "Clay bar treatment",            "Leather conditioning",            "Engine bay detail",            "Fabric stain removal"],
+            "Everything in Enhanced",            "Heavy stain removal + deep extraction",            "Full interior reset + high detailed finish",            "Price may be adjusted for extra large or exceptionally dirty vehicles."
+          ],
         },
       ]}
       title="Flexible Tiers for Every Need"
-      description="Choose from our Bronze, Silver, or Gold packages, designed to give your car the perfect level of care. All tiers include our signature attention to detail and satisfaction guarantee."
+      description="Choose from our Standard, Enhanced, or Deep packages, designed to give your car the perfect level of care. All tiers include our signature attention to detail and satisfaction guarantee."
     />
   </div>
 
@@ -200,7 +183,7 @@ export default function LandingPage() {
         variant: "plain"}}
       tag="Book Your Detail"
       title="Ready for a Spotless Car?"
-      description="Schedule your car detailing service with Detail Pros today! Let us bring the shine back to your vehicle. For custom requests or administrative inquiries, please reach out via this form."
+      description="Schedule your car detailing service with Upper Valley Detail today! Let us bring the shine back to your vehicle. For custom requests or administrative inquiries, please reach out via this form."
       inputPlaceholder="Enter your email"
       buttonText="Schedule Service"
       termsText="By clicking Schedule Service you're confirming that you agree with our Terms and Conditions."
@@ -209,8 +192,8 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoText="Detail Pros"
+      logoText="Upper Valley Detail"
-      copyrightText="© 2024 Detail Pros. All rights reserved."
+      copyrightText="© 2024 Upper Valley Detail. All rights reserved."
       socialLinks={[
         {
           icon: Instagram,

src/app/schedule/page.tsx

@@ -8,9 +8,9 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import { Facebook, Instagram, Twitter } from "lucide-react";
 
 export const metadata: Metadata = {
-  title: "Schedule Your Detail | Detail Pros",  description: "Book your next car detailing appointment with Detail Pros 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, detail pros schedule"],
+  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 | Detail Pros",    description: "Book your next car detailing appointment with Detail Pros using our easy online schedule management system. View available time slots and secure your spot.",    url: "https://www.detailpros.com/schedule",    siteName: "Detail Pros",    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.uppervalleydetail.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"
       }
@@ -18,7 +18,7 @@ export const metadata: Metadata = {
     type: "website"
   },
   twitter: {
-    card: "summary_large_image",    title: "Schedule Your Detail | Detail Pros",    description: "Book your next car detailing appointment with Detail Pros using our easy online schedule management system. View available time slots and secure your spot.",    images: [
+    card: "summary_large_image",    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.",    images: [
       "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg"
     ]
   }
@@ -30,8 +30,8 @@ export default function SchedulePage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="mediumLarge"
+        contentWidth="compact"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="medium"
         background="circleGradient"
         cardStyle="gradient-bordered"
         primaryButtonStyle="flat"
@@ -42,14 +42,17 @@ export default function SchedulePage() {
         <div id="nav" data-section="nav">
             <NavbarStyleCentered
             navItems={[
-                { name: "Home", id: "home" },
+                { name: "Home", id: "/" },
-                { name: "Services", id: "services" },
+                { name: "Services", id: "#services" },
-                { name: "Why Us", id: "why-us" },
+                { name: "Why Us", id: "#why-us" },
-                { name: "FAQ", id: "faq" }
+                { name: "About Us", id: "#about-student-team" },
+                { name: "FAQ", id: "#faq" },
+                { name: "Appointments", id: "/appointments" },
+                { name: "Manage Availability", id: "/blackout-times"}
             ]}
             button={{
                 text: "Schedule Now",                href: "/schedule"}}
-            brandName="Detail Pros"
+            brandName="Upper Valley Detail"
             />
         </div>
 
@@ -79,8 +82,8 @@ export default function SchedulePage() {
 
         <div id="footer" data-section="footer">
             <FooterCard
-            logoText="Detail Pros"
+            logoText="Upper Valley Detail"
-            copyrightText="© 2024 Detail Pros. All rights reserved."
+            copyrightText="© 2024 Upper Valley Detail. All rights reserved."
             socialLinks={[
                 { icon: Instagram, href: "#", ariaLabel: "Instagram" },
                 { icon: Facebook, href: "#", ariaLabel: "Facebook" },