From 6d76cadac4351873d35b2f885438590903c6a385 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 13:29:33 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 206 +++++++++++++----------------------------------
 1 file changed, 55 insertions(+), 151 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d92be0e..7f1bcbe 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { Github, Twitter } from "lucide-react";
+import { Github, Twitter, Zap, Users, ShieldCheck, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -27,190 +27,94 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Spreadsheet",
-          id: "#spreadsheet",
-        },
-        {
-          name: "Finds",
-          id: "#finds",
-        },
-        {
-          name: "Community",
-          id: "#contact",
-        },
+        { name: "Finds", id: "#finds" },
+        { name: "FAQ", id: "#faq" },
+        { name: "Community", id: "#contact" },
       ]}
       brandName="cadenreps.pl"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
-      logoText="cadenreps.pl"
-      description="More than just your spreadsheet. Join the largest community of trusted finds and sellers."
-      buttons={[
-        {
-          text: "Browse Finds",
-          href: "#finds",
-        },
-        {
-          text: "Join Community",
-          href: "#contact",
-        },
+      <HeroSplitKpi
+      background={{ variant: "gradient-bars" }}
+      title="Najlepsze znaleziska w jednym miejscu"
+      description="Twoja brama do świata najwyższej jakości produktów. Odkryj starannie wyselekcjonowane linki i dołącz do społeczności pasjonatów."
+      kpis={[
+        { value: "10k+", label: "Sprawdzonych linków" },
+        { value: "5k+", label: "Aktywnych członków" },
+        { value: "24/7", label: "Aktualizacje ofert" }
       ]}
+      enableKpiAnimation={true}
+      buttons={[{ text: "Sprawdź listę", href: "#finds" }, { text: "Dołącz teraz", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-particle-design_1048-12790.jpg"
-      imageAlt="cadenreps hero background"
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="finds" data-section="finds">
-      <ProductCardThree
+      <ProductCardOne
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      textboxLayout="split-description"
+      gridVariant="one-large-left-three-stacked-right"
+      title="Polecane produkty"
+      description="Najświeższe dropy wyselekcjonowane przez ekspertów."
       products={[
-        {
-          id: "p1",
-          name: "Nike TN Black",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-s-wedding-shoes-stand-wood-floor-outdoor_8353-9649.jpg",
-          imageAlt: "Black sneakers",
-        },
-        {
-          id: "p2",
-          name: "Nike TN White",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/denim-sneakers-street-style_53876-15369.jpg",
-          imageAlt: "White sneakers",
-        },
-        {
-          id: "p3",
-          name: "Sport Runner X",
-          price: "$140",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-ballerina-wearing-pointe-shoe-sneaker-indoors-botanical-garden_23-2149344175.jpg",
-          imageAlt: "Sport runner sneakers",
-        },
-        {
-          id: "p4",
-          name: "Street Classic",
-          price: "$90",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-military-protection-item-background_23-2149341300.jpg",
-          imageAlt: "Street classic sneakers",
-        },
-        {
-          id: "p5",
-          name: "Pro Trainer",
-          price: "$160",
-          imageSrc: "http://img.b2bpic.net/free-photo/mysterious-creature-spooky-forest_23-2151531966.jpg",
-          imageAlt: "Pro trainer sneakers",
-        },
-        {
-          id: "p6",
-          name: "Air Elite",
-          price: "$180",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-black-leather-boots_250224-308.jpg",
-          imageAlt: "Air elite sneakers",
-        },
+        { id: "1", name: "Nike TN Black", price: "120 PLN", imageSrc: "http://img.b2bpic.net/free-photo/bride-s-wedding-shoes-stand-wood-floor-outdoor_8353-9649.jpg" },
+        { id: "2", name: "Nike TN White", price: "120 PLN", imageSrc: "http://img.b2bpic.net/free-photo/denim-sneakers-street-style_53876-15369.jpg" },
+        { id: "3", name: "Sport Runner", price: "140 PLN", imageSrc: "http://img.b2bpic.net/free-photo/young-female-ballerina-wearing-pointe-shoe-sneaker-indoors-botanical-garden_23-2149344175.jpg" },
+        { id: "4", name: "Air Elite", price: "180 PLN", imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-black-leather-boots_250224-308.jpg" }
       ]}
-      title="Newest Finds"
-      description="Latest W2C drops from trusted sellers."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <FaqBase
       faqs={[
-        {
-          id: "f1",
-          title: "How do I use the spreadsheet?",
-          content: "Simply access the link provided in the finds section and filter by your preference.",
-        },
-        {
-          id: "f2",
-          title: "Are these links safe?",
-          content: "We only verify links from trusted sellers within our community database.",
-        },
-        {
-          id: "f3",
-          title: "How can I join the community?",
-          content: "Click the Join Community button above to be redirected to our Discord server.",
-        },
-        {
-          id: "f4",
-          title: "How often is the list updated?",
-          content: "Our team updates the spreadsheet daily to ensure all links are active and high-quality.",
-        },
-        {
-          id: "f5",
-          title: "What payment methods are safe?",
-          content: "We recommend using secure payment methods like PayPal or platform-integrated checkout services.",
-        },
+        { id: "1", title: "Jak korzystać z arkusza?", content: "Wystarczy kliknąć przycisk w sekcji produktów i filtrować według preferencji." },
+        { id: "2", title: "Czy linki są bezpieczne?", content: "Weryfikujemy każdego sprzedawcę przed dodaniem do bazy." },
+        { id: "3", title: "Jak dołączyć do grupy?", content: "Wystarczy zarejestrować się przez formularz kontaktowy poniżej." }
       ]}
-      title="Community FAQ"
-      description="Everything you need to know about navigating the spreadsheet and community."
+      title="Najczęstsze pytania"
+      description="Wszystko, co musisz wiedzieć o społeczności."
       faqsAnimation="slide-up"
+      textboxLayout="split"
+      showCard={true}
     />
   </div>
 
   <div id="socialProof" data-section="socialProof">
       <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by the Best"
-      description="Our community is powered by thousands of active members and top-tier reviewers."
-      names={[
-        "SneakerHeat",
-        "RepCommunity",
-        "FashionFinds",
-        "TrustRep",
-        "StyleVault",
-      ]}
+      names={["RepCommunity", "SneakerHeat", "TrustRep", "StyleVault"]}
+      title="Zaufane partnerstwa"
+      description="Współpracujemy z najlepszymi w branży."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Join Us"
-      title="Become a member"
-      description="Sign up for updates on new drops and community events."
-      imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301533.jpg"
-      imageAlt="Contact background"
-      mediaAnimation="slide-up"
+      <ContactSplitForm
+      title="Zostań członkiem"
+      description="Zapisz się do naszej bazy, aby otrzymywać powiadomienia o nowych dropach i eventach społecznościowych."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Twoje imię" },
+        { name: "email", type: "email", placeholder: "Twój email" }
+      ]}
+      buttonText="Dołącz"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="cadenreps.pl"
-      copyrightText="© 2025 | CadenReps. All rights reserved."
-      socialLinks={[
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Github,
-          href: "#",
-          ariaLabel: "GitHub",
-        },
+      columns={[
+        { title: "Produkt", items: [{ label: "Arkusz", href: "#" }, { label: "Poradniki", href: "#" }] },
+        { title: "Społeczność", items: [{ label: "Discord", href: "#" }, { label: "Instagram", href: "#" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file