Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -7,8 +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 MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -42,15 +41,16 @@ 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."
+      <HeroBillboard
+      background={{ variant: "radial-gradient" }}
+      title="AI-Powered Business Intelligence 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="SEER"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZW8ZRV4HS9yTZrhVmab2S01/uploaded-1777400988774-8ebbjql1.png"
       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"
     />
   </div>
 
@@ -86,23 +86,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "m1", value: "$10.38M", description: "Trailing 12 Months Revenue" },
-        { id: "m2", value: "$2.03M", description: "Total Operating Income" },
-        { id: "m3", value: "19.6%", description: "Operating Margin" },
-        { id: "m4", value: "$2.07M", description: "Net Income" },
-      ]}
-      title="Data-Driven Success Metrics"
-      description="Clear visualization of key performance indicators that matter to the C-Suite."
-    />
-  </div>
-
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFive
       textboxLayout="split"