Update src/pages/HomePage.tsx

Merge version_8_1778175521002 into main

src/components/sections/hero/HeroSplitMediaGrid.tsx

@@ -30,7 +30,13 @@ const HeroSplitMediaGrid = ({
       <div className="flex flex-col md:flex-row items-center gap-10 md:gap-20 w-content-width mx-auto">
         <div className="w-full md:w-1/2">
           <div className="flex flex-col items-center md:items-start gap-3">
-            <span className="px-3 py-1 mb-1 text-sm card rounded">{tag}</span>
+            <div className="flex items-center gap-3 mb-3 p-3 card rounded-theme">
+              <div className="relative flex items-center justify-center w-4 h-4">
+                <div className="absolute w-full h-full bg-green-500 rounded-full animate-ping"></div>
+                <div className="w-2 h-2 bg-green-500 rounded-full"></div>
+              </div>
+              <span className="text-sm">2,345 people active now</span>
+            </div>
 
             <TextAnimation
               text={title}
@@ -52,13 +58,6 @@ const HeroSplitMediaGrid = ({
               <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
               <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
             </div>
-            <div className="flex items-center gap-3 mt-5 p-3 card rounded-theme">
-              <div className="relative flex items-center justify-center w-4 h-4">
-                <div className="absolute w-full h-full bg-green-500 rounded-full animate-ping"></div>
-                <div className="w-2 h-2 bg-green-500 rounded-full"></div>
-              </div>
-              <span className="text-sm">2,345 people active now</span>
-            </div>
           </div>
         </div>
 

src/pages/HomePage.tsx

@@ -1,7 +1,7 @@
 import ContactCta from '@/components/sections/contact/ContactCta';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
-import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
 import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
 import ProductVariantCards from '@/components/sections/product/ProductVariantCards';
@@ -12,7 +12,7 @@ export default function HomePage() {
   return (
     <>
   <div id="home" data-section="home">
-      <HeroSplitMediaGrid
+      <HeroBillboardCarousel
       tag="Fintech SaaS"
       title="Unlock the Future of Financial Management"
       description="Finflow provides cutting-edge solutions for businesses to streamline operations, enhance security, and drive growth in the digital economy."
@@ -31,6 +31,18 @@ export default function HomePage() {
         {
           imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/another-view-of-a-sleek-dark-fintech-das-1778165802942-0ef804ae.png",
         },
+        {
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/an-abstract-representation-of-complex-fi-1778165803491-13ee1608.png?_wi=1",
+        },
+        {
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-visual-metaphor-for-advanced-financial-1778165802292-f7d22bff.png?_wi=1",
+        },
+        {
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/an-illustration-of-financial-process-aut-1778165804096-d3ea01b2.png?_wi=1",
+        },
+        {
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-visual-concept-for-regulatory-complian-1778165802615-1e994baa.png?_wi=1",
+        },
       ]}
     />
   </div>
@@ -49,25 +61,25 @@ export default function HomePage() {
           title: "Advanced Data Analytics",
           description: "Gain deep insights with real-time analytics and predictive modeling for smarter decisions.",
           buttonIcon: "LineChart",
-          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/an-abstract-representation-of-complex-fi-1778165803491-13ee1608.png",
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/an-abstract-representation-of-complex-fi-1778165803491-13ee1608.png?_wi=2",
         },
         {
           title: "Enterprise-Grade Security",
           description: "Protect your assets with our multi-layered security protocols and blockchain-backed encryption.",
           buttonIcon: "Lock",
-          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-visual-metaphor-for-advanced-financial-1778165802292-f7d22bff.png",
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-visual-metaphor-for-advanced-financial-1778165802292-f7d22bff.png?_wi=2",
         },
         {
           title: "Automated Workflows",
           description: "Streamline operations, reduce manual errors, and free up your team for strategic initiatives.",
           buttonIcon: "Zap",
-          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/an-illustration-of-financial-process-aut-1778165804096-d3ea01b2.png",
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/an-illustration-of-financial-process-aut-1778165804096-d3ea01b2.png?_wi=2",
         },
         {
           title: "Global Regulatory Compliance",
           description: "Stay compliant with ever-evolving financial regulations through automated monitoring and reporting.",
           buttonIcon: "CheckCircle",
-          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-visual-concept-for-regulatory-complian-1778165802615-1e994baa.png",
+          imageSrc: "https://storage.googleapis.com/webild/users/user_3AJoeL1kj3KAGCFdKZaVyRTrBRV/a-visual-concept-for-regulatory-complian-1778165802615-1e994baa.png?_wi=2",
         },
       ]}
     />