From df3959e4558e7e69183077ca15a22dc963043cc7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 20 May 2026 18:58:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 220 +++++++++++------------------------------------
 1 file changed, 52 insertions(+), 168 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d42e0be..0fb95b3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,27 +19,26 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Sparkle Bin Cleaning"
     />
@@ -48,19 +47,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       logoText="Sparkle Bin Cleaning"
       description="We eliminate odors, bacteria, and grime from your bins, ensuring a fresh, clean experience every week."
       buttons={[
         {
-          text: "Book Your Cleaning",
-          href: "#contact",
-        },
+          text: "Book Your Cleaning",          href: "#contact"},
         {
-          text: "View Pricing",
-          href: "#pricing",
-        },
+          text: "View Pricing",          href: "#pricing"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-shopping-with-fabric-tote-bag_23-2149431757.jpg"
       mediaAnimation="slide-up"
@@ -74,34 +68,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          label: "Eco-Friendly",
-          title: "Biodegradable Agents",
-          items: [
-            "Uses 100% biodegradable soaps",
-            "Safe for plants and pets",
-            "No harsh chemical runoff",
-          ],
+          id: "f1",          label: "Eco-Friendly",          title: "Biodegradable Agents",          items: [
+            "Uses 100% biodegradable soaps",            "Safe for plants and pets",            "No harsh chemical runoff"],
         },
         {
-          id: "f2",
-          label: "High Power",
-          title: "High-Pressure Wash",
-          items: [
-            "Removes stubborn grime",
-            "Hot water sanitation",
-            "Eliminates 99.9% of bacteria",
-          ],
+          id: "f2",          label: "High Power",          title: "High-Pressure Wash",          items: [
+            "Removes stubborn grime",            "Hot water sanitation",            "Eliminates 99.9% of bacteria"],
         },
         {
-          id: "f3",
-          label: "Deodorized",
-          title: "Fresh Scent Finish",
-          items: [
-            "Smell-proof treatment",
-            "Long-lasting fragrance",
-            "Eliminates unwanted odors",
-          ],
+          id: "f3",          label: "Deodorized",          title: "Fresh Scent Finish",          items: [
+            "Smell-proof treatment",            "Long-lasting fragrance",            "Eliminates unwanted odors"],
         },
       ]}
       title="Why Choose Sparkle Bin?"
@@ -111,30 +87,16 @@ export default function LandingPage() {
 
   <div id="process" data-section="process">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "1",
-          title: "Scheduled Arrival",
-          description: "We show up on your trash pickup day.",
-          imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128732.jpg",
-        },
+          id: "m1",          value: "1",          title: "Scheduled Arrival",          description: "We show up on your trash pickup day.",          imageSrc: "http://img.b2bpic.net/free-photo/plant-garden-still-life_23-2148128732.jpg"},
         {
-          id: "m2",
-          value: "2",
-          title: "Pressure Wash",
-          description: "High-pressure, hot water deep cleaning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-from-highpressure-hose-applies-cleaner-car_1153-8835.jpg",
-        },
+          id: "m2",          value: "2",          title: "Pressure Wash",          description: "High-pressure, hot water deep cleaning.",          imageSrc: "http://img.b2bpic.net/free-photo/brunette-from-highpressure-hose-applies-cleaner-car_1153-8835.jpg"},
         {
-          id: "m3",
-          value: "3",
-          title: "Fresh Finish",
-          description: "Disinfect, deodorize, and return.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-protective-equipment-disinfecting_23-2148848574.jpg",
-        },
+          id: "m3",          value: "3",          title: "Fresh Finish",          description: "Disinfect, deodorize, and return.",          imageSrc: "http://img.b2bpic.net/free-photo/person-protective-equipment-disinfecting_23-2148848574.jpg"},
       ]}
       title="Our Simple Process"
       description="Three simple steps to a cleaner, safer home environment."
@@ -148,37 +110,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "one-time",
-          title: "One-Time Clean",
-          price: "$39",
-          period: "/per visit",
-          features: [
-            "Full bin deep clean",
-            "Disinfect & deodorize",
-            "No contract",
-          ],
+          id: "one-time",          title: "One-Time Clean",          price: "$39",          period: "/per visit",          features: [
+            "Full bin deep clean",            "Disinfect & deodorize",            "No contract"],
           button: {
-            text: "Order Now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371927.jpg",
-        },
+            text: "Order Now",            href: "#contact"},
+          imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-getting-parcel-out-delivery_23-2149371927.jpg"},
         {
-          id: "monthly",
-          title: "Monthly Subscription",
-          price: "$29",
-          period: "/per visit",
-          features: [
-            "Regular recurring service",
-            "Consistent cleanings",
-            "10% off extra bins",
-          ],
+          id: "monthly",          title: "Monthly Subscription",          price: "$29",          period: "/per visit",          features: [
+            "Regular recurring service",            "Consistent cleanings",            "10% off extra bins"],
           button: {
-            text: "Subscribe",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-stickers-basket_23-2148696998.jpg",
-        },
+            text: "Subscribe",            href: "#contact"},
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-stickers-basket_23-2148696998.jpg"},
       ]}
       title="Simple Pricing Plans"
       description="Choose the cleaning schedule that works best for your household."
