Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
@@ -38,27 +38,27 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
+        <HeroBillboard
-          title="Your Neighborhood. Elevated."
+          title="Starling Club"
           description="Two resort-style pools. A dedicated kids' splash zone. A game room, dog park, and more — all steps from your front door. This is what living at Fishhawk Ranch actually feels like."
-          tag="Exclusively for Fishhawk Ranch Residents"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
           buttons={[
             { text: "Explore Amenities", href: "#amenities" },
             { text: "Get Access Info", href: "#resident-info" }
           ]}
           buttonAnimation="slide-up"
-          mediaItems={[
+          mediaAnimation="slide-up"
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vcydf2&_wi=1", imageAlt: "Resort-style heated pool at Starling Club" }
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vcydf2&_wi=1"
-          ]}
+          imageAlt="Resort-style heated pool at Starling Club"
           background={{ variant: "radial-gradient" }}
           ariaLabel="Starling Club hero section"
           className="py-20"
           containerClassName="max-w-4xl"
-          titleClassName="text-5xl md:text-6xl font-bold"
+          textBoxClassName="text-center"
+          titleClassName="text-4xl md:text-5xl font-bold mb-6"
           descriptionClassName="text-lg md:text-xl leading-relaxed"
           buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
+          buttonClassName=""
+          buttonTextClassName=""
         />
       </div>