Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -31,92 +31,36 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Why Us",
-          id: "features",
-        },
+          name: "Why Us",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Visit",
-          id: "contact",
-        },
+          name: "Visit",          id: "contact"},
       ]}
       brandName="Dick's Divot"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
+      <HeroBillboardCarousel
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Eau Claire’s Most Relaxing Place to Perfect Your Swing"
       description="Affordable. Welcoming. Built for every skill level."
       buttons={[
         {
-          text: "View Pricing",
-          href: "#pricing",
-        },
+          text: "View Pricing",          href: "#pricing"},
         {
-          text: "Plan Your Visit",
-          href: "#contact",
-        },
+          text: "Plan Your Visit",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/golf-car-field_23-2150978009.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-golfer-taking-out-golf-club-from-bag_171337-6498.jpg",
-          alt: "Local Golfer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-playing-golf_23-2150978031.jpg",
-          alt: "Local Golfer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-man-taking-walk-outdoors-city_23-2150579706.jpg",
-          alt: "Local Golfer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/golfer-about-hit-ball-out-sand-bunker_171337-6684.jpg",
-          alt: "Local Golfer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/adult-fit-man-training-golf-outdoors_23-2148295354.jpg",
-          alt: "Local Golfer 5",
-        },
-      ]}
-      avatarText="Join 128+ local golfers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Open Daily",
-        },
-        {
-          type: "text",
-          text: "All Skill Levels",
-        },
-        {
-          type: "text",
-          text: "Premium Range Balls",
-        },
-        {
-          type: "text",
-          text: "Family Friendly",
-        },
-        {
-          type: "text",
-          text: "Relaxed Atmosphere",
-        },
+      mediaItems={[
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdwzjhS0ocPovljSjmjg2zgsJr/uploaded-1774832972260-0hx0lw3y.jpg" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdwzjhS0ocPovljSjmjg2zgsJr/uploaded-1774832972260-e1oluli6.jpg" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdwzjhS0ocPovljSjmjg2zgsJr/uploaded-1774832972260-h0h6p0fz.jpg" },
       ]}
     />
   </div>
@@ -126,12 +70,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Local Golfers",
-        "Beginners",
-        "Pros",
-        "Eau Claire County",
-        "Community Partners",
-      ]}
+        "Local Golfers",        "Beginners",        "Pros",        "Eau Claire County",        "Community Partners"]}
       title="Trusted by Local Golfers"
       description="Join 128+ golfers who rated us 4.8 stars for our clean, laid-back atmosphere."
     />
@@ -144,22 +83,13 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          title: "Welcoming Atmosphere",
-          description: "No pressure. No judgment. Just golf.",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-golfer-bali-indonesia_72229-852.jpg?_wi=1",
-        },
+          title: "Welcoming Atmosphere",          description: "No pressure. No judgment. Just golf.",          imageSrc: "http://img.b2bpic.net/free-photo/professional-golfer-bali-indonesia_72229-852.jpg?_wi=1"},
         {
           id: 2,
-          title: "Perfect Conditions",
-          description: "Well-groomed tees. Clean range. Consistent balls.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-balls-spread_23-2148480790.jpg",
-        },
+          title: "Perfect Conditions",          description: "Well-groomed tees. Clean range. Consistent balls.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-balls-spread_23-2148480790.jpg"},
         {
           id: 3,
-          title: "For Everyone",
-          description: "First-timers to seasoned golfers—all fit here.",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-fit-man-training-golf-outdoors_23-2148295354.jpg",
-        },
+          title: "For Everyone",          description: "First-timers to seasoned golfers—all fit here.",          imageSrc: "http://img.b2bpic.net/free-photo/adult-fit-man-training-golf-outdoors_23-2148295354.jpg"},
       ]}
       title="Why People Love Dick’s Divot"
       description="We offer more than just a place to hit balls—we offer an experience."
@@ -173,34 +103,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "small",
-          badge: "Entry",
-          price: "$6",
-          subtitle: "Small Bucket",
-          features: [
-            "Approx 40 balls",
-            "Perfect for warm-ups",
-          ],
+          id: "small",          badge: "Entry",          price: "$6",          subtitle: "Small Bucket",          features: [
+            "Approx 40 balls",            "Perfect for warm-ups"],
         },
         {
-          id: "medium",
-          badge: "Value",
-          price: "$10",
-          subtitle: "Medium Bucket",
-          features: [
-            "Approx 80 balls",
-            "Great for practice sessions",
-          ],
+          id: "medium",          badge: "Value",          price: "$10",          subtitle: "Medium Bucket",          features: [
+            "Approx 80 balls",            "Great for practice sessions"],
         },
         {
-          id: "large",
-          badge: "Best Deal",
-          price: "$14",
-          subtitle: "Large Bucket",
-          features: [
-            "Approx 120 balls",
-            "Perfect for long practice",
-          ],
+          id: "large",          badge: "Best Deal",          price: "$14",          subtitle: "Large Bucket",          features: [
+            "Approx 120 balls",            "Perfect for long practice"],
         },
       ]}
       title="Simple Pricing"
@@ -225,8 +137,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Visit Us"
       title="Stop By Today"
       description="Easy to access, plenty of space. No membership required."
@@ -243,4 +154,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}