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

---
 src/app/page.tsx | 239 +++++++++++++++--------------------------------
 1 file changed, 76 insertions(+), 163 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ca9d0f8..87559d3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,223 +2,136 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, MapPin, Scan } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { Award, MapPin, Scan, CheckCircle, Search } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
+        defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="compact"
-        sizing="large"
-        background="noise"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="normal"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "How It Works",
-          id: "how-it-works",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { name: "Features", id: "features" },
+        { name: "How It Works", id: "how-it-works" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" }
       ]}
       brandName="Find My Stuff"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Lost it in Cape Town? Find it fast."
-      description="The community-powered network connecting lost belongings with their owners. AI-powered scanning, local alerts, and rewarded recovery."
-      tag="Live in Cape Town"
+      <HeroBillboardCarousel
+      title="Lost it? Get it back with community power."
+      description="Find My Stuff connects you with local finders. AI-enhanced matching and real-time alerts help you recover your lost items in Cape Town."
+      tag="Modern Recovery"
+      tagIcon={Search}
+      background={{ variant: "sparkles-gradient" }}
       buttons={[
-        {
-          text: "Post Lost Item",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#how-it-works",
-        },
+        { text: "Get Started", href: "#contact" },
+        { text: "View Process", href: "#how-it-works" }
+      ]}
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/map-tanzania-gold-glitter-map-dark-background_559531-11061.jpg?_wi=1", imageAlt: "Lost item search" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-mask-free_23-2149440014.jpg", imageAlt: "Community help" }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/map-tanzania-gold-glitter-map-dark-background_559531-11061.jpg?_wi=1"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureBorderGlow
+      <FeatureCardEight
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
+      title="Recover what matters with confidence"
+      description="We offer a secure, modern platform to coordinate returns effectively."
       features={[
-        {
-          icon: MapPin,
-          title: "Nearby Alerts",
-          description: "Alert nearby users instantly when an item goes missing.",
-        },
-        {
-          icon: Scan,
-          title: "AI Item Matching",
-          description: "Our AI scans images to find matches across thousands of lost items.",
-        },
-        {
-          icon: Award,
-          title: "Reward System",
-          description: "Incentivize finders with optional cash rewards for safe returns.",
-        },
+        { title: "AI Matching", description: "Our system intelligently analyzes images to identify your lost items faster.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg" },
+        { title: "Verified Finders", description: "Safety is our top priority, ensuring your belongings reach you securely.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg" }
       ]}
-      title="Everything you need to recover what matters."
-      description="Powerful tools designed to help you get your stuff back, built for the community."
     />
   </div>
 
   <div id="how-it-works" data-section="how-it-works">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="From Lost to Found in 3 Steps."
-      description="We make recovering your belongings simple. Post your item, get matched via AI, and coordinate safe return through our secure platform."
+      <SplitAbout
+      title="Simple, secure, and effective."
+      description="Our three-step process makes sure your items move from lost to found without any stress."
+      textboxLayout="split"
+      bulletPoints={[
+        { title: "Post a Listing", description: "Quickly describe your item using our intuitive form.", icon: Scan },
+        { title: "Smart Matching", description: "Our platform matches your item with recent found entries.", icon: Search },
+        { title: "Coordinate Return", description: "Connect with the finder through our secure messaging system.", icon: CheckCircle }
+      ]}
       imageSrc="http://img.b2bpic.net/free-photo/map-tanzania-gold-glitter-map-dark-background_559531-11061.jpg?_wi=2"
+      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="I lost my backpack at the beach and someone from the community found it within two hours. This app is a lifesaver for Cape Town locals!"
-      rating={5}
-      author="Sarah M."
-      avatars={[
+      <TestimonialCardTwo
+      title="Trusted by our community"
+      description="Hear from people who have successfully reunited with their lost items."
+      animationType="slide-up"
+      testimonials={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-casual-clothes-celebrating-mad-crazy-success-with-arms-raised-closed-eyes-screaming-excited-winner-concept_839833-21246.jpg",
-          alt: "Sarah M",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-mask-free_23-2149440014.jpg",
-          alt: "John D",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg",
-          alt: "Mark R",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",
-          alt: "Emily P",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",
-          alt: "David S",
-        },
+          id: "t1",          name: "Sarah M.",          role: "Local Cape Town Resident",          testimonial: "I was devastated when I lost my keys, but the community found them for me within an hour. Incredible service!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg"
+        }
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Is it free to post?",
-          content: "Basic posts are free. We offer premium options to boost visibility.",
-        },
-        {
-          id: "2",
-          title: "How do rewards work?",
-          content: "You can optionally attach a reward. We take a small percentage as a service fee.",
-        },
-        {
-          id: "3",
-          title: "Is it safe?",
-          content: "We prioritize safety and local coordination for all returns.",
-        },
-      ]}
+      <FaqDouble
       title="Frequently Asked Questions"
-      description="Got questions about how it works? We've got answers."
+      description="Everything you need to know about getting your stuff back."
       faqsAnimation="slide-up"
+      textboxLayout="default"
+      faqs={[
+        { id: "1", title: "How do I report a lost item?", content: "Simply click the 'Report Lost' button, describe your item, and upload any photos if available." },
+        { id: "2", title: "Are my details secure?", content: "We protect your privacy and only share necessary details when a match is confirmed." }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get Started"
-      title="Ready to list a lost item?"
-      description="Join the growing community and find your stuff today."
-      buttons={[
-        {
-          text: "Report Lost Item",
-          href: "#",
-        },
+      <ContactSplitForm
+      title="Get in touch with us"
+      description="Have questions or need urgent help? We are here to assist you."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
       ]}
+      textarea={{ name: "message", placeholder: "How can we help?" }}
+      imageSrc="http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-casual-clothes-celebrating-mad-crazy-success-with-arms-raised-closed-eyes-screaming-excited-winner-concept_839833-21246.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBase
       logoText="Find My Stuff"
       columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "How It Works",
-              href: "#how-it-works",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "How it Works", href: "#how-it-works" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
       ]}
-      copyrightText="© 2024 Find My Stuff Network. All rights reserved."
     />
   </div>
       </ReactLenis>
-- 
2.49.1