Update src/app/page.tsx

Merge version_8 into main

src/app/page.tsx

@@ -7,11 +7,12 @@ 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 HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 
 export default function LandingPage() {
   return (
@@ -42,15 +43,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>
 
@@ -71,6 +73,23 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="product" data-section="product">
+    <ProductCardThree
+      title="Josephine's Executive Analytical Suite"
+      description="Powerful analytical products designed to accelerate growth."
+      gridVariant="four-items-2x2-equal-grid"
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      products={[
+        { id: "p1", name: "Executive Insight", price: "$99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZW8ZRV4HS9yTZrhVmab2S01/uploaded-1777401369995-f4qdxu35.png" },
+        { id: "p2", name: "Growth Accelerator", price: "$199", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZW8ZRV4HS9yTZrhVmab2S01/uploaded-1777401369995-v3fjfgpd.png" },
+        { id: "p3", name: "Sensitivity Modeling", price: "$299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZW8ZRV4HS9yTZrhVmab2S01/uploaded-1777401369995-5cq5fcwc.png" },
+        { id: "p4", name: "Intelligence Dashboard", price: "$399", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxdZW8ZRV4HS9yTZrhVmab2S01/uploaded-1777401369996-b7f68f1t.png" }
+      ]}
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentySix
       textboxLayout="default"