Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -32,44 +32,32 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Services", id: "services" },
-          name: "Services",          id: "services"},
+        { name: "About", id: "about" },
-        {
+        { name: "Results", id: "results" },
-          name: "About",          id: "about"},
+        { name: "Reviews", id: "testimonials" },
-        {
+        { name: "FAQ", id: "faq" },
-          name: "Reviews",          id: "testimonials"},
+        { name: "Location", id: "location" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Contact",          id: "contact"},
       ]}
-      button={{
+      button={{ text: "Call Now", href: "tel:+14133015863" }}
-        text: "Call Now",        href: "tel:+14133015863"}}
       brandName="Squeaky Clean"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       title="Drive Like You Just Left the Showroom"
       description="Experience the ultimate transformation for your vehicle. At Squeaky Clean, we don't just clean cars—we restore their soul. Expert detailing for discerning owners."
       buttons={[
-        {
+        { text: "Call Now: (413) 301-5863", href: "tel:+14133015863" },
-          text: "Call Now: (413) 301-5863",          href: "tel:+14133015863"},
+        { text: "Get a Free Quote", href: "#contact" },
-        {
-          text: "Get a Free Quote",          href: "#contact"},
       ]}
       mediaItems={[
-        {
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0t4mc7", imageAlt: "luxury car detailing shop premium" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0t4mc7",          imageAlt: "luxury car detailing shop premium"},
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dlt3zh", imageAlt: "shiny car exterior reflection" },
-        {
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=piujk8", imageAlt: "expert car detailing team working" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dlt3zh",          imageAlt: "shiny car exterior reflection"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=piujk8",          imageAlt: "expert car detailing team working"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r8kwmg",          imageAlt: "luxury car detailing shop premium"},
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6rp5fj",          imageAlt: "shiny car exterior reflection"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -80,74 +68,41 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      features={[
-        {
-          title: "Interior Deep Cleaning",          description: "We remove deep-seated stains and odors, leaving your cabin feeling brand new and sanitized.",          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pi39l1",            imageAlt: "interior car deep cleaning professional"},
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6jfm1",            imageAlt: "interior car deep cleaning professional"},
-        },
-        {
-          title: "Exterior Shine Protection",          description: "Premium clay bar treatment, high-gloss wax, and ceramic sealants to preserve your paint's brilliance.",          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68he8k",            imageAlt: "car paint protection wax shine"},
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj8meo",            imageAlt: "car paint protection wax shine"},
-        },
-        {
-          title: "Engine Bay Restoration",          description: "Detailed cleansing of engine components to ensure your car looks as impressive under the hood.",          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xfm39",            imageAlt: "auto engine bay detailing clean"},
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ghyu4",            imageAlt: "auto engine bay detailing clean"},
-        },
-      ]}
       showStepNumbers={false}
