Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-05-25 10:15:49 +00:00

View File

@@ -15,306 +15,169 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLarge"
background="blurBottom"
cardStyle="inset"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="light"
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLarge"
background="blurBottom"
cardStyle="inset"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "System",
id: "bento",
},
{
name: "Predict",
id: "predict",
},
{
name: "Safety",
id: "security",
},
]}
brandName="Vancore Finance"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "System", id: "bento" },
{ name: "Predict", id: "predict" },
{ name: "Safety", id: "security" },
]}
brandName="Vancore Finance"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
title="Przyszłość Twoich finansów."
description="Autonomiczny ekosystem napędzany przez sztuczną inteligencję, który redefiniuje zarządzanie kapitałem w czasie rzeczywistym."
tag="Early Access"
buttons={[
{
text: "Dołącz do Nexusa",
href: "#contact",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037202.jpg",
imageAlt: "fintech dashboard dark mode ui",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg",
imageAlt: "fintech dashboard dark mode ui",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg",
imageAlt: "fintech dashboard dark mode ui",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg",
imageAlt: "fintech dashboard dark mode ui",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg",
imageAlt: "fintech dashboard dark mode ui",
},
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "sparkles-gradient" }}
title="Przyszłość Twoich finansów."
description="Autonomiczny ekosystem napędzany przez sztuczną inteligencję, który redefiniuje zarządzanie kapitałem w czasie rzeczywistym."
tag="Early Access"
buttons={[{ text: "Dołącz do Nexusa", href: "#contact" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037202.jpg", imageAlt: "fintech dashboard dark mode ui" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg", imageAlt: "fintech dashboard dark mode ui" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg", imageAlt: "fintech dashboard dark mode ui" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg", imageAlt: "fintech dashboard dark mode ui" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg", imageAlt: "fintech dashboard dark mode ui" },
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="bento" data-section="bento">
<FeatureCardOne
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Open Banking (PSD2)",
description: "Wszystkie konta w jednym bezpiecznym widoku.",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-city-place-night-using-texting-app-smartphone_1391-78.jpg",
imageAlt: "fintech icon design",
},
{
title: "Tarcza Podatkowa",
description: "Automatyczna redukcja kosztów fiskalnych.",
imageSrc: "http://img.b2bpic.net/free-photo/white-black-metal-frame_400718-40.jpg",
imageAlt: "financial calculator 3d",
},
{
title: "Aktywa Alternatywne",
description: "Od ETF po kryptowaluty w jednym panelu.",
imageSrc: "http://img.b2bpic.net/free-photo/top-skyscraper-surrounded-with-clouds_181624-156.jpg",
imageAlt: "crypto investment icon",
},
]}
title="System Nexus"
description="Wszystko w jednym miejscu: bezpieczna integracja, optymalizacja podatkowa i inteligentny wgląd w aktywa."
/>
</div>
<div id="bento" data-section="bento">
<FeatureCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Open Banking (PSD2)", description: "Wszystkie konta w jednym bezpiecznym widoku.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-city-place-night-using-texting-app-smartphone_1391-78.jpg", imageAlt: "fintech icon design"},
{
title: "Tarcza Podatkowa", description: "Automatyczna redukcja kosztów fiskalnych.", imageSrc: "http://img.b2bpic.net/free-photo/white-black-metal-frame_400718-40.jpg", imageAlt: "financial calculator 3d"},
{
title: "Aktywa Alternatywne", description: "Od ETF po kryptowaluty w jednym panelu.", imageSrc: "http://img.b2bpic.net/free-photo/top-skyscraper-surrounded-with-clouds_181624-156.jpg", imageAlt: "crypto investment icon"},
]}
title="System Nexus"
description="Wszystko w jednym miejscu: bezpieczna integracja, optymalizacja podatkowa i inteligentny wgląd w aktywa."
/>
</div>
<div id="predict" data-section="predict">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Inteligencja rynkowa"
description="Zaawansowane modele predykcyjne odrzucają arkusze kalkulacyjne. Vancore symuluje rynkowe stres-testy, pokazując punkt wolności finansowej."
metrics={[
{
value: "99.9%",
title: "Dokładność prognoz",
},
{
value: "47 zł",
title: "Koszt zaniechania/dzień",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"
imageAlt="financial prediction dashboard"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="predict" data-section="predict">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Inteligencja rynkowa"
description="Zaawansowane modele predykcyjne odrzucają arkusze kalkulacyjne. Vancore symuluje rynkowe stres-testy, pokazując punkt wolności finansowej."
metrics={[
{ value: "99.9%", title: "Dokładność prognoz" },
{ value: "47 zł", title: "Koszt zaniechania/dzień" },
]}
imageSrc="http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"
imageAlt="financial prediction dashboard"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="mentor" data-section="mentor">
<FeatureCardOne
animationType="scale-rotate"
textboxLayout="inline-image"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Analiza AI",
description: "Codzienne rekomendacje na bazie Twojej historii.",
imageSrc: "http://img.b2bpic.net/free-vector/shield-lock-cartoon-style_78370-1621.jpg",
imageAlt: "cybersecurity shield icon",
},
{
title: "Wykrywanie anomalii",
description: "Automatyczne ostrzeżenia o nieprawidłowych wydatkach.",
imageSrc: "http://img.b2bpic.net/free-photo/physician-recommending-vitamins-painkillers-healthcare-insurance_482257-116451.jpg",
imageAlt: "cybersecurity shield icon",
},
{
title: "Planowanie celu",
description: "Strategiczne kierowanie Twoim kapitałem.",
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-47030.jpg",
imageAlt: "cybersecurity shield icon",
},
]}
title="Twój autonomiczny mentor"
description="Vancore nie jest kolejną aplikacją do tabel. To inteligentny system, który prowadzi Cię do celów finansowych."
/>
</div>
<div id="mentor" data-section="mentor">
<FeatureCardOne
animationType="scale-rotate"
textboxLayout="inline-image"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Analiza AI", description: "Codzienne rekomendacje na bazie Twojej historii.", imageSrc: "http://img.b2bpic.net/free-vector/shield-lock-cartoon-style_78370-1621.jpg", imageAlt: "cybersecurity shield icon"},
{
title: "Wykrywanie anomalii", description: "Automatyczne ostrzeżenia o nieprawidłowych wydatkach.", imageSrc: "http://img.b2bpic.net/free-photo/physician-recommending-vitamins-painkillers-healthcare-insurance_482257-116451.jpg", imageAlt: "cybersecurity shield icon"},
{
title: "Planowanie celu", description: "Strategiczne kierowanie Twoim kapitałem.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-47030.jpg", imageAlt: "cybersecurity shield icon"},
]}
title="Twój autonomiczny mentor"
description="Vancore nie jest kolejną aplikacją do tabel. To inteligentny system, który prowadzi Cię do celów finansowych."
/>
</div>
<div id="security" data-section="security">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Czy moje dane są bezpieczne?",
content: "Tak, stosujemy szyfrowanie klasy bankowej i standardy OAuth2.",
},
{
id: "2",
title: "Czy macie dostęp do moich kont?",
content: "Nie, mamy wyłącznie uprawnienia do odczytu danych przez certyfikowane API.",
},
{
id: "3",
title: "Jak chronicie prywatność?",
content: "Prywatność to nasz priorytet; nigdy nie przechowujemy Twoich haseł.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480182.jpg"
title="Bezpieczeństwo klasy bankowej"
description="Twoje dane są chronione protokołami klasy bankowej i standardami OAuth2."
faqsAnimation="blur-reveal"
imageAlt="cybersecurity shield icon"
mediaAnimation="blur-reveal"
/>
</div>
<div id="security" data-section="security">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "1", title: "Czy moje dane są bezpieczne?", content: "Tak, stosujemy szyfrowanie klasy bankowej i standardy OAuth2." },
{ id: "2", title: "Czy macie dostęp do moich kont?", content: "Nie, mamy wyłącznie uprawnienia do odczytu danych przez certyfikowane API." },
{ id: "3", title: "Jak chronicie prywatność?", content: "Prywatność to nasz priorytet; nigdy nie przechowujemy Twoich haseł." },
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480182.jpg"
title="Bezpieczeństwo klasy bankowej"
description="Twoje dane są chronione protokołami klasy bankowej i standardami OAuth2."
faqsAnimation="blur-reveal"
imageAlt="cybersecurity shield icon"
mediaAnimation="blur-reveal"
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"mBank",
"PKO BP",
"Revolut",
"Alior",
"Santander",
"ING",
"BNP Paribas",
]}
title="Zaufane przez instytucje"
description="Współpracujemy z wiodącymi instytucjami finansowymi, zapewniając najwyższą jakość danych."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["mBank", "PKO BP", "Revolut", "Alior", "Santander", "ING", "BNP Paribas"]}
title="Zaufane przez instytucje"
description="Współpracujemy z wiodącymi instytucjami finansowymi, zapewniając najwyższą jakość danych."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sjohnson",
testimonial: "Vancore to najlepsza decyzja finansowa, jaką podjęłam.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
},
{
id: "2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Zautomatyzowałem swoje oszczędności dzięki inteligencji Vancore.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-thoughtful-stylish-businessman-with-serious-face-elegant-formal-suit-glasses-isolated-dark-background_613910-19557.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
handle: "@erod",
testimonial: "Bezpieczeństwo i intuicyjność to tutaj standard.",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
},
{
id: "4",
name: "David Kim",
handle: "@dkim",
testimonial: "Moje finanse nigdy nie były tak przejrzyste.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
},
{
id: "5",
name: "Anna Smith",
handle: "@asmith",
testimonial: "Oszczędzam realne pieniądze każdego miesiąca.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
},
]}
title="Opinie klientów"
description="Dowiedz się, jak Vancore zmienił życie naszych użytkowników."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Johnson", handle: "@sjohnson", testimonial: "Vancore to najlepsza decyzja finansowa, jaką podjęłam.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Zautomatyzowałem swoje oszczędności dzięki inteligencji Vancore.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-thoughtful-stylish-businessman-with-serious-face-elegant-formal-suit-glasses-isolated-dark-background_613910-19557.jpg" },
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Bezpieczeństwo i intuicyjność to tutaj standard.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg" },
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Moje finanse nigdy nie były tak przejrzyste.", imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg" },
{ id: "5", name: "Anna Smith", handle: "@asmith", testimonial: "Oszczędzam realne pieniądze każdego miesiąca.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg" },
]}
title="Opinie klientów"
description="Dowiedz się, jak Vancore zmienił życie naszych użytkowników."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Beta"
title="Zbuduj swoją odporność finansową"
description="Zapisz się do listy oczekujących na wersję Beta."
imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461349.jpg"
imageAlt="fintech dashboard dark mode ui"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Beta"
title="Zbuduj swoją odporność finansową"
description="Zapisz się do listy oczekujących na wersję Beta."
imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461349.jpg"
imageAlt="fintech dashboard dark mode ui"
mediaAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Polityka Prywatności",
href: "#",
},
{
label: "Regulamin",
href: "#",
},
],
},
{
items: [
{
label: "O nas",
href: "#",
},
{
label: "Kontakt",
href: "#",
},
],
},
]}
logoText="Vancore Finance"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Polityka Prywatności", href: "#" }, { label: "Regulamin", href: "#" }] },
{ items: [{ label: "O nas", href: "#" }, { label: "Kontakt", href: "#" }] },
]}
logoText="Vancore Finance"
/>
</div>
</ReactLenis>
</ThemeProvider>
);