Update src/app/styles/variables.css

Merge version_1 into main

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"
+        background="aurora"
-        cardStyle="gradient-bordered"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
+        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>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0B0B0B;
+  --background: #0a0a0a;
-  --card: #1F1F1F;
+  --card: #1a1a1a;
-  --foreground: #FFFFFF;
+  --foreground: #ffffff;
-  --primary-cta: #FF003C;
+  --primary-cta: #1f7cff;
-  --primary-cta-text: #FFFFFF;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #E0E0E0;
+  --secondary-cta: #010101;
-  --secondary-cta-text: #0B0B0B;
+  --secondary-cta-text: #ffffff;
-  --accent: #FF003C;
+  --accent: #1f7cff;
-  --background-accent: #121212;
+  --background-accent: #f96b2f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);