Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -43,51 +43,27 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitKpi
+      <HeroBillboard
       background={{
         variant: "gradient-bars"}}
       title="Your Energy, Smarter."
       description="Optimize your home consumption and transition to renewable energy sources with real-time insights."
-      kpis={[
-        {
-          value: "12%",          label: "Energy Saved"},
-        {
-          value: "$45",          label: "Monthly Cost Reduction"},
-        {
-          value: "2t",          label: "Carbon Footprint Offset"},
-      ]}
-      enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/trading-manager-working-with-stock-market-diagrams-looking-real-time-stattistics-trend-with-forex-exchange-profit-rate-analyzing-hedge-fund-index-global-money-investment-laptop_482257-50292.jpg?_wi=1"
       mediaAnimation="slide-up"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-stylish-bearded-man-with-hairstyle-sunglasses-gray-suit-pink-shirt-posing-studio-isolated-gray-background_613910-4076.jpg", alt: "User 1" },
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-stylish-bearded-man-with-hairstyle-sunglasses-gray-suit-pink-shirt-posing-studio-isolated-gray-background_613910-4076.jpg",          alt: "User 1"},
+        { src: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg", alt: "User 2" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg", alt: "User 3" },
-          src: "http://img.b2bpic.net/free-photo/upbeat-admin-content-with-installed-fortified-code-preventing-cyberattacks_482257-121817.jpg",          alt: "User 2"},
+        { src: "http://img.b2bpic.net/free-photo/portrait-trendy-attractive-young-unshaven-european-man-green-vest-snapback-posing-brown-reel-outdoors-waiting-his-date-having-worried-nervous-facial-expression_343059-2783.jpg", alt: "User 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-brunette-female-sunglasses-holds-tablet-pc-drinks-coffee-green-summer-park_613910-2222.jpg", alt: "User 5" },
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",          alt: "User 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-trendy-attractive-young-unshaven-european-man-green-vest-snapback-posing-brown-reel-outdoors-waiting-his-date-having-worried-nervous-facial-expression_343059-2783.jpg",          alt: "User 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-attractive-brunette-female-sunglasses-holds-tablet-pc-drinks-coffee-green-summer-park_613910-2222.jpg",          alt: "User 5"},
       ]}
       avatarText="Join 10,000+ eco-conscious homeowners"
       marqueeItems={[
-        {
+        { type: "text", text: "Solar Ready" },
-          type: "text-icon",          text: "Solar Ready",          icon: Sun,
+        { type: "text", text: "Grid Stable" },
-        },
+        { type: "text", text: "Carbon Neutral" },
-        {
+        { type: "text", text: "Real-time AI" },
-          type: "text-icon",          text: "Grid Stable",          icon: Zap,
+        { type: "text", text: "Cost Efficient" },
-        },
-        {
-          type: "text-icon",          text: "Carbon Neutral",          icon: Leaf,
-        },
-        {
-          type: "text-icon",          text: "Real-time AI",          icon: Gauge,
-        },
-        {
-          type: "text-icon",          text: "Cost Efficient",          icon: TrendingDown,
-        },
       ]}
     />
   </div>