Update src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import ProductCardSix from '@/components/sections/product/ProductCardSix';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
@@ -42,30 +42,12 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero" className="w-full min-h-screen flex items-center justify-center">
         <div className="w-full max-w-7xl mx-auto px-6 md:px-12">
-          <HeroBillboardCarouselSplit
+          <HeroBillboard
             title="Find Your Dream Property in 14 Days—Legally Verified, Zero Hassle"
-            mediaItems={[
+            description="Premium real estate platform connecting discerning buyers, investors, and families with verified luxury properties worldwide. Transparent. Secure. Proven."
-              {
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138951-siri0kwa.jpg"
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138951-siri0kwa.jpg",
+            imageAlt="Luxury modern apartment interior"
-                imageAlt: "Luxury modern apartment interior"
+            frameStyle="card"
-              },
-              {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704134924-wdmxpe16.jpg",
-                imageAlt: "Contemporary villa exterior"
-              },
-              {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713943618-9avc0npf.jpg",
-                imageAlt: "Penthouse with city views"
-              },
-              {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713943931-pttgnt7a.jpg",
-                imageAlt: "Modern family home with garden"
-              },
-              {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713944252-m8yauy3n.jpg",
-                imageAlt: "Premium office commercial space"
-              }
-            ]}
             buttons={[
               { text: "View Properties", href: "properties" },
               { text: "Book a Viewing", href: "contact" }
@@ -87,6 +69,7 @@ export default function LandingPage() {
                 id: "1",
                 name: "Modern Downtown Penthouse",
                 price: "€750,000",
+                variant: "Luxury",
                 imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713944580-t50bl2q8.jpg",
                 imageAlt: "Luxury penthouse in downtown area"
               },
@@ -94,6 +77,7 @@ export default function LandingPage() {
                 id: "2",
                 name: "Beachfront Villa & Resort",
                 price: "€1,200,000",
+                variant: "Exclusive",
                 imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713945061-ghf2enkw.jpg",
                 imageAlt: "Exclusive beachfront villa with ocean views"
               },
@@ -101,6 +85,7 @@ export default function LandingPage() {
                 id: "3",
                 name: "Suburban Family Estate",
                 price: "€580,000",
+                variant: "Family Home",
                 imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713945515-m0fhkwxh.jpg",
                 imageAlt: "Spacious suburban family home"
               },
@@ -108,6 +93,7 @@ export default function LandingPage() {
                 id: "4",
                 name: "Investment Apartment Block",
                 price: "€2,100,000",
+                variant: "Multi-unit",
                 imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713944580-t50bl2q8.jpg",
                 imageAlt: "Multi-unit investment property"
               }
@@ -148,41 +134,25 @@ export default function LandingPage() {
             description="From selection to purchase—transparent, verified, legally secured."
             tag="PROCESS"
             tagIcon={Zap}
-            features={[
+            accordionItems={[
               {
                 id: "step1",
-                label: "01",
                 title: "Browse & Select Premium Properties",
-                items: [
+                content: "Verified listings with full documentation. Advanced filters (location, price, type). High-quality images and virtual tours. Transparent pricing—no hidden fees."
-                  "Verified listings with full documentation",
-                  "Advanced filters (location, price, type)",
-                  "High-quality images and virtual tours",
-                  "Transparent pricing—no hidden fees"
-                ]
               },
               {
                 id: "step2",
-                label: "02",
                 title: "Schedule Viewing & Due Diligence",
-                items: [
+                content: "Private showings with property advisors. Legal compliance verification. Investment ROI analysis (if applicable). Professional inspection support."
-                  "Private showings with property advisors",
-                  "Legal compliance verification",
-                  "Investment ROI analysis (if applicable)",
-                  "Professional inspection support"
-                ]
               },
               {
                 id: "step3",
-                label: "03",
                 title: "Complete Purchase or Lease Agreement",
-                items: [
+                content: "Secure transaction handling. Legal documentation assistance. Dedicated support throughout process. Post-purchase advisory services."
-                  "Secure transaction handling",
-                  "Legal documentation assistance",
-                  "Dedicated support throughout process",
-                  "Post-purchase advisory services"
-                ]
               }
             ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138951-siri0kwa.jpg"
+            imageAlt="Real estate process"
             animationType="opacity"
             textboxLayout="default"
             useInvertedBackground="noInvert"
@@ -276,41 +246,28 @@ export default function LandingPage() {
               {
                 id: "1",
                 value: "1,500+",
-                title: "Satisfied Clients",
+                description: "Satisfied Clients - Investors, families, and businesses who trusted us"
-                description: "Investors, families, and businesses who trusted us",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713944580-t50bl2q8.jpg",
-                imageAlt: "Happy clients at property"
               },
               {
                 id: "2",
                 value: "14 Days",
-                title: "Average Deal Time",
+                description: "Average Deal Time - From viewing to closing agreement completed"
-                description: "From viewing to closing agreement completed",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713945061-ghf2enkw.jpg",
-                imageAlt: "Fast transaction process"
               },
               {
                 id: "3",
                 value: "$2.4B+",
-                title: "Total Transactions",
+                description: "Total Transactions - Value of properties successfully sold and leased"
-                description: "Value of properties successfully sold and leased",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713945515-m0fhkwxh.jpg",
-                imageAlt: "Large transaction portfolio"
               },
               {
                 id: "4",
                 value: "45+",
-                title: "Cities Worldwide",
+                description: "Cities Worldwide - Global coverage with local expertise in every market"
-                description: "Global coverage with local expertise in every market",
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704143191-84klapap.jpg",
-                imageAlt: "International coverage"
               }
             ]}
             animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground="noInvert"
             textBoxTitleClassName="text-4xl md:text-5xl font-bold"
-            valueClassName="text-5xl md:text-6xl font-bold"
           />
         </div>
       </div>
@@ -449,4 +406,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}