Update src/app/styles/variables.css

src/app/page.tsx

@@ -21,36 +21,21 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="compact"
         sizing="mediumLargeSizeLargeTitles"
-        background="floatingGradient"
+        background="noiseDiagonalGradient"
-        cardStyle="solid"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="shadow"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Features", id: "features" },
-          id: "hero",
+        { name: "Pricing", id: "pricing" },
-        },
+        { name: "Blog", id: "blog" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Blog",
-          id: "blog",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="LiveStream Sports"
     />
@@ -60,41 +45,11 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="LiveStream Sports"
       description="Experience every match in 4K resolution. Real-time streaming for true sports fanatics worldwide."
-      buttons={[
+      buttons={[{ text: "Start Free Trial", href: "#pricing" }, { text: "Watch Demo", href: "#features" }]}
-        {
-          text: "Start Free Trial",
-          href: "#pricing",
-        },
-        {
-          text: "Watch Demo",
-          href: "#features",
-        },
-      ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548591.jpg", imageAlt: "Soccer broadcast night match" },
-          imageSrc: "http://img.b2bpic.net/free-photo/soccer-stadium-full-people_23-2151548591.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-224.jpg", imageAlt: "Arena stadium wide shot" },
-          imageAlt: "Soccer broadcast night match",
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-jumping-while-doing-parkour_52683-108612.jpg", imageAlt: "Basketball game action" }
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-224.jpg",
-          imageAlt: "Arena stadium wide shot",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-jumping-while-doing-parkour_52683-108612.jpg",
-          imageAlt: "Basketball game action",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-playing-tennis_72229-387.jpg",
-          imageAlt: "Tennis tournament match",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871973.jpg",
-          imageAlt: "Formula 1 race fast",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-from-house-with-automation-lighting-system-sitting-kitchen-switch-off-lights-usin_482257-1935.jpg",
-          imageAlt: "Production control room",
-        },
       ]}
     />
   </div>
@@ -103,23 +58,11 @@ export default function LandingPage() {
       <FeatureCardSeven
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
-        {
+        { title: "4K Ultra HD", description: "Crisp visuals for every goal, basket, and finish line.", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336712.jpg" },
-          title: "4K Ultra HD",
+        { title: "Global CDN", description: "Streaming servers optimized across every continent.", imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg" },
-          description: "Crisp visuals for every goal, basket, and finish line.",
+        { title: "Multi-Device Sync", description: "Switch from TV to mobile without missing a single beat.", imageSrc: "http://img.b2bpic.net/free-photo/male-holding-mobile-with-lighting-controlling-app-sitting-kitchen_482257-7527.jpg" }
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336712.jpg",
-        },
-        {
-          title: "Global CDN",
-          description: "Streaming servers optimized across every continent.",
-          imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg",
-        },
-        {
-          title: "Multi-Device Sync",
-          description: "Switch from TV to mobile without missing a single beat.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-holding-mobile-with-lighting-controlling-app-sitting-kitchen_482257-7527.jpg",
-        },
       ]}
       title="Unmatched Streaming Features"
       description="Engineered for high-speed sports delivery with zero latency across all your devices."
@@ -132,54 +75,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "basic", tag: "Essential", price: "$9.99", period: "/month", description: "For casual viewers who want high-quality streams.", button: { text: "Get Basic" }, featuresTitle: "Includes:", features: ["Full HD Streaming", "Mobile Access", "Ad-supported"] },
-          id: "basic",
+        { id: "pro", tag: "Elite", price: "$19.99", period: "/month", description: "The ultimate sports package for true fans.", button: { text: "Get Elite" }, featuresTitle: "Includes:", features: ["4K Ultra HD", "Zero Latency", "Ad-free Experience"] },
-          tag: "Essential",
+        { id: "premium", tag: "Season Pass", price: "$149.99", period: "/year", description: "Save big and watch all year round.", button: { text: "Get Annual" }, featuresTitle: "Includes:", features: ["All Elite Features", "Early Access", "Offline Downloads"] }
-          price: "$9.99",
-          period: "/month",
-          description: "For casual viewers who want high-quality streams.",
-          button: {
-            text: "Get Basic",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Full HD Streaming",
-            "Mobile Access",
-            "Ad-supported",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Elite",
-          price: "$19.99",
-          period: "/month",
-          description: "The ultimate sports package for true fans.",
-          button: {
-            text: "Get Elite",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "4K Ultra HD",
-            "Zero Latency",
-            "Ad-free Experience",
-          ],
-        },
-        {
-          id: "premium",
-          tag: "Season Pass",
-          price: "$149.99",
-          period: "/year",
-          description: "Save big and watch all year round.",
-          button: {
-            text: "Get Annual",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "All Elite Features",
-            "Early Access",
-            "Offline Downloads",
-          ],
-        },
       ]}
       title="Simple Pricing Plans"
       description="Flexible options for every budget. Start streaming your favorite games now."
