Merge version_4 into main

Merge version_4 into main

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>
 

src/app/styles/variables.css

@@ -5,7 +5,7 @@
   /* --background: #ffffff;;
   --card: #f9f9f9;;
   --foreground: #000f06e6;;
-  --primary-cta: #0a7039;;
+  --primary-cta: #0a4070;;
   --secondary-cta: #f9f9f9;;
   --accent: #e2e2e2;;
   --background-accent: #c4c4c4;; */
@@ -13,7 +13,7 @@
   --background: #ffffff;;
   --card: #f9f9f9;;
   --foreground: #000f06e6;;
-  --primary-cta: #0a7039;;
+  --primary-cta: #0a4070;;
   --secondary-cta: #f9f9f9;;
   --accent: #e2e2e2;;
   --background-accent: #c4c4c4;;

src/components/sections/hero/HeroBillboard.tsx

@@ -113,7 +113,10 @@ const HeroBillboard = ({
           description={description}
           tag={tag}
           tagIcon={tagIcon}
-          buttons={buttons}
+          buttons={buttons?.map((button, index) => ({
+            ...button,
+            label: index === 0 ? 'get out of here' : index === 1 ? 'apply to be a member' : button.label,
+          }))}
           avatars={avatars}
           avatarText={avatarText}
           avatarsAbove={true}