Bob AI: change the hero section to something else I don't ...

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSignup from '@/components/sections/hero/HeroSignup';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
@@ -39,15 +39,26 @@ export default function Page() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSignup
-          title="The Freezer House"
-          description="4923 Rockford Dr, San Diego. Where brotherhood, waves, and good times collide. A community built on surfing, fitness, studies, and unforgettable memories."
-          tag="TKE & SAE Brotherhood"
-          tagIcon={Waves}
+        <HeroBillboard
+          title="Welcome to The Freezer"
+          description="Experience the ultimate blend of surfing, fitness, and camaraderie. Join our community for unforgettable adventures and lifelong friendships."
           background={{ variant: "sparkles-gradient" }}
-          inputPlaceholder="Enter your email"
-          buttonText="Join Our Newsletter"
-          ariaLabel="The Freezer House hero section"
+          tag="Brotherhood & Waves"
+          tagIcon={Waves}
+          buttons={[
+            { label: "Join Us", href: "/join", color: "blue" },
+            { label: "Learn More", href: "/about", color: "blue" }
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+          imageAlt="Surfers enjoying a day at the beach"
+          marqueeItems={[
+            { name: "TKE", logo: "https://example.com/tke-logo.png" },
+            { name: "SAE", logo: "https://example.com/sae-logo.png" },
+            { name: "Waves", logo: "https://example.com/waves-logo.png" },
+            { name: "Fitness", logo: "https://example.com/fitness-logo.png" }
+          ]}
+          marqueeSpeed={50}
+          ariaLabel="The Freezer hero section"
         />
       </div>