@@ -188,34 +86,8 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      testimonials={[
+      testimonials={[{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/happy-screaming-sportsman-showing-ok-signs_171337-16055.jpg" }, { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-sportive-woman-holding-fists-having-fun_114579-22726.jpg" }]}
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-screaming-sportsman-showing-ok-signs_171337-16055.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-sportive-woman-holding-fists-having-fun_114579-22726.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-enjoying-music_23-2148586216.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-man-white-shirt-with-headband-holding-smartphone-raising-fist-happy-excited-standing-olive-background_141793-54391.jpg",
-        },
-        {
-          id: "5",
-          name: "Alex Williams",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-spending-time-home_23-2150671568.jpg",
-        },
-      ]}
       cardTitle="What Fans Are Saying"
       cardTag="Reviews"
       cardAnimation="slide-up"
@@ -226,15 +98,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
+      names={["SportsNetwork", "GlobalBroadcasting", "ArenaMedia", "SpeedCast", "EliteSports"]}
-        "SportsNetwork",
-        "GlobalBroadcasting",
-        "ArenaMedia",
-        "SpeedCast",
-        "EliteSports",
-        "NetStudio",
-        "PrimeStream",
-      ]}
       title="Trusted By Industry Giants"
       description="Powering broadcast infrastructure for the biggest leagues in the world."
     />
@@ -244,38 +108,11 @@ export default function LandingPage() {
       <MetricCardSeven
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "100M+", title: "Users", items: ["Global fan base", "Active daily users"] },
-          id: "m1",
+        { id: "m2", value: "20K+", title: "Events", items: ["Monthly matches", "Live tournaments"] },
-          value: "100M+",
+        { id: "m3", value: "99.9%", title: "Uptime", items: ["Stable connectivity", "Consistent streaming"] }
-          title: "Users",
-          items: [
-            "Global fan base",
-            "Active daily users",
-            "Verified accounts",
-          ],
-        },
-        {
-          id: "m2",
-          value: "20K+",
-          title: "Events",
-          items: [
-            "Monthly matches",
-            "Live tournaments",
-            "Special events",
-          ],
-        },
-        {
-          id: "m3",
-          value: "99.9%",
-          title: "Uptime",
-          items: [
-            "Stable connectivity",
-            "Consistent streaming",
-            "Always live",
-          ],
-        },
       ]}
       title="Our Network Scale"
       description="High performance streaming infrastructure designed for massive concurrent audiences."
@@ -289,50 +126,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Sports Streaming Insights"
       description="The latest in broadcasting technology, match analysis, and platform updates."
-      blogs={[
+      blogs={[{ id: "b1", category: "Tech", title: "The Future of 8K Broadcasting", excerpt: "Exploring the next frontier.", imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-ball_23-2150887418.jpg", authorName: "John Doe", authorAvatar: "", date: "Oct 12, 2024" }]}
-        {
-          id: "b1",
-          category: "Tech",
-          title: "The Future of 8K Broadcasting",
-          excerpt: "Exploring the next frontier of live sports streaming.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-ball_23-2150887418.jpg",
-          authorName: "John Doe",
-          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-holding-ball-with-jump-rope-shoulder-showing-yes-gesture-isolated-olive-green-wall_141793-78548.jpg",
-          date: "Oct 12, 2024",
-        },
-        {
-          id: "b2",
-          category: "Industry",
-          title: "Low Latency Techniques",
-          excerpt: "Why every millisecond counts in live sports.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-glasses-gaming_23-2151138377.jpg",
-          authorName: "Jane Smith",
-          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-women-watching-sports_23-2150167304.jpg",
-          date: "Oct 15, 2024",
-        },
-        {
-          id: "b3",
-          category: "Fan Experience",
-          title: "VR Arena Simulation",
-          excerpt: "Stepping inside the stadium from your living room.",
-          imageSrc: "http://img.b2bpic.net/free-photo/scene-from-olympic-games-tournament-with-athletes-competing_23-2151470921.jpg",
-          authorName: "Bob Wilson",
-          authorAvatar: "http://img.b2bpic.net/free-photo/joyful-adult-slavic-man-looking-side-clenching-fists-isolated-green-wall_141793-59365.jpg",
-          date: "Oct 18, 2024",
-        },
-      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
+      useInvertedBackground={true}
-      background={{
+      background={{ variant: "animated-grid" }}
-        variant: "animated-grid",
-      }}
       tag="Newsletter"
       title="Join The Future of Sports"
-      description="Sign up for early access to our new interactive live streaming features and exclusive match previews."
+      description="Sign up for early access to our new features."
       imageSrc="http://img.b2bpic.net/free-photo/back-shot-streamer-man-playing-powerful-computer-shooter-video-game-tournament-talking-with-multiple-players-into-headphones_482257-559.jpg"
       mediaAnimation="slide-up"
     />
@@ -341,17 +145,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="LiveStream Sports"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: "Terms of Service", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #f0f8ffe6;
+  --foreground: #ffffff;
-  --primary-cta: #cee7ff;
+  --primary-cta: #ffffff;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #0a0a0a;
   --secondary-cta-text: #f0f8ffe6;
-  --accent: #737373;
+  --accent: #333333;
-  --background-accent: #737373;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);