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

---
 src/app/page.tsx | 146 ++++++++++++++---------------------------------
 1 file changed, 42 insertions(+), 104 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f58a42c..19edc91 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,13 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { Palette, Layers, Box, Square } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -30,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Experience",          id: "about"},
-        {
-          name: "Workshop",          id: "features"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Experience", id: "about" },
+        { name: "Workshop", id: "features" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="WOLLBIT DESIGNS"
     />
@@ -47,41 +43,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       title="Redefining Luxury Interiors in Melbourne"
       description="Wollbit Designs brings curated, bespoke kitchen and interior solutions directly to your door in Wollert. Your vision, our expertise, unmatched elegance."
-      buttons={[
-        {
-          text: "Start Your Journey",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Start Your Journey", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/vintage-small-cutlery_169016-3178.jpg"
       imageAlt="Luxury kitchen interior design Wollert Melbourne"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg",          alt: "Client 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg",          alt: "Client 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg",          alt: "Client 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg",          alt: "Client 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-relaxed-young-businessman-showing-ok-gesture-talking-cell-phone-cafe_1391-609.jpg",          alt: "Client 5"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Melbourne's Finest Design"},
-        {
-          type: "text",          text: "Bespoke Kitchen Expertise"},
-        {
-          type: "text",          text: "Premium Materials"},
-        {
-          type: "text",          text: "Gold Standard Service"},
-        {
-          type: "text",          text: "Transparent Commissions"},
-      ]}
     />
   </div>
 
@@ -89,32 +57,39 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",          content: "The Wollbit Difference"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg",          alt: "Design process"},
-        {
-          type: "text",          content: "We don't just find builders; we craft experiences. By leveraging a network of top-tier partners and charging a transparent commission, we ensure your home is handled by the absolute best in Melbourne."},
+        { type: "text", content: "The Wollbit Difference" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg", alt: "Design process" },
+        { type: "text", content: "We don't just find builders; we craft experiences. By leveraging a network of top-tier partners and charging a transparent commission, we ensure your home is handled by the absolute best in Melbourne." },
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardThree
+      <FeatureCardTen
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="bento-grid"
       useInvertedBackground={false}
+      title="Interactive Material Workshop"
+      description="Customize your dream kitchen components with our interactive selector."
+      tag="Workshop Configurator"
+      tagIcon={Palette}
       features={[
         {
-          title: "Premium Surfaces",          description: "Explore our curated marble and granite collection.",          imageSrc: "http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg"},
+          title: "Material Selector",          description: "Choose from premium natural stones and engineered surfaces.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/tools-collection-top-view_1112-396.jpg" },
+          items: [{ icon: Box, text: "Natural Marble" }, { icon: Box, text: "Quartz Stone" }],
+          reverse: false
+        },
         {
-          title: "Color Palette",          description: "Select bespoke tones that define luxury.",          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334450.jpg"},
+          title: "Color Picker",          description: "Refine your palette with our professional-grade color tools.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334450.jpg" },
+          items: [{ icon: Palette, text: "Modern Neutrals" }, { icon: Palette, text: "Bold Accents" }],
+          reverse: true
+        },
         {
-          title: "Hardware Finishes",          description: "Fine-tune details with gold, brass, and matte hardware.",          imageSrc: "http://img.b2bpic.net/free-photo/wood-door-handle_1373-212.jpg"},
+          title: "Size & Shape Options",          description: "Tailor the dimensions and geometry of every piece.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/wood-door-handle_1373-212.jpg" },
+          items: [{ icon: Square, text: "Custom Geometry" }, { icon: Layers, text: "Multi-scale Options" }],
+          reverse: false
+        }
       ]}
-      title="Interactive Design Workshop"
-      description="Play with our premium material library to discover your perfect aesthetic."
     />
   </div>
 
@@ -125,12 +100,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          value: "150+",          description: "Projects Facilitated"},
-        {
-          id: "m2",          value: "20%",          description: "Your Commission Advantage"},
-        {
-          id: "m3",          value: "100%",          description: "Customer Satisfaction"},
+        { id: "m1", value: "150+", description: "Projects Facilitated" },
+        { id: "m2", value: "20%", description: "Your Commission Advantage" },
+        { id: "m3", value: "100%", description: "Customer Satisfaction" },
       ]}
       title="Our Impact"
       description="Transforming Melbourne homes, one commission at a time."
@@ -144,21 +116,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "John Doe",          role: "Resident",          company: "Wollert",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg"},
-        {
-          id: "2",          name: "Sarah Smith",          role: "Homeowner",          company: "Melbourne",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg"},
-        {
-          id: "3",          name: "David Chan",          role: "Client",          company: "Wollert",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg"},
-        {
-          id: "4",          name: "Emma Wilson",          role: "Homeowner",          company: "Melbourne",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg"},
-        {
-          id: "5",          name: "Peter Scott",          role: "Client",          company: "Wollert",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-relaxed-young-businessman-showing-ok-gesture-talking-cell-phone-cafe_1391-609.jpg"},
+        { id: "1", name: "John Doe", role: "Resident", company: "Wollert", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-using-tablet_23-2147770027.jpg" },
+        { id: "2", name: "Sarah Smith", role: "Homeowner", company: "Melbourne", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-artist-studio-looking-inspired_259150-60627.jpg" },
+        { id: "3", name: "David Chan", role: "Client", company: "Wollert", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-bed_23-2149304904.jpg" },
       ]}
       title="Client Voices"
       description="What Melbourne residents say about Wollbit."
@@ -170,12 +130,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",          title: "How does the commission work?",          content: "We handle the client acquisition and project management for a transparent 20% commission fee."},
-        {
-          id: "f2",          title: "Where are you based?",          content: "We are based in Wollert, Melbourne, focusing on the wider Melbourne region."},
-        {
-          id: "f3",          title: "Do you do the manual work?",          content: "We act as your dedicated bridge to professional, vetted builders who handle the physical execution."},
+        { id: "f1", title: "How does the commission work?", content: "We handle the client acquisition and project management for a transparent 20% commission fee." },
+        { id: "f2", title: "Where are you based?", content: "We are based in Wollert, Melbourne, focusing on the wider Melbourne region." },
       ]}
       title="Common Questions"
       description="Everything you need to know about working with Wollbit Designs."
@@ -186,13 +142,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       text="Ready to start your design journey with Wollbit Designs? Connect with us today and let's make your home boom."
-      buttons={[
-        {
-          text: "Contact Us via Nextdoor",          href: "https://nextdoor.com"},
-      ]}
+      buttons={[{ text: "Contact Us via Nextdoor", href: "https://nextdoor.com" }]}
     />
   </div>
 
@@ -200,22 +152,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="WOLLBIT DESIGNS"
       columns={[
-        {
-          title: "Wollbit",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Services",              href: "#features"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
+        { title: "Wollbit", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       copyrightText="© 2024 Wollbit Designs. Melbourne."
     />
@@ -223,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1