Merge pull request 'Merge version_6 into main' (#10) from version_6 into main

Reviewed-on: #10

src/app/page.tsx

@@ -2,9 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import ProductCardSix from '@/components/sections/product/ProductCardSix';
 import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -44,14 +45,25 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroBillboardGallery
           title="Transform Your Impact with Sustainable Solutions"
           description="EcoHub helps organizations track, measure, and amplify their environmental impact with intelligent analytics and real-time insights."
           tag="Eco-Friendly Analytics"
           tagIcon={Leaf}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697692413-ceqqaha8.jpg"
-          imageAlt="EcoHub analytics dashboard interface"
-          frameStyle="browser"
+          images={[
+            {
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697692413-ceqqaha8.jpg",
+              alt: "EcoHub analytics dashboard interface"
+            },
+            {
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704069729-ot0hboat.jpg",
+              alt: "Sustainability tracking interface"
+            },
+            {
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704070987-st10xdul.jpg",
+              alt: "Impact measurement dashboard"
+            }
+          ]}
           buttons={[
             { text: "Start Free Trial", href: "contact" },
             { text: "Watch Demo", href: "features" }
@@ -111,6 +123,41 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="feature-card-six" data-section="feature-card-six">
+        <FeatureCardSix
+          title="Advanced Feature Showcase"
+          description="Deep dive into our platform capabilities"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          features={[
+            {
+              id: 1,
+              title: "Carbon Accounting Precision",
+              description: "Automated calculation of Scope 1, 2, and 3 emissions with verified accuracy.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704073615-140eun3n.jpg",
+              imageAlt: "Carbon accounting interface"
+            },
+            {
+              id: 2,
+              title: "Sustainability Benchmarking",
+              description: "Compare your performance against industry peers and track progress over time.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704075057-ywovh1h1.jpg",
+              imageAlt: "Benchmarking dashboard"
+            },
+            {
+              id: 3,
+              title: "ESG Compliance Automation",
+              description: "Simplify regulatory compliance with automated reporting for TCFD, GRI, and SASB standards.",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704076251-88p8egr2.jpg",
+              imageAlt: "ESG compliance tools"
+            }
+          ]}
+          buttons={[
+            { text: "Request Demo", href: "contact" }
+          ]}
+        />
+      </div>
+
       <div id="products" data-section="products">
         <ProductCardSix
           title="Our Product Suite"