Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -43,31 +43,27 @@ export default function FuturamaPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
-          title="Welcome to the Year 3000"
-          description="Step into the wacky world of Futurama, where pizza delivery meets intergalactic adventure. Follow Fry, Leela, and Bender as they navigate comedy, romance, and danger across the universe."
-          tag="Classic Animated Series"
-          tagIcon={Zap}
+        <HeroBillboard
+          title="Explore the Futurama Universe"
+          description="Join Fry, Leela, and Bender on a wild ride through time and space. Discover new adventures and iconic moments in this beloved animated series."
           background={{ variant: "sparkles-gradient" }}
+          tag="New Episodes"
           buttons={[
-            { text: "Watch Episodes", href: "episodes" },
-            { text: "Meet the Crew", href: "characters" }
+            { label: "Watch Now", href: "/watch", dataWebildId: "cta_btn_1" },
+            { label: "Meet the Crew", href: "/characters", dataWebildId: "cta_btn_2" }
           ]}
           mediaItems={[
             {
-              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg",              imageAlt: "Futurama main cast"
+              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+              imageAlt: "Futurama main cast"
             },
             {
-              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg",              imageAlt: "Planet Express building"
+              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+              imageAlt: "Planet Express building"
             },
             {
-              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930734.jpg",              imageAlt: "Space adventure scene"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-with-cool-futuristic-superhero-suit_23-2150944792.jpg",              imageAlt: "Fry character"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-portrait-young-girl-with-high-tech_23-2151133489.jpg",              imageAlt: "Leela character"
+              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+              imageAlt: "Space adventure scene"
             }
           ]}
         />

src/app/styles/variables.css

@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #fcf6ec;;
-  --card: #f3ede2;;
-  --foreground: #2e2521;;
-  --primary-cta: #2e2521;;
-  --secondary-cta: #ffffff;;
-  --accent: #b2a28b;;
-  --background-accent: #b2a28b;; */
+  --card: #3b2f4a;;
+  --foreground: #ffffff;;
+  --primary-cta: #a855f7;;
+  --secondary-cta: #3b2f4a;;
+  --accent: #8b5cf6;;
+  --background-accent: #8b5cf6;; */
 
-  --background: #fcf6ec;;
-  --card: #f3ede2;;
-  --foreground: #2e2521;;
-  --primary-cta: #2e2521;;
-  --secondary-cta: #ffffff;;
-  --accent: #b2a28b;;
-  --background-accent: #b2a28b;;
+  --background: #1e1b26;;
+  --card: #3b2f4a;;
+  --foreground: #ffffff;;
+  --primary-cta: #a855f7;;
+  --secondary-cta: #3b2f4a;;
+  --accent: #8b5cf6;;
+  --background-accent: #8b5cf6;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);