Bob AI: add image to hero section beckground

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 HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -43,27 +43,31 @@ export default function FuturamaPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <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."
+        <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" }}
-          tag="New Episodes"
           buttons={[
-            { label: "Watch Now", href: "/watch", dataWebildId: "cta_btn_1" },
-            { label: "Meet the Crew", href: "/characters", dataWebildId: "cta_btn_2" }
+            { text: "Watch Episodes", href: "episodes" },
+            { text: "Meet the Crew", href: "characters" }
           ]}
           mediaItems={[
             {
-              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
-              imageAlt: "Futurama main cast"
+              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: "Planet Express building"
+              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: "Space adventure scene"
+              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"
             }
           ]}
         />

src/app/styles/variables.css

@@ -4,15 +4,15 @@
 
   /* --background: #fcf6ec;;
   --card: #3b2f4a;;
-  --foreground: #ffffff;;
+  --foreground: #ff0000;;
   --primary-cta: #a855f7;;
   --secondary-cta: #3b2f4a;;
   --accent: #8b5cf6;;
   --background-accent: #8b5cf6;; */
 
-  --background: #1e1b26;;
+  --background: url('hero-background.jpg') no-repeat center center/cover;;
   --card: #3b2f4a;;
-  --foreground: #ffffff;;
+  --foreground: #ff0000;;
   --primary-cta: #a855f7;;
   --secondary-cta: #3b2f4a;;
   --accent: #8b5cf6;;