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

Merge version_3 into main

src/app/page.tsx

@@ -44,13 +44,17 @@ export default function FuturamaPage() {
 
       <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."
-          background={{ variant: "sparkles-gradient" }}
-          tag="New Episodes"
+          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={[
-            { label: "Watch Now", href: "/watch", dataWebildId: "cta_btn_1" },
-            { label: "Meet the Crew", href: "/characters", dataWebildId: "cta_btn_2" }
+            { 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={[
             {

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;;