Merge version_2 into main #1
206
src/app/page.tsx
206
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user