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={[
@@ -43,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" }]}
@@ -53,6 +76,7 @@ export default function LandingPage() {
               { 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"
+            imageClassName="scale-110 object-contain"
           />
         </div>