Files
eaff5a80-dfd1-4e41-98a9-79e…/src/app/page.tsx
2026-05-25 10:20:19 +00:00

176 lines
9.8 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
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"
>
<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" },
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDD7L1H6LIXoixkIcQnEJg1Fj1/uploaded-1779704404099-yrfiktpc.png"
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" },
]}
mediaAnimation="blur-reveal"
/>
</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, personalizując koszty zaniechania na podstawie Twoich indywidualnych celów finansowych."
metrics={[
{ value: "99.9%", title: "Dokładność prognoz" },
{ value: "Personalizowany", title: "Koszt zaniechania" },
]}
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="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="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" },
]}
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="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Polityka Prywatności", href: "#" }, { label: "Regulamin", href: "#" }] },
{ items: [{ label: "O nas", href: "#" }, { label: "Kontakt", href: "#" }] },
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDD7L1H6LIXoixkIcQnEJg1Fj1/uploaded-1779704404099-yrfiktpc.png"
logoText="Vancore Finance"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}