From 3f4aa25bb9a71d70ac74491af401bcd977cacacf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 17:34:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 467 +++++++++++------------------------------------
 1 file changed, 106 insertions(+), 361 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c7853ad..4d39de0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,374 +1,119 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Calendar, CheckCircle, Leaf, Lock, MousePointer, ShieldCheck, Sparkles, Star } from "lucide-react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { ShieldCheck, Leaf, Star, Lock, Sparkles, MousePointer, Calendar, CheckCircle } from 'lucide-react';
+
+export default function Home() {
+  const navItems = [
+    { name: "Home", id: "/" }
+  ];
 
-export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="compact"
-        sizing="mediumLarge"
-        background="grid"
-        cardStyle="gradient-radial"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="semibold"
+      defaultButtonVariant="text-stagger"
+      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">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Process",
-          id: "#process",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Liora Cleaning"
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Experience a Higher Standard of Clean"
-      description="Premium residential & commercial cleaning designed for those who value excellence, detail, and peace of mind."
-      kpis={[
-        {
-          value: "100%",
-          label: "Satisfaction Guaranteed",
-        },
-        {
-          value: "24/7",
-          label: "Professional Support",
-        },
-        {
-          value: "Elite",
-          label: "Luxury Standards",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/lovely-senior-couple-love-front-view_23-2148268627.jpg"
-      imageAlt="Spotless luxury living room"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-taking-photo-while-holding-cocktail_23-2147601343.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-arranging-organic-vegetables-kitchen_23-2148672866.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-nutrition-diet_23-2149297690.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-photographer-taking-photos-bride_23-2150264497.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-servant-cleaning-house_23-2149587673.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ happy clients"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Bonded",
-        },
-        {
-          type: "text-icon",
-          text: "Eco-Friendly Products",
-          icon: Leaf,
-        },
-        {
-          type: "text",
-          text: "Same-Day Service",
-        },
-        {
-          type: "text-icon",
-          text: "Pet-Safe Cleaning",
-          icon: Sparkles,
-        },
-        {
-          type: "text",
-          text: "100% Satisfaction",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="why-choose" data-section="why-choose">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: ShieldCheck,
-          title: "Professionally Trained",
-          description: "Our team undergoes rigorous training for elite results.",
-        },
-        {
-          icon: Leaf,
-          title: "Eco-Friendly Safe",
-          description: "Premium care for your environment and health.",
-        },
-        {
-          icon: Star,
-          title: "Satisfaction Guarantee",
-          description: "100% peace of mind with every single visit.",
-        },
-        {
-          icon: Lock,
-          title: "Fully Insured",
-          description: "Complete reliability for your absolute security.",
-        },
-        {
-          icon: Sparkles,
-          title: "Attention to Detail",
-          description: "Every corner, every surface, handled perfectly.",
-        },
-      ]}
-      title="Why Choose Liora Cleaning?"
-      description="Experience cleaning refined to an art form."
-    />
-  </div>
-
-  <div id="services" data-section="services">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "res",
-          name: "Residential Cleaning",
-          price: "From $150",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358951.jpg",
-        },
-        {
-          id: "com",
-          name: "Commercial Cleaning",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg",
-        },
-        {
-          id: "deep",
-          name: "Deep Cleaning",
-          price: "From $250",
-          imageSrc: "http://img.b2bpic.net/free-photo/bikini-with-decorative-fruits-hat_23-2147640364.jpg",
-        },
-        {
-          id: "move",
-          name: "Move-In / Out",
-          price: "From $300",
-          imageSrc: "http://img.b2bpic.net/free-photo/interracial-couple-getting-ready-move_23-2149094080.jpg",
-        },
-      ]}
-      title="Our Premium Services"
-      description="Tailored solutions for your space."
-    />
-  </div>
-
-  <div id="experience" data-section="experience">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Cleaning, Elevated"
-      description="At Liora Cleaning, we don't just clean — we create environments that feel refreshed, refined, and effortlessly maintained. Every visit is detailed, consistent, and tailored to your space."
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-white-pumpkin-still-life_23-2149731221.jpg"
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah M.",
-          handle: "@sarahm",
-          testimonial: "Absolutely incredible attention to detail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-brunette-standing-kitchen-with-orange_1157-13681.jpg",
-        },
-        {
-          id: "2",
-          name: "James R.",
-          handle: "@jamesr",
-          testimonial: "Professional, punctual, and flawless results.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/housework-woman-apron-doing-some-housework-looking-involbved_259150-59476.jpg",
-        },
-        {
-          id: "3",
-          name: "Olivia K.",
-          handle: "@oliviak",
-          testimonial: "They go above and beyond every single time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-young-woman-apron-gloves-kitchen_259150-59488.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark D.",
-          handle: "@markd",
-          testimonial: "The best cleaning service I have used.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-with-mop_23-2147758723.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena P.",
-          handle: "@elenap",
-          testimonial: "A luxury experience. My apartment is sparkling.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/boxes-flowerpot-new-apartment_1098-21590.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Early Client Experiences"
-      description="Hear what our first clients have to say."
-    />
-  </div>
-
-  <div id="process" data-section="process">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: MousePointer,
-          title: "Request a Quote",
-          description: "Contact us to start your journey.",
-        },
-        {
-          icon: Calendar,
-          title: "Schedule Visit",
-          description: "We align perfectly with your busy timeline.",
-        },
-        {
-          icon: CheckCircle,
-          title: "Handled Perfectly",
-          description: "We take care of every detail effortlessly.",
-        },
-        {
-          icon: Sparkles,
-          title: "Enjoy Your Space",
-          description: "Relax in a refreshed and refined home.",
-        },
-      ]}
-      title="How It Works"
-      description="Simple steps to a spotless home."
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Get in Touch"
-      title="Ready for a Cleaner, Calmer Space?"
-      description="Contact us today for a complimentary quote."
-      buttonText="Get a Free Quote"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Process",
-              href: "#process",
-            },
-            {
-              label: "Quote",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Hours",
-              href: "#",
-            },
-            {
-              label: "Mon-Fri: 8am-6pm",
-              href: "#",
-            },
-            {
-              label: "Sat: 9am-4pm",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "mailto:hello@liora.com",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Liora Cleaning"
-    />
-  </div>
-      </ReactLenis>
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered navItems={navItems} />
+      </div>
+      <div id="hero" data-section="hero">
+        <HeroSplitKpi 
+            background={{ variant: "radial-gradient" }}
+            title="Experience a Higher Standard of Clean"
+            description="Premium residential & commercial cleaning designed for those who value excellence, detail, and peace of mind."
+            kpis={[{value: "100%", label: "Satisfaction Guaranteed"}, {value: "24/7", label: "Professional Support"}, {value: "Elite", label: "Luxury Standards"}]}
+            enableKpiAnimation={true}
+            buttons={[{text: "Get a Free Quote", href: "#contact"}, {text: "Book Now", href: "#contact"}]}
+            imageSrc="http://img.b2bpic.net/free-photo/lovely-senior-couple-love-front-view_23-2148268627.jpg"
+            imageAlt="Spotless luxury living room"
+            mediaAnimation="slide-up"
+            avatars={[{src: "http://img.b2bpic.net/free-photo/woman-taking-photo-while-holding-cocktail_23-2147601343.jpg", alt: "Client 1"}, {src: "http://img.b2bpic.net/free-photo/young-woman-arranging-organic-vegetables-kitchen_23-2148672866.jpg", alt: "Client 2"}, {src: "http://img.b2bpic.net/free-photo/young-woman-preparing-her-nutrition-diet_23-2149297690.jpg", alt: "Client 3"}, {src: "http://img.b2bpic.net/free-photo/full-shot-photographer-taking-photos-bride_23-2150264497.jpg", alt: "Client 4"}, {src: "http://img.b2bpic.net/free-photo/man-servant-cleaning-house_23-2149587673.jpg", alt: "Client 5"}]}
+            avatarText="Trusted by 500+ happy clients"
+            marqueeItems={[{type: "text", text: "Licensed & Bonded"}, {type: "text-icon", text: "Eco-Friendly Products", icon: Leaf}, {type: "text", text: "Same-Day Service"}, {type: "text-icon", text: "Pet-Safe Cleaning", icon: Sparkles}, {type: "text", text: "100% Satisfaction"}]}
+        />
+      </div>
+      <div id="why-choose" data-section="why-choose">
+        <FeatureHoverPattern 
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[{icon: ShieldCheck, title: "Professionally Trained", description: "Our team undergoes rigorous training for elite results."}, {icon: Leaf, title: "Eco-Friendly Safe", description: "Premium care for your environment and health."}, {icon: Star, title: "Satisfaction Guarantee", description: "100% peace of mind with every single visit."}, {icon: Lock, title: "Fully Insured", description: "Complete reliability for your absolute security."}, {icon: Sparkles, title: "Attention to Detail", description: "Every corner, every surface, handled perfectly."}]}
+            title="Why Choose Liora Cleaning?"
+            description="Experience cleaning refined to an art form."
+        />
+      </div>
+      <div id="services" data-section="services">
+        <ProductCardOne 
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            products={[{id: "res", name: "Residential Cleaning", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358951.jpg"}, {id: "com", name: "Commercial Cleaning", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780700.jpg"}, {id: "deep", name: "Deep Cleaning", price: "From $250", imageSrc: "http://img.b2bpic.net/free-photo/bikini-with-decorative-fruits-hat_23-2147640364.jpg"}, {id: "move", name: "Move-In / Out", price: "From $300", imageSrc: "http://img.b2bpic.net/free-photo/interracial-couple-getting-ready-move_23-2149094080.jpg"}]}
+            title="Our Premium Services"
+            description="Tailored solutions for your space."
+        />
+      </div>
+      <div id="experience" data-section="experience">
+        <MediaAbout 
+            useInvertedBackground={false}
+            title="Cleaning, Elevated"
+            description="At Liora Cleaning, we don't just clean — we create environments that feel refreshed, refined, and effortlessly maintained. Every visit is detailed, consistent, and tailored to your space."
+            imageSrc="http://img.b2bpic.net/free-photo/flat-lay-white-pumpkin-still-life_23-2149731221.jpg"
+        />
+      </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardThirteen 
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[{id: "1", name: "Sarah M.", handle: "@sarahm", testimonial: "Absolutely incredible attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-brunette-standing-kitchen-with-orange_1157-13681.jpg"}, {id: "2", name: "James R.", handle: "@jamesr", testimonial: "Professional, punctual, and flawless results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/housework-woman-apron-doing-some-housework-looking-involbved_259150-59476.jpg"}, {id: "3", name: "Olivia K.", handle: "@oliviak", testimonial: "They go above and beyond every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/kitchen-young-woman-apron-gloves-kitchen_259150-59488.jpg"}, {id: "4", name: "Mark D.", handle: "@markd", testimonial: "The best cleaning service I have used.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-with-mop_23-2147758723.jpg"}, {id: "5", name: "Elena P.", handle: "@elenap", testimonial: "A luxury experience. My apartment is sparkling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boxes-flowerpot-new-apartment_1098-21590.jpg"}]}
+            showRating={true}
+            title="Early Client Experiences"
+            description="Hear what our first clients have to say."
+        />
+      </div>
+      <div id="process" data-section="process">
+        <FeatureHoverPattern 
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[{icon: MousePointer, title: "Request a Quote", description: "Contact us to start your journey."}, {icon: Calendar, title: "Schedule Visit", description: "We align perfectly with your busy timeline."}, {icon: CheckCircle, title: "Handled Perfectly", description: "We take care of every detail effortlessly."}, {icon: Sparkles, title: "Enjoy Your Space", description: "Relax in a refreshed and refined home."}]}
+            title="How It Works"
+            description="Simple steps to a spotless home."
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactCenter 
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="Get in Touch"
+            title="Ready for a Cleaner, Calmer Space?"
+            description="Contact us today for a complimentary quote."
+            buttonText="Get a Free Quote"
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis 
+            columns={[{items: [{label: "Services", href: "#services"}, {label: "Process", href: "#process"}, {label: "Quote", href: "#contact"}]}, {items: [{label: "Hours", href: "#"}, {label: "Mon-Fri: 8am-6pm", href: "#"}, {label: "Sat: 9am-4pm", href: "#"}]}, {items: [{label: "Contact", href: "mailto:hello@liora.com"}, {label: "Privacy Policy", href: "#"}]}]}
+            logoText="Liora Cleaning"
+        />
+      </div>
     </ThemeProvider>
   );
 }