From c4bc71ec2a7838760d4fcaf89ffa2f6e64d3b37d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 29 Apr 2026 19:16:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 259 +++++++++++++++++++++++------------------------
 1 file changed, 128 insertions(+), 131 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d253306..18dfc4e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,146 +29,143 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Services", id: "services" },
-        { name: "Portfolio", id: "portfolio" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="AMAN"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Portfolio", id: "portfolio" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="AMAN"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{ variant: "sparkles-gradient" }}
-      title="Luxury Renovations & Precision Craftsmanship in Amsterdam"
-      description="From bathrooms to full home upgrades — AMAN delivers flawless results with unmatched attention to detail."
-      tag="Trusted Amsterdam Craftsmanship"
-      buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Call Now", href: "tel:0203375742" }]}
-      mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg", imageAlt: "Luxury Bathroom" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-old-stone-apartment-buildings-with-fire-exit-staircases-sides_181624-1539.jpg", imageAlt: "Modern Interior" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg", imageAlt: "Custom Carpentry" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathroom-background-zoom-calls_23-2149684467.jpg", imageAlt: "Luxury Bathroom" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/facade-building-with-fire-escape_23-2148184244.jpg", imageAlt: "Modern Interior" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6287.jpg", imageAlt: "Custom Carpentry" },
-      ]}
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "sparkles-gradient" }}
+            title="Luxury Renovations & Precision Craftsmanship in Amsterdam"
+            description="From bathrooms to full home upgrades — AMAN delivers flawless results with unmatched attention to detail."
+            tag="Trusted Amsterdam Craftsmanship"
+            buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Call Now", href: "tel:0203375742" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg", imageAlt: "Luxury Bathroom" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-old-stone-apartment-buildings-with-fire-exit-staircases-sides_181624-1539.jpg", imageAlt: "Modern Interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg", imageAlt: "Custom Carpentry" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathroom-background-zoom-calls_23-2149684467.jpg", imageAlt: "Luxury Bathroom" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/facade-building-with-fire-escape_23-2148184244.jpg", imageAlt: "Modern Interior" }
+            ]}
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="We don’t just complete jobs — we perfect them."
-      buttons={[{ text: "Our Process", href: "#process" }]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="We don’t just complete jobs — we perfect them."
+            buttons={[{ text: "Our Process", href: "#process" }]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { title: "Bathroom Renovations", description: "Elegant and functional spa-like retreats.", imageSrc: "http://img.b2bpic.net/free-photo/mid-century-interior-design_23-2151902064.jpg", buttonIcon: Bath },
-        { title: "Interior Finishing", description: "Flawless wall treatments and detailing.", imageSrc: "http://img.b2bpic.net/free-photo/cafe-design-interior-objective-shop-concept_53876-23389.jpg", buttonIcon: PaintBucket },
-        { title: "Custom Carpentry", description: "Bespoke pieces tailored to your home.", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-drawer-contemporary-design-light-depth_169016-69050.jpg", buttonIcon: Hammer },
-        { title: "Full Home Renovations", description: "Complete transformation from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-office-communicating_23-2147668792.jpg", buttonIcon: Home },
-      ]}
-      title="High-End Craftsmanship Services"
-      description="Discover our comprehensive suite of luxury home improvement solutions."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Bathroom Renovations", description: "Elegant and functional spa-like retreats.", imageSrc: "http://img.b2bpic.net/free-photo/mid-century-interior-design_23-2151902064.jpg", buttonIcon: Bath },
+              { title: "Interior Finishing", description: "Flawless wall treatments and detailing.", imageSrc: "http://img.b2bpic.net/free-photo/cafe-design-interior-objective-shop-concept_53876-23389.jpg", buttonIcon: PaintBucket },
+              { title: "Custom Carpentry", description: "Bespoke pieces tailored to your home.", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-drawer-contemporary-design-light-depth_169016-69050.jpg", buttonIcon: Hammer },
+              { title: "Full Home Renovations", description: "Complete transformation from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-office-communicating_23-2147668792.jpg", buttonIcon: Home }
+            ]}
+            title="High-End Craftsmanship Services"
+            description="Discover our comprehensive suite of luxury home improvement solutions."
+          />
+        </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        { id: "p1", name: "Marble Bathroom", price: "Precision Tiling", variant: "Seamless Finish", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg" },
-        { id: "p2", name: "Modern Interior", price: "Bespoke Design", variant: "Warm Aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/brass-kitchen-utensils_1232-1247.jpg" },
-        { id: "p3", name: "Custom Carpentry", price: "High-end Joinery", variant: "Premium Wood", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg" },
-        { id: "p4", name: "Full Renovation", price: "Complete Home", variant: "Modern Upgrade", imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837030.jpg" },
-        { id: "p5", name: "Detail Finishing", price: "Artistic Lines", variant: "Precise Detail", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cups-tray_23-2148892817.jpg" },
-        { id: "p6", name: "Modern Living", price: "Open Concepts", variant: "Luxury Living", imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509511.jpg" },
-      ]}
-      title="Our Work Speaks for Itself"
-      description="Explore our recent luxury projects across Amsterdam."
-    />
-  </div>
+        <div id="portfolio" data-section="portfolio">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Marble Bathroom", price: "Precision Tiling", variant: "Seamless Finish", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg" },
+              { id: "p2", name: "Modern Interior", price: "Bespoke Design", variant: "Warm Aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/brass-kitchen-utensils_1232-1247.jpg" },
+              { id: "p3", name: "Custom Carpentry", price: "High-end Joinery", variant: "Premium Wood", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg" },
+              { id: "p4", name: "Full Renovation", price: "Complete Home", variant: "Modern Upgrade", imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837030.jpg" }
+            ]}
+            title="Our Work Speaks for Itself"
+            description="Explore our recent luxury projects across Amsterdam."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "t1", name: "Annelies", handle: "@annelies", testimonial: "AMAN installed a beautiful bathroom — extremely happy with the result.", imageSrc: "http://img.b2bpic.net/free-photo/famous-facades-lyon-city-france_268835-984.jpg" },
-        { id: "t2", name: "Alex M", handle: "@alexm", testimonial: "Work was decent, but required close supervision.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg" },
-        { id: "t3", name: "Mark V", handle: "@markv", testimonial: "Absolute professional finish. Truly detail-obsessed.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-old-stone-apartment-buildings-with-fire-exit-staircases-sides_181624-1539.jpg" },
-        { id: "t4", name: "Sophie K", handle: "@sophiek", testimonial: "They transformed our entire kitchen into a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg" },
-        { id: "t5", name: "David L", handle: "@davidl", testimonial: "Transparent pricing and great communication throughout.", imageSrc: "http://img.b2bpic.net/free-photo/mid-century-interior-design_23-2151902064.jpg" },
-      ]}
-      title="Trusted by Homeowners Across Amsterdam"
-      description="Real feedback from our satisfied clients."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Annelies", handle: "@annelies", testimonial: "AMAN installed a beautiful bathroom — extremely happy with the result.", imageSrc: "http://img.b2bpic.net/free-photo/famous-facades-lyon-city-france_268835-984.jpg" },
+              { id: "t2", name: "Alex M", handle: "@alexm", testimonial: "Work was decent, but required close supervision.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg" },
+              { id: "t3", name: "Mark V", handle: "@markv", testimonial: "Absolute professional finish. Truly detail-obsessed.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-old-stone-apartment-buildings-with-fire-exit-staircases-sides_181624-1539.jpg" },
+              { id: "t4", name: "Sophie K", handle: "@sophiek", testimonial: "They transformed our entire kitchen into a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg" },
+              { id: "t5", name: "David L", handle: "@davidl", testimonial: "Transparent pricing and great communication throughout.", imageSrc: "http://img.b2bpic.net/free-photo/mid-century-interior-design_23-2151902064.jpg" }
+            ]}
+            title="Trusted by Homeowners Across Amsterdam"
+            description="Real feedback from our satisfied clients."
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "01", title: "Consultation", description: "We discuss your vision in depth.", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg" },
-        { id: "m2", value: "02", title: "Transparent Quote", description: "Clear pricing with no hidden costs.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821371.jpg" },
-        { id: "m3", value: "03", title: "Execution", description: "Clean, precise work on your home.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278628.jpg" },
-        { id: "m4", value: "04", title: "Delivery", description: "A truly flawless finish for you.", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885659.jpg" },
-      ]}
-      title="A Smooth, Stress-Free Process"
-      description="Our proven 4-step framework for excellence."
-    />
-  </div>
+        <div id="process" data-section="process">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "01", title: "Consultation", description: "We discuss your vision in depth.", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg" },
+              { id: "m2", value: "02", title: "Transparent Quote", description: "Clear pricing with no hidden costs.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821371.jpg" },
+              { id: "m3", value: "03", title: "Execution", description: "Clean, precise work on your home.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278628.jpg" },
+              { id: "m4", value: "04", title: "Delivery", description: "A truly flawless finish for you.", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885659.jpg" }
+            ]}
+            title="A Smooth, Stress-Free Process"
+            description="Our proven 4-step framework for excellence."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        { id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide transparent and free consultations." },
-        { id: "f2", title: "How long does a typical bathroom take?", content: "Depending on complexity, usually 2-4 weeks." },
-        { id: "f3", title: "Are you fully insured?", content: "Absolutely, we carry comprehensive insurance for all projects." },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide transparent and free consultations." },
+              { id: "f2", title: "How long does a typical bathroom take?", content: "Depending on complexity, usually 2-4 weeks." },
+              { id: "f3", title: "Are you fully insured?", content: "Absolutely, we carry comprehensive insurance for all projects." }
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Inquire Today"
-      title="Start Your Project Today"
-      description="Reach out and let's craft your space."
-      imageSrc="http://img.b2bpic.net/free-photo/man-woman-analysing-clipboard_23-2148252106.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Inquire Today"
+            title="Start Your Project Today"
+            description="Reach out and let's craft your space."
+            imageSrc="http://img.b2bpic.net/free-photo/man-woman-analysing-clipboard_23-2148252106.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="AMAN"
-      columns={[
-        { title: "Services", items: [{ label: "Bathrooms", href: "#services" }, { label: "Interior", href: "#services" }] },
-        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="AMAN"
+            columns={[
+              { title: "Services", items: [{ label: "Bathrooms", href: "#services" }, { label: "Interior", href: "#services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );