Update src/app/page.tsx

Merge version_27 into main

src/app/page.tsx

@@ -13,6 +13,13 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import { Award, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
+  const scrollToContact = () => {
+    const element = document.getElementById("contact");
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -41,7 +48,7 @@ export default function LandingPage() {
       ]}
       brandName="Totem Lake Shoe Repair"
       button={{
-        text: "Get a Quote",        href: "#contact"}}
+        text: "Get a Quote",        onClick: scrollToContact}}
     />
   </div>
 
@@ -49,8 +56,8 @@ export default function LandingPage() {
       <HeroCentered
       background={{
         variant: "plain"}}
-      title="Totem Lake Shoe Repair"
-      description="Luxury craftsmanship. Family-owned care. Trusted by the community for over 35 years."
+      title="Expert Shoe & Leather Restoration"
+      description="Luxury craftsmanship made convenient. Save time and money by restoring your favorites with our expert care—trusted by the community for over 35 years."
       avatars={[
         {
           src: "http://img.b2bpic.net/free-photo/talented-cobbler-is-working-pair-black-men-s-shoes-his-workshop_613910-3817.jpg",          alt: "Skilled Craftsman"},
@@ -63,9 +70,7 @@ export default function LandingPage() {
       ]}
       buttons={[
         {
-          text: "Get a Quote",          href: "#contact"},
-        {
-          text: "Visit Us",          href: "#contact"},
+          text: "Get Your Free Restoration Quote",          onClick: scrollToContact},
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
@@ -83,36 +88,42 @@ export default function LandingPage() {
   <div id="services" data-section="services">
       <FeatureCardTwelve
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split-actions"
       useInvertedBackground={true}
       features={[
         {
           id: "service-1",          label: "Footwear Care",          title: "Luxury Shoe Repair",          items: [
-            "Sole & Heel Replacement",            "Stitching & Patching",            "Polishing & Conditioning"],
+            "Stop replacing worn heels",            "Fix loose stitching and tears",            "Renew finish and suppleness"],
+          buttons: [{ text: "Request a Repair Quote", onClick: scrollToContact }]
         },
         {
           id: "service-2",          label: "Boot Expertise",          title: "Boot Resole & Restoration",          items: [
-            "Full Resoles",            "Leather & Suede Restoration",            "Waterproofing"],
+            "Make your favorite boots walkable again",            "Remove scuffs and restore color",            "Keep your feet dry in any weather"],
+          buttons: [{ text: "Request a Repair Quote", onClick: scrollToContact }]
         },
         {
           id: "service-3",          label: "Designer Focus",          title: "Designer Heel Repair",          items: [
-            "Heel Tip Replacement",            "Structural Repair",            "Color Matching"],
+            "Stop throwing away your favorite heels",            "Fix broken heels and wobbly tips",            "Maintain your luxury investment"],
+          buttons: [{ text: "Request a Repair Quote", onClick: scrollToContact }]
         },
         {
           id: "service-4",          label: "Accessories",          title: "Leather Bag Repair",          items: [
-            "Strap Repair",            "Zipper Replacement",            "Lining Restoration"],
+            "Fix broken straps that won't stay",            "Replace stuck or broken zippers",            "Restore the look of aged leather"],
+          buttons: [{ text: "Request a Repair Quote", onClick: scrollToContact }]
         },
         {
           id: "service-5",          label: "Custom Fitting",          title: "Stretching & Fitting",          items: [
-            "Custom Stretching",            "Arch Support Adjustment",            "Comfort Modifications"],
+            "Eliminate painful pressure points",            "Get the perfect fit for your foot",            "Make uncomfortable shoes wearable"],
+          buttons: [{ text: "Request a Repair Quote", onClick: scrollToContact }]
         },
         {
           id: "service-6",          label: "Personalization",          title: "Custom Modifications",          items: [
-            "Hardware Replacement",            "Dyeing Services",            "Personalized Touches"],
-        },
+            "Update old, outdated hardware",            "Change the color of your style",            "Add unique custom touches"],
+          buttons: [{ text: "Request a Repair Quote", onClick: scrollToContact }]
+        }
       ]}
       title="Our Services"
-      description="We offer a comprehensive range of services, combining traditional techniques with modern solutions to restore and maintain your favorite footwear and leather goods."
+      description="Beyond just repairs, our dedicated craftsmanship brings your cherished items back to life, preserving their legacy and enhancing your personal style."
     />
   </div>
 
@@ -129,7 +140,7 @@ export default function LandingPage() {
           label: "Satisfied Customers",          value: "1000s"},
         {
           icon: Zap,
-          label: "Items Restored",          value: "10,000+ Items Restored"},
+          label: "Items Restored",          value: "10,000+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -162,19 +173,19 @@ export default function LandingPage() {
       textboxLayout="default"
       metrics={[
         {
-          id: "step-1",          title: "Drop Off Your Item",          subtitle: "Visit our workshop with your footwear or leather goods.",          category: "Step",          value: "01"},
+          id: "step-1",          title: "Start Your Repair Online",          subtitle: "Start your restoration journey easily through our digital portal.",          category: "Step",          value: "01"},
         {
-          id: "step-2",          title: "Expert Evaluation",          subtitle: "Our craftsmen assess the damage and propose solutions.",          category: "Step",          value: "02"},
+          id: "step-2",          title: "Ship or Drop Off",          subtitle: "Send your footwear or leather goods to our workshop.",          category: "Step",          value: "02"},
         {
           id: "step-3",          title: "Precision Craftsmanship",          subtitle: "Dedicated care and traditional techniques are applied.",          category: "Step",          value: "03"},
         {
-          id: "step-4",          title: "Pickup Like New",          subtitle: "Collect your restored item, feeling and looking brand new.",          category: "Step",          value: "04"},
+          id: "step-4",          title: "Pickup or Delivery",          subtitle: "Receive your restored item, feeling and looking brand new.",          category: "Step",          value: "04"},
       ]}
       title="Our Process"
       description="Experience the meticulous journey your items take from worn to renewed, handled with expertise at every stage."
       buttons={[
         {
-          text: "Request a Repair",          href: "#contact"
+          text: "Request a Repair",          onClick: scrollToContact
         }
       ]}
     />
@@ -185,10 +196,10 @@ export default function LandingPage() {
       useInvertedBackground={true}
       background={{
         variant: "plain"}}
-      tag="Ready to Restore?"
+      tag="Get Your Free Quote in 24 Hours"
       title="Bring Your Favorites Back to Life"
-      description="High-quality repairs take time—but the results are worth it. Visit us today to start the restoration process."
-      buttonText="Visit Totem Lake Shoe Repair"
+      description="Restore your favorites today with a free, no-obligation estimate from our master craftsmen."
+      buttonText="Get My Free Estimate"
     />
   </div>
 
@@ -236,4 +247,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}