Update src/app/page.tsx

src/app/page.tsx

@@ -8,29 +8,29 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import TextAbout from '@/components/sections/about/TextAbout';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
+        defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+        borderRadius="rounded"
         contentWidth="smallMedium"
         sizing="mediumLargeSizeLargeTitles"
-        background="none"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="layered"
+        background="aurora"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingOverlay
       navItems={[
         {
           name: "Home",          id: "#hero"},
@@ -47,6 +47,7 @@ export default function LandingPage() {
         text: "SHOP",        href: "#products"}}
       logoSrc="http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg"
       brandName="ESPORTS ORG"
+      className="sticky top-0 z-50 bg-background/80 backdrop-blur-md"
     />
   </div>
 
@@ -60,7 +61,8 @@ export default function LandingPage() {
         {
           text: "SCOPRI I ROSTERS",          href: "#teams"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2334.jpg"
+      videoSrc="https://assets.mixkit.co/videos/preview/mixkit-cyber-esports-gamer-girl-playing-online-video-game-50935-large.mp4"
+      videoAriaLabel="Esports background video"
       imageAlt="Esports team in action"
       mediaAnimation="opacity"
       avatars={[
@@ -227,7 +229,8 @@ export default function LandingPage() {
       title="I Nostri Prestigiosi Partner"
       description="Siamo orgogliosi di collaborare con i brand leader che credono nella nostra visione e supportano il nostro successo."
       speed={35}
-      showCard={false}
+      showCard={true}
+      logoCardClassName="hover:scale-105 transition-transform duration-300"
     />
   </div>
 
@@ -296,4 +299,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}