Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,6 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState } from "react";
+import { motion } from "framer-motion";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
@@ -13,6 +15,8 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
+  const [isAnimationComplete, setIsAnimationComplete] = useState(false);
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -27,6 +31,25 @@ export default function LandingPage() {
       headingFontWeight="light"
     >
       <ReactLenis root>
+        {!isAnimationComplete && (
+          <motion.div
+            className="fixed inset-0 z-50 flex items-center justify-center bg-background"
+            initial={{ opacity: 1 }}
+            animate={{ opacity: 0 }}
+            transition={{ duration: 0.8, delay: 1.5, ease: "easeInOut" }}
+            onAnimationComplete={() => setIsAnimationComplete(true)}
+          >
+            <motion.img
+              src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EDD7L1H6LIXoixkIcQnEJg1Fj1/uploaded-1779704404099-yrfiktpc.png"
+              alt="Logo"
+              initial={{ scale: 0.5, opacity: 0 }}
+              animate={{ scale: 1, opacity: 1 }}
+              transition={{ duration: 0.8 }}
+              className="w-48 h-48"
+            />
+          </motion.div>
+        )}
+
         <div id="nav" data-section="nav">
           <NavbarStyleCentered
             navItems={[
@@ -35,6 +58,7 @@ export default function LandingPage() {
               { 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>
@@ -42,7 +66,7 @@ export default function LandingPage() {
         <div id="hero" data-section="hero">
           <HeroBillboardGallery
             background={{ variant: "sparkles-gradient" }}
-            title="Przyszłość Twoich finansów."
+            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" }]}
@@ -50,10 +74,9 @@ export default function LandingPage() {
               { 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"
+            imageClassName="scale-110 object-contain"
           />
         </div>
 
@@ -64,12 +87,9 @@ export default function LandingPage() {
             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: "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."
@@ -80,10 +100,10 @@ export default function LandingPage() {
           <MetricSplitMediaAbout
             useInvertedBackground={false}
             title="Inteligencja rynkowa"
-            description="Zaawansowane modele predykcyjne odrzucają arkusze kalkulacyjne. Vancore symuluje rynkowe stres-testy, pokazując punkt wolności finansowej."
+            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: "47 zł", title: "Koszt zaniechania/dzień" },
+              { value: "Personalizowany", title: "Koszt zaniechania" },
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"
             imageAlt="financial prediction dashboard"
@@ -99,12 +119,9 @@ export default function LandingPage() {
             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: "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."
@@ -148,8 +165,6 @@ export default function LandingPage() {
               { 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."
@@ -175,10 +190,11 @@ export default function LandingPage() {
               { 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>
   );
-}
+}