Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -42,15 +42,19 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="SEER"
-      description="Distilling Complex Financials into Actionable Growth. SEER provides an immediate roadmap to higher profitability, automatically analyzing your financial data to pinpoint and execute the exact levers required for bottom-line growth."
+      <HeroBillboardGallery
+      background={{ variant: "radial-gradient" }}
+      title="Distilling Complex Financials into Actionable Growth"
+      description="SEER accelerates your bottom-line growth by automatically identifying and executing the most critical financial levers, transforming raw data into immediate, scalable profit."
+      tag="AI-Powered Business Intelligence"
       buttons={[
         { text: "Get Started", href: "#contact" },
         { text: "Learn More", href: "#about" },
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZW8ZRV4HS9yTZrhVmab2S01/uploaded-1777399108685-qn4g7s2g.png"
-      imageAlt="SEER Logo"
+      mediaItems={[
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZW8ZRV4HS9yTZrhVmab2S01/uploaded-1777400299254-alrtzv88.png", imageAlt: "SEER Logo" },
+      ]}
+      mediaAnimation="slide-up"
     />
   </div>