Merge version_8 into main

Merge version_8 into main

src/app/page.tsx

@@ -2,8 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import TextAbout from '@/components/sections/about/TextAbout';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -22,7 +21,7 @@ export default function LandingPage() {
       cardStyle="layered-gradient"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleMinimal
@@ -34,8 +33,8 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
+        <HeroBillboardRotatedCarousel
-          logoText="TRADVIO"
+          title="TRADVIO"
           description="Discover how hundreds of creators are getting paid $3K+/mo promoting Tradvio on TikTok & Instagram by posting 20-second videos"
           buttons={[
             {
@@ -45,31 +44,28 @@ export default function LandingPage() {
               text: "Learn More",              href: "about"
             }
           ]}
-          slides={[
+          carouselItems={[
             {
-              imageSrc: "https://img.b2bpic.net/free-photo/young-content-creator-using-cellphone-film-room-tour-subscribers_482257-118706.jpg",              imageAlt: "Creator making content on TikTok"
+              id: "1",              videoSrc: "https://img.b2bpic.net/free-photo/businessman-smiling-looking-his-smartphone-colleague-working-back_482257-32819.jpg"
             },
             {
-              imageSrc: "https://img.b2bpic.net/free-photo/influencer-presenting-best-smartphones-market_482257-122913.jpg",              imageAlt: "Creator celebrating earnings"
+              id: "2",              videoSrc: "https://img.b2bpic.net/free-photo/bitcoin-coin-keyboard-with-nice-background-crypto-money-concept_169016-61045.jpg"
             },
             {
-              imageSrc: "https://img.b2bpic.net/free-photo/vlogger-showcases-charging-device-specs-recording-with-phone_482257-124357.jpg",              imageAlt: "Trading charts and financial growth"
+              id: "3",              videoSrc: "https://img.b2bpic.net/free-photo/professional-enterprise-workstation-inside-multinational-company-control-room_482257-88605.jpg"
-            }
+            },
-          ]}
-          autoplayDelay={4000}
-          showDimOverlay={true}
-        />
-        <HeroBillboardScroll
-          title="Watch Your Success Scroll"
-          description="Experience smooth, performant animations as you scroll through real creator success stories"
-          tag="Gallery Preview"
-          imageSrc="https://img.b2bpic.net/free-photo/young-content-creator-using-cellphone-film-room-tour-subscribers_482257-118706.jpg"
-          imageAlt="Creator dashboard and earnings visualization"
-          buttons={[
             {
-              text: "Explore Gallery",              href: "top-creators"
+              id: "4",              videoSrc: "https://img.b2bpic.net/free-photo/businessman-carrying-phone-conversation-with-his-feet-table-colleague-working-back_482257-32831.jpg"
+            },
+            {
+              id: "5",              videoSrc: "https://img.b2bpic.net/free-photo/top-view-business-items-with-growth-chart-hands-fists_23-2148780564.jpg"
+            },
+            {
+              id: "6",              videoSrc: "https://img.b2bpic.net/free-photo/businessman-smiling-looking-his-smartphone-colleague-working-back_482257-32819.jpg"
             }
           ]}
+          autoPlay={true}
+          autoPlayInterval={4000}
         />
       </div>