From 2e53d0f825c1c1386a756115e4db93de5f78a8cb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 13:56:11 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c45bce7..205d79b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "features" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="LocalService"
     />
@@ -46,43 +41,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Professional Local Service You Can Trust"
       description="Fast, reliable, and licensed experts ready to help you today. Serving our local community with pride."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6274.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19123.jpg",
-          alt: "Customer",
-        },
+        { src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Customer" },
+        { src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg", alt: "Customer" },
+        { src: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg", alt: "Customer" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6274.jpg", alt: "Customer" },
+        { src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19123.jpg", alt: "Customer" },
       ]}
       avatarText="500+ happy local customers"
       buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+1234567890",
-        },
-        {
-          text: "Get Free Quote",
-          href: "#contact",
-        },
+        { text: "Call Now", href: "tel:+1234567890" },
+        { text: "Get Free Quote", href: "#contact" },
       ]}
     />
   </div>
@@ -94,62 +66,26 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Fast Response",
-          description: "We pride ourselves on our rapid dispatch times and punctuality for every job.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-s-workshop-with-nobody-with-press-boots_613910-3324.jpg",
-            imageAlt: "Fast response",
-          },
+          id: "f1",          title: "Fast Response",          description: "We pride ourselves on our rapid dispatch times and punctuality for every job.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-s-workshop-with-nobody-with-press-boots_613910-3324.jpg", imageAlt: "Fast response" },
           items: [
-            {
-              icon: Zap,
-              text: "Same-day service",
-            },
-            {
-              icon: Clock,
-              text: "Punctual arrivals",
-            },
+            { icon: Zap, text: "Same-day service" },
+            { icon: Clock, text: "Punctual arrivals" },
           ],
           reverse: false,
         },
         {
-          id: "f2",
-          title: "Licensed & Insured",
-          description: "Your safety and satisfaction are guaranteed. We are fully compliant with all local regulations.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94784.jpg",
-            imageAlt: "Expertise",
-          },
+          id: "f2",          title: "Licensed & Insured",          description: "Your safety and satisfaction are guaranteed. We are fully compliant with all local regulations.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94784.jpg", imageAlt: "Expertise" },
           items: [
-            {
-              icon: Shield,
-              text: "Fully insured",
-            },
-            {
-              icon: Award,
-              text: "Certified experts",
-            },
+            { icon: Shield, text: "Fully insured" },
+            { icon: Award, text: "Certified experts" },
           ],
           reverse: true,
         },
         {
-          id: "f3",
-          title: "Affordable Quality",
-          description: "Get premium local service without the premium price tag. We offer transparent, upfront quotes.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/paramedics-work-with-ambulance_53876-144801.jpg",
-            imageAlt: "Pricing",
-          },
+          id: "f3",          title: "Affordable Quality",          description: "Get premium local service without the premium price tag. We offer transparent, upfront quotes.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/paramedics-work-with-ambulance_53876-144801.jpg", imageAlt: "Pricing" },
           items: [
-            {
-              icon: DollarSign,
-              text: "Upfront pricing",
-            },
-            {
-              icon: ThumbsUp,
-              text: "High satisfaction",
-            },
+            { icon: DollarSign, text: "Upfront pricing" },
+            { icon: ThumbsUp, text: "High satisfaction" },
           ],
           reverse: false,
         },
@@ -166,21 +102,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years in business",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          description: "Happy customers",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Quality guarantee",
-        },
+        { id: "m1", value: "15+", description: "Years in business" },
+        { id: "m2", value: "500+", description: "Happy customers" },
+        { id: "m3", value: "100%", description: "Quality guarantee" },
       ]}
       title="Proven Results"
       description="Count on our experience and local reputation."
@@ -194,26 +118,11 @@ export default function LandingPage() {
       rating={5}
       author="Sarah Johnson"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg",
-          alt: "Michael",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg",
-          alt: "Emily",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6274.jpg",
-          alt: "David",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19123.jpg",
-          alt: "Robert",
-        },
+        { src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Sarah" },
+        { src: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone_23-2148461401.jpg", alt: "Michael" },
+        { src: "http://img.b2bpic.net/free-photo/young-attractive-black-businessman-buys-new-car-he-signs-contract-takes-keys-manager_146671-18405.jpg", alt: "Emily" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6274.jpg", alt: "David" },
+        { src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19123.jpg", alt: "Robert" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -225,21 +134,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you offer same-day service?",
-          content: "Yes, we strive to offer same-day appointments whenever our schedule allows.",
-        },
-        {
-          id: "q2",
-          title: "Are your quotes free?",
-          content: "We offer upfront, transparent quotes on all jobs to ensure total peace of mind.",
-        },
-        {
-          id: "q3",
-          title: "What areas do you serve?",
-          content: "We proudly serve the entire city and the surrounding suburbs within 20 miles.",
-        },
+        { id: "q1", title: "Do you offer same-day service?", content: "Yes, we strive to offer same-day appointments whenever our schedule allows." },
+        { id: "q2", title: "Are your quotes free?", content: "We offer upfront, transparent quotes on all jobs to ensure total peace of mind." },
+        { id: "q3", title: "What areas do you serve?", content: "We proudly serve the entire city and the surrounding suburbs within 20 miles." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-working-with-laptop_23-2149300665.jpg"
       mediaAnimation="slide-up"
@@ -255,25 +152,10 @@ export default function LandingPage() {
       title="Get Your Free Quote"
       description="Ready to get started? Send us a quick message or call our team today."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help you?",
-        required: true,
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "How can we help you?", required: true, rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/professional-ambition-young-businesswomen_329181-15176.jpg"
       mediaAnimation="slide-up"
     />
@@ -284,21 +166,9 @@ export default function LandingPage() {
       logoText="LocalService"
       copyrightText="© 2025 | LocalService Inc."
       socialLinks={[
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
       ]}
     />
   </div>
-- 
2.49.1