+      features={[
+        { title: "Interior Deep Cleaning", description: "Complete rejuvenation for your vehicle interior.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pi39l1" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6jfm1" } },
+        { title: "Exterior Shine", description: "High-gloss paint protection and treatment.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68he8k" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dj8meo" } },
+        { title: "Engine Bay Care", description: "Detailed cleansing of engine components.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xfm39" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ghyu4" } },
+      ]}
       title="Comprehensive Automotive Care"
-      description="From interior rejuvenation to exterior paint perfection, we treat every vehicle as a masterwork."
+      description="Our premium services guarantee your vehicle looks and feels brand new."
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
-      useInvertedBackground={false}
+      title="The Squeaky Clean Difference"
-      title="Why Squeaky Clean?"
+      description="Detailing is an art form. We combine professional expertise with high-end care to ensure your vehicle stands out on the road."
-      description="Detailing is an art form, not just a service. Our team combines years of experience with top-tier products to deliver unmatched results for your daily driver or exotic collection."
+      metrics={[{ value: "1000+", title: "Vehicles Serviced" }, { value: "500+", title: "Satisfied Clients" }, { value: "10+", title: "Years Experience" }]}
-      metrics={[
-        {
-          value: "1000+",          title: "Cars Detailed"},
-        {
-          value: "500+",          title: "5-Star Reviews"},
-        {
-          value: "10+",          title: "Years Experience"},
-      ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=45w8x9"
-      imageAlt="professional auto detailer shop"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="results" data-section="results">
       <ProductCardFour
       animationType="slide-up"
-      textboxLayout="default"
       gridVariant="two-columns-alternating-heights"
+      textboxLayout="default"
       useInvertedBackground={true}
+      title="Before & After Gallery"
+      description="Witness the stunning transformations achieved in our shop."
       products={[
-        {
+        { id: "r1", name: "Interior", price: "Deep Clean", variant: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pajop" },
-          id: "r1",          name: "Interior Refresh",          price: "Before & After",          variant: "Deep Clean",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pajop"},
+        { id: "r2", name: "Exterior", price: "Correction", variant: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mdtsqp" },
-        {
-          id: "r2",          name: "Paint Correction",          price: "High Gloss",          variant: "Exterior",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mdtsqp"},
-        {
-          id: "r3",          name: "Floor Restoration",          price: "Deep Stain Removal",          variant: "Flooring",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jiqgfg"},
-        {
-          id: "r4",          name: "Wheel Restoration",          price: "Brake Dust Removal",          variant: "Wheels",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oq0hbz"},
-        {
-          id: "r5",          name: "Leather Conditioning",          price: "Soft & Supple",          variant: "Interior",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vg30kk"},
-        {
-          id: "r6",          name: "Trim Revival",          price: "UV Protection",          variant: "Exterior",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6d59xj"},
       ]}
-      title="See the Transformation"
-      description="The difference is in the details. See why our clients trust us with their most valuable assets."
     />
   </div>
 
@@ -155,47 +110,28 @@ export default function LandingPage() {
       <TestimonialCardThirteen
       animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          name: "Sarah Miller",          handle: "@smiller",          testimonial: "Squeaky Clean is the only place I trust. My car looks better than the day I bought it!",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xsh7wd"},
-        {
-          id: "2",          name: "John Doe",          handle: "@johndoe",          testimonial: "Professional service and incredible attention to detail. Highly recommended.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=besiru"},
-        {
-          id: "3",          name: "Emily Smith",          handle: "@esmith",          testimonial: "They managed to get stains out that I thought were permanent. Amazing!",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=22ykmr"},
-        {
-          id: "4",          name: "Robert B.",          handle: "@rbrown",          testimonial: "My truck looks brand new again. Exceptional work every single time.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wb6cm4"},
-        {
-          id: "5",          name: "Jessica L.",          handle: "@jliving",          testimonial: "Best detailing service in town. Friendly, reliable, and worth every penny.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tzknzv"},
-      ]}
       showRating={true}
-      title="Loved by Our Clients"
+      useInvertedBackground={false}
-      description="We are proud to serve our community and see the smiles when they get back into their 'new' car."
+      title="Client Reviews"
+      description="See why car owners trust us with their vehicles."
+      testimonials={[
+        { id: "1", name: "Sarah M.", handle: "@sara", testimonial: "Best detail in town, hands down.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xsh7wd" },
+        { id: "2", name: "Robert D.", handle: "@robd", testimonial: "Extremely professional and efficient.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=besiru" },
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqBase
+      title="Frequently Asked Questions"
+      description="Answers to your common inquiries about our services."
+      faqsAnimation="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "What areas do you serve?", content: "We serve the Indian Orchard area and surrounding communities." },
-          id: "f1",          title: "How long does a full detail take?",          content: "A full detail typically takes 3-5 hours depending on the size and condition of the vehicle."},
+        { id: "f2", title: "How do I book?", content: "Call us at (413) 301-5863 or use the contact form." },
-        {
-          id: "f2",          title: "Do you come to my location?",          content: "Yes, we offer premium mobile detailing services within a 20-mile radius."},
-        {
-          id: "f3",          title: "How do I book an appointment?",          content: "You can book directly by calling us at (413) 301-5863 or filling out the contact form below."},
-        {
-          id: "f4",          title: "Do you work on luxury cars?",          content: "Yes, we are experienced with all makes and models, including high-end luxury and exotic vehicles."},
       ]}
-      title="Frequently Asked Questions"
-      description="Got questions? We have answers to help you book your detail with confidence."
-      faqsAnimation="slide-up"
     />
   </div>
 
@@ -203,74 +139,37 @@ export default function LandingPage() {
       <MetricCardThree
       animationType="slide-up"
       textboxLayout="default"
+      title="Our Location"
+      description="Visit us at our Indian Orchard shop for premium detailing services."
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", icon: MapPin, title: "1207 Worcester St", value: "Indian Orchard, MA 01151" },
-          id: "m1",          icon: MapPin,
+        { id: "m2", icon: Phone, title: "Call Us", value: "(413) 301-5863" },
-          title: "Location",          value: "Downtown Area"},
-        {
-          id: "m2",          icon: Clock,
-          title: "Hours",          value: "Mon-Sat 8am-6pm"},
-        {
-          id: "m3",          icon: Phone,
-          title: "Call Now",          value: "413-301-5863"},
       ]}
-      title="Visit Our Shop"
-      description="Conveniently located to serve all your automotive care needs."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={true}
+      tag="Book Your Appointment"
-      background={{
+      title="Ready for a Transformation?"
-        variant: "plain"}}
+      description="Get in touch for a free estimate or to schedule your visit today."
-      tag="Booking Now"
-      title="Ready to Revive Your Ride?"
-      description="Fill out the form below or call us directly at (413) 301-5863 to get your free estimate and book your detail today."
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e2uwvh"
-      inputPlaceholder="Enter your phone number..."
+      useInvertedBackground={true}
-      buttonText="Book Now"
+      background={{ variant: "plain" }}
-      onSubmit={(email) => console.log(email)}
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
-      columns={[
-        {
-          title: "Services",          items: [
-            {
-              label: "Interior Deep Cleaning",              href: "#services"},
-            {
-              label: "Exterior Shine",              href: "#services"},
-            {
-              label: "Ceramic Coating",              href: "#services"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "Call: (413) 301-5863",              href: "tel:+14133015863"},
-            {
-              label: "Location",              href: "#location"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-      ]}
       logoText="Squeaky Clean"
-      copyrightText="© 2025 Squeaky Clean Auto Detailing"
+      columns={[
+        { title: "Services", items: [{ label: "Interior", href: "#services" }, { label: "Exterior", href: "#services" }] },
+        { title: "Contact", items: [{ label: "Call Now", href: "tel:+14133015863" }, { label: "Visit Us", href: "#location" }] },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}