Merge version_8 into main

Merge version_8 into main

src/app/layout.tsx

@@ -1258,4 +1258,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -2,7 +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 TextAbout from '@/components/sections/about/TextAbout';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -21,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
@@ -33,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={[
             {
@@ -44,19 +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"
+            },
+            {
+              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"
             }
           ]}
-          autoplayDelay={4000}
+          autoPlay={true}
-          showDimOverlay={true}
+          autoPlayInterval={4000}
         />
       </div>
 
@@ -294,4 +303,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}