From eeb52e2cf94a7dc365cc9a815d96a586c688d9fc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 12:07:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 480 +++++++++++------------------------------------
 1 file changed, 111 insertions(+), 369 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f471f8e..2e14c7f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,383 +14,125 @@ import { Check } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="medium"
-        sizing="medium"
-        background="blurBottom"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="blurBottom"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Cape Carpenter"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Cape Carpenter"
+            button={{ text: "Get a Quote", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Cape Carpenter & Woodworkers Cooperative"
-      description="Exceptional craftsmanship. Precision woodwork. Transforming homes and spaces across Cape Town with premium finishes."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26093.jpg?_wi=1",
-          imageAlt: "Woodworking workshop",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg?_wi=1",
-          imageAlt: "Wood detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692407.jpg?_wi=1",
-          imageAlt: "Cabinetry work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg?_wi=1",
-          imageAlt: "Interior design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg?_wi=1",
-          imageAlt: "Furniture",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13259.jpg?_wi=1",
-          imageAlt: "Decking",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg?_wi=2",
-          imageAlt: "Interior design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/light-diagonal-handleless-drawer-blue-modern_169016-69049.jpg?_wi=1",
-          imageAlt: "Built-ins",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg?_wi=2",
-          imageAlt: "Custom furniture",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg?_wi=2",
-          imageAlt: "Architecture",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692407.jpg?_wi=2",
-          imageAlt: "Wood detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26093.jpg?_wi=2",
-          imageAlt: "Workshop",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-senior-couple-sitting-yoga-mat-home_23-2148097392.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 100+ Cape Town homeowners"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Bespoke Joinery",
-        },
-        {
-          type: "text",
-          text: "Sustainable Wood",
-        },
-        {
-          type: "text",
-          text: "Master Craftsmanship",
-        },
-        {
-          type: "text",
-          text: "Premium Finishes",
-        },
-        {
-          type: "text",
-          text: "Timeless Design",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Cape Carpenter & Woodworkers Cooperative"
+            description="Exceptional craftsmanship. Precision woodwork. Transforming homes and spaces across Cape Town with premium finishes."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26093.jpg", imageAlt: "Woodworking workshop" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg", imageAlt: "Wood detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692407.jpg", imageAlt: "Cabinetry work" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg", imageAlt: "Interior design" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg", imageAlt: "Furniture" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13259.jpg", imageAlt: "Decking" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg", imageAlt: "Interior design" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/light-diagonal-handleless-drawer-blue-modern_169016-69049.jpg", imageAlt: "Built-ins" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg", imageAlt: "Custom furniture" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg", imageAlt: "Architecture" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692407.jpg", imageAlt: "Wood detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26093.jpg", imageAlt: "Workshop" },
+            ]}
+            buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
+            marqueeItems={[{ type: "text", text: "Bespoke Joinery" }, { type: "text", text: "Sustainable Wood" }, { type: "text", text: "Master Craftsmanship" }, { type: "text", text: "Premium Finishes" }, { type: "text", text: "Timeless Design" }]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Custom Furniture",
-          description: "Handcrafted furniture designed with precision.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg?_wi=3",
-            imageAlt: "Furniture",
-          },
-          items: [
-            {
-              icon: Check,
-              text: "Ergonomic designs",
-            },
-            {
-              icon: Check,
-              text: "Premium timber selection",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26093.jpg?_wi=3",
-          imageAlt: "fine woodworking workshop craftsmanship",
-        },
-        {
-          title: "Built-in Cupboards",
-          description: "Modern storage solutions maximizing space.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/light-diagonal-handleless-drawer-blue-modern_169016-69049.jpg?_wi=2",
-            imageAlt: "Cupboards",
-          },
-          items: [
-            {
-              icon: Check,
-              text: "Floor-to-ceiling storage",
-            },
-            {
-              icon: Check,
-              text: "Soft-close mechanisms",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg?_wi=4",
-          imageAlt: "bespoke custom wooden furniture",
-        },
-        {
-          title: "Decking & Outdoor",
-          description: "Weather-resistant decks for outdoor living.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13259.jpg?_wi=2",
-            imageAlt: "Decking",
-          },
-          items: [
-            {
-              icon: Check,
-              text: "UV protected finish",
-            },
-            {
-              icon: Check,
-              text: "Hardwood durability",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/light-diagonal-handleless-drawer-blue-modern_169016-69049.jpg?_wi=3",
-          imageAlt: "modern built in wooden cupboards",
-        },
-      ]}
-      title="Our Services"
-      description="Premium wood solutions for every need."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Custom Furniture", description: "Handcrafted furniture designed with precision.", media: { imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg", imageAlt: "Furniture" }, items: [{ icon: Check, text: "Ergonomic designs" }, { icon: Check, text: "Premium timber selection" }], reverse: false },
+              { title: "Built-in Cupboards", description: "Modern storage solutions maximizing space.", media: { imageSrc: "http://img.b2bpic.net/free-photo/light-diagonal-handleless-drawer-blue-modern_169016-69049.jpg", imageAlt: "Cupboards" }, items: [{ icon: Check, text: "Floor-to-ceiling storage" }, { icon: Check, text: "Soft-close mechanisms" }], reverse: true },
+              { title: "Decking & Outdoor", description: "Weather-resistant decks for outdoor living.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13259.jpg", imageAlt: "Decking" }, items: [{ icon: Check, text: "UV protected finish" }, { icon: Check, text: "Hardwood durability" }], reverse: false },
+            ]}
+            title="Our Services"
+            description="Premium wood solutions for every need."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Why Choose Us"
-      description="Cape Carpenter & Woodworkers Cooperative is known for outstanding craftsmanship, reliable service, and attention to detail. Every project is completed with care, ensuring a premium finish that lasts for years."
-      bulletPoints={[
-        {
-          title: "Outstanding Craftsmanship",
-          description: "Precision in every joint and finish.",
-        },
-        {
-          title: "Reliable Service",
-          description: "On-time delivery and clear communication.",
-        },
-        {
-          title: "Attention to Detail",
-          description: "We care about the small things.",
-        },
-        {
-          title: "Sustainable Practices",
-          description: "Environmentally conscious wood sourcing.",
-        },
-        {
-          title: "Local Expertise",
-          description: "Deep understanding of local climate needs.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/male-wood-worker-his-shop-working-with-tools-equipment_23-2150861605.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Why Choose Us"
+            description="Cape Carpenter & Woodworkers Cooperative is known for outstanding craftsmanship, reliable service, and attention to detail."
+            bulletPoints={[
+              { title: "Outstanding Craftsmanship", description: "Precision in every joint and finish." },
+              { title: "Reliable Service", description: "On-time delivery and clear communication." },
+              { title: "Attention to Detail", description: "We care about the small things." },
+              { title: "Sustainable Practices", description: "Environmentally conscious wood sourcing." },
+              { title: "Local Expertise", description: "Deep understanding of local climate needs." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/male-wood-worker-his-shop-working-with-tools-equipment_23-2150861605.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          date: "2024",
-          title: "Delighted Homeowner",
-          quote: "Excellent workmanship and attention to detail.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13259.jpg?_wi=3",
-          imageAlt: "outdoor wooden deck patio",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          date: "2024",
-          title: "Business Owner",
-          quote: "Reliable, professional, and affordable service.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-wood-worker-his-shop-working-with-tools-equipment_23-2150861605.jpg?_wi=2",
-          imageAlt: "carpenter woodworking workshop tools",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          date: "2024",
-          title: "Designer",
-          quote: "Top-quality finishes that truly stand out.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-senior-couple-sitting-yoga-mat-home_23-2148097392.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg?_wi=3",
-          imageAlt: "interior architectural wood design",
-        },
-        {
-          id: "4",
-          name: "John K.",
-          date: "2024",
-          title: "Architect",
-          quote: "The best carpentry work in the Cape.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692407.jpg?_wi=3",
-          imageAlt: "detailed wood carving craftsmanship",
-        },
-        {
-          id: "5",
-          name: "Lara M.",
-          date: "2024",
-          title: "Homeowner",
-          quote: "Highly recommended for any renovation.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg?_wi=3",
-          imageAlt: "contemporary wooden living room",
-        },
-      ]}
-      title="Client Reviews"
-      description="See what our happy clients say about our craftsmanship."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Client Reviews"
+            description="See what our happy clients say about our craftsmanship."
+            testimonials={[
+              { id: "1", name: "Sarah J.", date: "2024", title: "Delighted Homeowner", quote: "Excellent workmanship and attention to detail.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg" },
+              { id: "2", name: "Mark D.", date: "2024", title: "Business Owner", quote: "Reliable, professional, and affordable service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
+              { id: "3", name: "Elena R.", date: "2024", title: "Designer", quote: "Top-quality finishes that truly stand out.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-senior-couple-sitting-yoga-mat-home_23-2148097392.jpg" },
+              { id: "4", name: "John K.", date: "2024", title: "Architect", quote: "The best carpentry work in the Cape.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg" },
+              { id: "5", name: "Lara M.", date: "2024", title: "Homeowner", quote: "Highly recommended for any renovation.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Contact Us: 📍 36 Broad Rd, Wynberg, Cape Town | 📞 +27 82 772 0566 | 💬 WhatsApp Available"
-      buttons={[
-        {
-          text: "Chat on WhatsApp",
-          href: "https://wa.me/27827720566",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Contact Us: 📍 36 Broad Rd, Wynberg, Cape Town | 📞 +27 82 772 0566"
+            buttons={[{ text: "Chat on WhatsApp", href: "https://wa.me/27827720566" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg?_wi=4"
-      logoText="Cape Carpenter"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Furniture",
-              href: "#services",
-            },
-            {
-              label: "Cupboards",
-              href: "#services",
-            },
-            {
-              label: "Repairs",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/27827720566",
-            },
-            {
-              label: "Email",
-              href: "mailto:info@capecarpenter.co.za",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg"
+            logoText="Cape Carpenter"
+            columns={[
+              { title: "Services", items: [{ label: "Furniture", href: "#services" }, { label: "Cupboards", href: "#services" }, { label: "Repairs", href: "#services" }] },
+              { title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/27827720566" }, { label: "Email", href: "mailto:info@capecarpenter.co.za" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1