From 32ed6db779b9e2aa1ef323ffecb3aa7d9f5275fe Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 21:40:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 504 ++++++++++++++---------------------------------
 1 file changed, 152 insertions(+), 352 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f620491..05df291 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,369 +16,169 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      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: "About",
-          id: "about",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Epoxia"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Projects", id: "projects" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Epoxia"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Crafting Extraordinary Home Spaces"
-      description="Premium home remodeling and high-end epoxy flooring solutions designed to elevate your living environment with unparalleled precision and style."
-      buttons={[
-        {
-          text: "Start Your Project",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg?_wi=1",
-          imageAlt: "Luxury home renovation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-male-engineer-with-safety-helmet-smiling-while-cutting-wooden-panel-with-electric-machine_662251-425.jpg?_wi=1",
-          imageAlt: "Modern epoxy kitchen floor",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317345.jpg",
-          imageAlt: "High-end renovation interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407592.jpg",
-          imageAlt: "Epoxy living room transformation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124299.jpg",
-          imageAlt: "Professional home remodeling",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837023.jpg",
-          imageAlt: "Elegant home improvement result",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Crafting Extraordinary Home Spaces"
+            description="Premium home remodeling and high-end epoxy flooring solutions designed to elevate your living environment with unparalleled precision and style."
+            buttons={[{ text: "Start Your Project", href: "#contact" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg", imageAlt: "Luxury home renovation" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/happy-male-engineer-with-safety-helmet-smiling-while-cutting-wooden-panel-with-electric-machine_662251-425.jpg", imageAlt: "Modern epoxy kitchen floor" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317345.jpg", imageAlt: "High-end renovation interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407592.jpg", imageAlt: "Epoxy living room transformation" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124299.jpg", imageAlt: "Professional home remodeling" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837023.jpg", imageAlt: "Elegant home improvement result" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Mastering The Art of Renovation"
-      description="At Epoxia Creators, we blend architectural vision with technical expertise. From structural remodels to artistic epoxy finishes, we bring luxury living to your doorstep."
-      metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "500+",
-          title: "Projects Completed",
-        },
-        {
-          value: "100%",
-          title: "Satisfaction Rate",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15622.jpg"
-      imageAlt="Master renovation work"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Mastering The Art of Renovation"
+            description="At Epoxia Creators, we blend architectural vision with technical expertise. From structural remodels to artistic epoxy finishes, we bring luxury living to your doorstep."
+            metrics={[
+              { value: "15+", title: "Years Experience" },
+              { value: "500+", title: "Projects Completed" },
+              { value: "100%", title: "Satisfaction Rate" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15622.jpg"
+            imageAlt="Master renovation work"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Full House Remodeling",
-          description: "Complete transformation of interior spaces, from layouts to finishes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg",
-          imageAlt: "elegant stools and table in huge and bright hall",
-        },
-        {
-          title: "Premium Epoxy Flooring",
-          description: "High-gloss, durable, and customizable epoxy resin flooring systems.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg?_wi=2",
-          imageAlt: "elegant stools and table in huge and bright hall",
-        },
-        {
-          title: "Kitchen & Bath Design",
-          description: "Elegant, functional spaces tailored to your daily life and aesthetic preferences.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-male-engineer-with-safety-helmet-smiling-while-cutting-wooden-panel-with-electric-machine_662251-425.jpg?_wi=2",
-          imageAlt: "elegant stools and table in huge and bright hall",
-        },
-      ]}
-      title="Comprehensive Remodeling Solutions"
-      description="Tailored home improvement services focused on quality materials, innovative finishes, and durable results."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardEight
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { title: "Full House Remodeling", description: "Complete transformation of interior spaces, from layouts to finishes.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg", imageAlt: "elegant stools and table in huge and bright hall" },
+              { title: "Premium Epoxy Flooring", description: "High-gloss, durable, and customizable epoxy resin flooring systems.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg", imageAlt: "elegant stools and table in huge and bright hall" },
+              { title: "Kitchen & Bath Design", description: "Elegant, functional spaces tailored to your daily life and aesthetic preferences.", imageSrc: "http://img.b2bpic.net/free-photo/happy-male-engineer-with-safety-helmet-smiling-while-cutting-wooden-panel-with-electric-machine_662251-425.jpg", imageAlt: "elegant stools and table in huge and bright hall" }
+            ]}
+            title="Comprehensive Remodeling Solutions"
+            description="Tailored home improvement services focused on quality materials, innovative finishes, and durable results."
+          />
+        </div>
 
-  <div id="projects" data-section="projects">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Epoxia",
-          name: "Contemporary Kitchen",
-          price: "Custom Quote",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/home-decor-renovation-style-architecture-building_53876-146914.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Epoxia",
-          name: "Modern Living Room",
-          price: "Custom Quote",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976547.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Epoxia",
-          name: "Bathroom Oasis",
-          price: "Custom Quote",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Epoxia",
-          name: "Entryway Flooring",
-          price: "Custom Quote",
-          rating: 5,
-          reviewCount: "20",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-contractor-tiling-floor_23-2149344005.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Epoxia",
-          name: "Basement Makeover",
-          price: "Custom Quote",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Epoxia",
-          name: "Master Bedroom",
-          price: "Custom Quote",
-          rating: 5,
-          reviewCount: "9",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-laptop_23-2149721894.jpg",
-        },
-      ]}
-      title="Signature Transformations"
-      description="Explore our portfolio of recent projects, showcasing the perfect blend of style and durability."
-    />
-  </div>
+        <div id="projects" data-section="projects">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Epoxia", name: "Contemporary Kitchen", price: "Custom Quote", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/home-decor-renovation-style-architecture-building_53876-146914.jpg" },
+              { id: "p2", brand: "Epoxia", name: "Modern Living Room", price: "Custom Quote", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976547.jpg" },
+              { id: "p3", brand: "Epoxia", name: "Bathroom Oasis", price: "Custom Quote", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/light-falling-wooden-abstract-design_53876-95420.jpg" },
+              { id: "p4", brand: "Epoxia", name: "Entryway Flooring", price: "Custom Quote", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-contractor-tiling-floor_23-2149344005.jpg" },
+              { id: "p5", brand: "Epoxia", name: "Basement Makeover", price: "Custom Quote", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/attic-kitchen-wooden-ceiling-modern-blue-fronts_169016-68929.jpg" },
+              { id: "p6", brand: "Epoxia", name: "Master Bedroom", price: "Custom Quote", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-working-laptop_23-2149721894.jpg" }
+            ]}
+            title="Signature Transformations"
+            description="Explore our portfolio of recent projects, showcasing the perfect blend of style and durability."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "1.2k",
-          title: "Happy Families",
-          items: [
-            "Delivered projects",
-            "Design focus",
-            "Quality materials",
-          ],
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "Referral Rate",
-          items: [
-            "Client trust",
-            "Expert work",
-            "Professional team",
-          ],
-        },
-        {
-          id: "m3",
-          value: "48h",
-          title: "Initial Response",
-          items: [
-            "Quick service",
-            "Support staff",
-            "Fast coordination",
-          ],
-        },
-      ]}
-      title="Why Clients Choose Epoxia"
-      description="We prioritize precision and transparency in every project."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "1.2k", title: "Happy Families", items: ["Delivered projects", "Design focus", "Quality materials"] },
+              { id: "m2", value: "98%", title: "Referral Rate", items: ["Client trust", "Expert work", "Professional team"] },
+              { id: "m3", value: "48h", title: "Initial Response", items: ["Quick service", "Support staff", "Fast coordination"] }
+            ]}
+            title="Why Clients Choose Epoxia"
+            description="We prioritize precision and transparency in every project."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Elena Ross",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark Stevens",
-          imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741791.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sofia Vance",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-young-stylish-happy-people-co-working-office_285396-1800.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-u-pon-couple-home-sharing-tender-moments_23-2149105982.jpg",
-        },
-        {
-          id: "t5",
-          name: "Anita Gupta",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg",
-        },
-      ]}
-      cardTitle="Client Voices"
-      cardTag="Trusted by Homeowners"
-      cardAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Elena Ross", imageSrc: "http://img.b2bpic.net/free-photo/smiling-relaxed-tall-muscular-young-model-wearing-plain-heather-gray-longsleeve-t-shirt-slim-gray-jeans-leaning-wooden-stepladder-isolated-white_346278-1036.jpg" },
+              { id: "t2", name: "Mark Stevens", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741791.jpg" },
+              { id: "t3", name: "Sofia Vance", imageSrc: "http://img.b2bpic.net/free-photo/cool-young-stylish-happy-people-co-working-office_285396-1800.jpg" },
+              { id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-u-pon-couple-home-sharing-tender-moments_23-2149105982.jpg" },
+              { id: "t5", name: "Anita Gupta", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg" }
+            ]}
+            cardTitle="Client Voices"
+            cardTag="Trusted by Homeowners"
+            cardAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "How long does a renovation take?",
-          content: "Timelines vary by project size, typically ranging from 4 to 12 weeks.",
-        },
-        {
-          id: "f2",
-          title: "What are the benefits of epoxy floors?",
-          content: "Epoxy floors offer incredible durability, seamless aesthetics, and are extremely easy to clean.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer free quotes?",
-          content: "Yes, we provide complimentary initial consultations and detailed project estimates.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cropped-shot-interracial-woman-man-cooperate-project_273609-44228.jpg"
-      title="Common Questions"
-      description="Everything you need to know about our home renovation and epoxy processes."
-      faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "How long does a renovation take?", content: "Timelines vary by project size, typically ranging from 4 to 12 weeks." },
+              { id: "f2", title: "What are the benefits of epoxy floors?", content: "Epoxy floors offer incredible durability, seamless aesthetics, and are extremely easy to clean." },
+              { id: "f3", title: "Do you offer free quotes?", content: "Yes, we provide complimentary initial consultations and detailed project estimates." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/cropped-shot-interracial-woman-man-cooperate-project_273609-44228.jpg"
+            title="Common Questions"
+            description="Everything you need to know about our home renovation and epoxy processes."
+            faqsAnimation="slide-up"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Start Your Home Transformation"
-      description="Ready to reimagine your living space? Get in touch with our team today."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your project",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/handsome-young-man-using-his-mobile-phone-office_1301-3945.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Start Your Home Transformation"
+            description="Ready to reimagine your living space? Get in touch with our team today."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/handsome-young-man-using-his-mobile-phone-office_1301-3945.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Remodeling",
-              href: "#",
-            },
-            {
-              label: "Epoxy Floors",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Epoxia"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Remodeling", href: "#" }, { label: "Epoxy Floors", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
+            ]}
+            logoText="Epoxia"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file