Bob AI: i dont like this hero section, use another one

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,31 @@ 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}
-          background={{ variant: "sparkles-gradient" }}
+        <HeroBillboard
+          title="Welcome to Futurama"
+          description="Dive into the absurdly fun universe of Futurama, where the future is a wild ride filled with pizza, robots, and intergalactic intrigue."
+          background={{ variant: "radial-gradient" }}
+          tag="Classic Comedy"
           buttons={[
-            { text: "Watch Episodes", href: "episodes" },
-            { text: "Meet the Crew", href: "characters" }
+            { label: "Watch Episodes", href: "/episodes", dataWebildId: "watch_episodes_button" },
+            { label: "Meet the Crew", href: "/characters", dataWebildId: "meet_crew_button" }
+          ]}
+          links={[
+            { text: "Seasons", href: "/seasons", dataWebildId: "seasons_link" },
+            { text: "Merchandise", href: "/merchandise", dataWebildId: "merchandise_link" }
           ]}
           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

@@ -4,7 +4,7 @@
 
   /* --background: #fcf6ec;;
   --card: #3b2f4a;;
-  --foreground: #ffffff;;
+  --foreground: #ff0000;;
   --primary-cta: #a855f7;;
   --secondary-cta: #3b2f4a;;
   --accent: #8b5cf6;;
@@ -12,7 +12,7 @@
 
   --background: #1e1b26;;
   --card: #3b2f4a;;
-  --foreground: #ffffff;;
+  --foreground: #ff0000;;
   --primary-cta: #a855f7;;
   --secondary-cta: #3b2f4a;;
   --accent: #8b5cf6;;