@@ -192,40 +134,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "My bins have never been this clean! They smell amazing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-man-doing-house-chores_23-2151733084.jpg",
-        },
+          id: "t1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "My bins have never been this clean! They smell amazing.",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-man-doing-house-chores_23-2151733084.jpg"},
         {
-          id: "t2",
-          name: "Mike B.",
-          handle: "@mikeb",
-          testimonial: "Prompt and efficient. Love the fresh smell after service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/father-son-posing-house-cleaning-with-products_23-2148457066.jpg",
-        },
+          id: "t2",          name: "Mike B.",          handle: "@mikeb",          testimonial: "Prompt and efficient. Love the fresh smell after service.",          imageSrc: "http://img.b2bpic.net/free-photo/father-son-posing-house-cleaning-with-products_23-2148457066.jpg"},
         {
-          id: "t3",
-          name: "Emily D.",
-          handle: "@emilyd",
-          testimonial: "Finally a solution for those pesky odors in summer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-offering-engagement-ring-her-girlfriend_23-2147891248.jpg",
-        },
+          id: "t3",          name: "Emily D.",          handle: "@emilyd",          testimonial: "Finally a solution for those pesky odors in summer.",          imageSrc: "http://img.b2bpic.net/free-photo/man-offering-engagement-ring-her-girlfriend_23-2147891248.jpg"},
         {
-          id: "t4",
-          name: "John K.",
-          handle: "@johnk",
-          testimonial: "Excellent service and very reliable team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411784.jpg",
-        },
+          id: "t4",          name: "John K.",          handle: "@johnk",          testimonial: "Excellent service and very reliable team.",          imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411784.jpg"},
         {
-          id: "t5",
-          name: "Lisa M.",
-          handle: "@lisam",
-          testimonial: "Worth every penny for the peace of mind.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-clutching-gate-door_1139-490.jpg",
-        },
+          id: "t5",          name: "Lisa M.",          handle: "@lisam",          testimonial: "Worth every penny for the peace of mind.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-clutching-gate-door_1139-490.jpg"},
       ]}
       title="What Our Neighbors Say"
       description="See why local families trust us with their bins."
@@ -234,25 +151,16 @@ export default function LandingPage() {
 
   <div id="faq" data-section="faq">
       <FaqDouble
-      animationType="slide-up"
+      animationType="smooth"
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "Do you need me home?",
-          content: "No, we work independently on your bin pickup day.",
-        },
+          id: "q1",          title: "Do you need me home?",          content: "No, we work independently on your bin pickup day."},
         {
-          id: "q2",
-          title: "Are your chemicals safe?",
-          content: "Yes, we use 100% non-toxic, biodegradable solutions.",
-        },
+          id: "q2",          title: "Are your chemicals safe?",          content: "Yes, we use 100% non-toxic, biodegradable solutions."},
         {
-          id: "q3",
-          title: "What areas do you serve?",
-          content: "We currently serve the greater metro area.",
-        },
+          id: "q3",          title: "What areas do you serve?",          content: "We currently serve the greater metro area."},
       ]}
       title="Common Questions"
       description="Have questions about our bin cleaning process?"
@@ -265,14 +173,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Home Services Pro",
-        "Sanitary Association",
-        "Green Local Business",
-        "Community Cleanup Group",
-        "EcoCertified",
-        "Neighborhood Watch Safe",
-        "Trash Removal Experts",
-      ]}
+        "Home Services Pro",        "Sanitary Association",        "Green Local Business",        "Community Cleanup Group",        "EcoCertified",        "Neighborhood Watch Safe",        "Trash Removal Experts"]}
       title="Trusted by Local Organizations"
       description="Proudly supporting local sanitation standards."
     />
@@ -282,20 +183,15 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Book Service"
       title="Ready for Sparkle?"
       description="Contact us today to schedule your first bin cleaning."
       buttons={[
         {
-          text: "Call Now",
-          href: "tel:5550101",
-        },
+          text: "Call Now",          href: "tel:5550101"},
         {
-          text: "Email Us",
-          href: "mailto:hello@sparklebin.com",
-        },
+          text: "Email Us",          href: "mailto:hello@sparklebin.com"},
       ]}
     />
   </div>
@@ -304,33 +200,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "Email",
-              href: "mailto:hello@sparklebin.com",
-            },
+              label: "Email",              href: "mailto:hello@sparklebin.com"},
             {
-              label: "Phone",
-              href: "tel:5550101",
-            },
+              label: "Phone",              href: "tel:5550101"},
           ],
         },
       ]}
-- 
2.49.1