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 NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
 import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
@@ -44,7 +44,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitTestimonial
+        <HeroBillboardGallery
           title="Build Apps in Minutes, Not Months"
           description="Describe your app idea in plain English. Our AI generates production-ready code, UI screens, and a live preview—no design or coding required."
           tag="AI-Powered"
@@ -55,27 +55,25 @@ export default function LandingPage() {
             { text: "View Demo", href: "#how-it-works" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-sleek-modern-ai-powered-app-generator--1773277643649-68d2846c.png"
+          mediaItems={[
-          imageAlt="AI App Generator Dashboard"
-          mediaAnimation="blur-reveal"
-          imagePosition="right"
-          testimonials={[
             {
-              name: "Sarah Chen",              handle: "Founder, TechFlow",              testimonial: "Reduced our app development time from 6 months to just 2 weeks. Incredible value.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-sleek-modern-ai-powered-app-generator--1773277643649-68d2846c.png",              imageAlt: "AI App Generator Dashboard"
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-professional-headshot-of-a-diverse-fem-1773277643158-ed8445ee.png"
             },
             {
-              name: "Michael Rodriguez",              handle: "CTO, InnovateLab",              testimonial: "The code quality is production-ready. No surprises, just solid applications.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-realistic-iphone-mockup-showing-the-ge-1773277643575-4e6cb368.png?_wi=1",              imageAlt: "Mobile app preview on iPhone"
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-professional-headshot-of-a-diverse-mal-1773277643343-3b32ff57.png"
             },
             {
-              name: "Emma Thompson",              handle: "Design Director, CreativeStudio",              testimonial: "Finally, designers can validate ideas without waiting for developers. Game-changing.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-realistic-ipad-tablet-mockup-displayin-1773277643935-01863d65.png?_wi=1",              imageAlt: "Tablet app preview on iPad"
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-professional-headshot-of-a-diverse-fem-1773277642513-ee75b5cd.png"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-desktop-web-browser-mockup-showing-the-1773277645516-55cf92e0.png?_wi=1",              imageAlt: "Desktop web app preview"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-modern-abstract-background-suitable-fo-1773277643036-2d02a055.png?_wi=1",              imageAlt: "Modern abstract background"
             }
           ]}
-          testimonialRotationInterval={5000}
+          mediaAnimation="blur-reveal"
-          useInvertedBackground={false}
+          background={{ variant: "radial-gradient" }}
-          background={{ variant: "glowing-orb" }}
         />
       </div>
 
@@ -146,13 +144,16 @@ export default function LandingPage() {
           tagIcon={Smartphone}
           products={[
             {
-              id: "mobile",              brand: "Preview",              name: "Mobile App Preview",              price: "iPhone & Android",              rating: 5,              reviewCount: "Responsive",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-realistic-iphone-mockup-showing-the-ge-1773277643575-4e6cb368.png",              imageAlt: "Mobile app preview on iPhone"
+              id: "mobile",              brand: "Preview",              name: "Mobile App Preview",              price: "iPhone & Android",              rating: 5,
+              reviewCount: "Responsive",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-realistic-iphone-mockup-showing-the-ge-1773277643575-4e6cb368.png?_wi=2",              imageAlt: "Mobile app preview on iPhone"
             },
             {
-              id: "tablet",              brand: "Preview",              name: "Tablet App Preview",              price: "iPad & Tablets",              rating: 5,              reviewCount: "Optimized",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-realistic-ipad-tablet-mockup-displayin-1773277643935-01863d65.png",              imageAlt: "Tablet app preview on iPad"
+              id: "tablet",              brand: "Preview",              name: "Tablet App Preview",              price: "iPad & Tablets",              rating: 5,
+              reviewCount: "Optimized",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-realistic-ipad-tablet-mockup-displayin-1773277643935-01863d65.png?_wi=2",              imageAlt: "Tablet app preview on iPad"
             },
             {
-              id: "desktop",              brand: "Preview",              name: "Desktop Web Preview",              price: "Full Width",              rating: 5,              reviewCount: "Enhanced",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-desktop-web-browser-mockup-showing-the-1773277645516-55cf92e0.png",              imageAlt: "Desktop web app preview"
+              id: "desktop",              brand: "Preview",              name: "Desktop Web Preview",              price: "Full Width",              rating: 5,
+              reviewCount: "Enhanced",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-desktop-web-browser-mockup-showing-the-1773277645516-55cf92e0.png?_wi=2",              imageAlt: "Desktop web app preview"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -222,7 +223,7 @@ export default function LandingPage() {
           tagIcon={HelpCircle}
           textboxLayout="default"
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-modern-abstract-background-suitable-fo-1773277643036-2d02a055.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ap2STzcImh0GNbQphH8FKBKmmD/a-modern-abstract-background-suitable-fo-1773277643036-2d02a055.png?_wi=2"
           imageAlt="FAQ support visual"
           mediaAnimation="opacity"
           mediaPosition="left"