"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="large"
      background="radialGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Tradvio"
          button={{
            text: "Join Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="TRADVIO"
          description="Discover how hundreds of creators are getting paid $3K+/mo promoting Tradvio on TikTok & Instagram by posting 20-second videos"
          buttons={[
            {
              text: "Get Started",              href: "contact"
            },
            {
              text: "Learn More",              href: "about"
            }
          ]}
          slides={[
            {
              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"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/influencer-presenting-best-smartphones-market_482257-122913.jpg",              imageAlt: "Creator celebrating earnings"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/vlogger-showcases-charging-device-specs-recording-with-phone_482257-124357.jpg",              imageAlt: "Trading charts and financial growth"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="What is Tradvio? A simple, proven way for creators to earn consistent income by reacting to live trades and market movements"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Join the Community",              href: "contact"
            }
          ]}
        />
      </div>

      <div id="top-creators" data-section="top-creators">
        <TeamCardFive
          team={[
            {
              id: "1",              name: "Creator Name",              role: "Top Performer - $8,500+/mo",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-front-digital-camera-cosy-set-up-recording-video_1258-255235.jpg"
            },
            {
              id: "2",              name: "Creator Name",              role: "Rising Star - $5,200+/mo",              imageSrc: "https://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050240.jpg"
            },
            {
              id: "3",              name: "Creator Name",              role: "Consistent Earner - $4,100+/mo",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-ring-light_23-2149418084.jpg"
            }
          ]}
          title="Our Top Creators"
          description="Real creators making real money on Tradvio. These are our top performers earning consistent monthly payouts"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="payouts" data-section="payouts">
        <ProductCardTwo
          products={[
            {
              id: "1",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$3,200",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/word-money-with-silver-coins_23-2147965715.jpg"
            },
            {
              id: "2",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$4,800",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/hand-putting-coin-inside-jar_23-2148081097.jpg"
            },
            {
              id: "3",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$5,600",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/banknotes-financial-information_1232-138.jpg"
            },
            {
              id: "4",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$3,900",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/finance-accounting-concept-business-woman-working-desk_1150-20635.jpg"
            },
            {
              id: "5",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$6,200",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/plant-growing-savings-coins_1150-17712.jpg"
            },
            {
              id: "6",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$4,100",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-man-filming-his-video-blog-episode-about-new-tech-devices-while-sitting-kitchen-table-with-laptop-showing-bunch-money-banknotes_171337-5530.jpg"
            },
            {
              id: "7",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$7,300",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/arrangement-pile-coins-with-finance-word_23-2148783079.jpg"
            },
            {
              id: "8",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$3,700",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-finances-elements-composition_23-2148793730.jpg"
            },
            {
              id: "9",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$5,100",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/man-mobile-people-background-business_1150-1661.jpg"
            },
            {
              id: "10",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$4,500",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-economy-concept-with-copy-space_23-2148547964.jpg"
            },
            {
              id: "11",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$6,800",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/smart-discussing-meeting-report-phone_1150-1775.jpg"
            },
            {
              id: "12",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$3,300",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-standing-blackboard-with-drawn-dollar-concept_176420-2951.jpg"
            },
            {
              id: "13",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$5,400",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-top-view-office-table-desk-workspace-background_1150-6857.jpg"
            },
            {
              id: "14",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$4,200",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-twisted-100-dollar-bills-finance-concept-background_169016-61899.jpg"
            },
            {
              id: "15",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$7,100",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-standing-blackboard-with-drawn-dollar-concept_176420-2950.jpg"
            },
            {
              id: "16",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$3,800",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/happy-woman-wearing-black-glasses-showing-money_1268-14438.jpg"
            },
            {
              id: "17",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$5,700",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-standing-blackboard-with-drawn-dollar-concept_176420-2949.jpg"
            },
            {
              id: "18",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$4,600",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-twisted-100-dollar-bills-finance-concept-background_169016-62866.jpg"
            },
            {
              id: "19",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$6,400",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-businesswoman-holding-money-sitting-table-workplace_176420-6996.jpg"
            },
            {
              id: "20",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$3,600",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-standing-blackboard-with-drawn-dollar-concept_176420-2952.jpg"
            },
            {
              id: "21",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$5,900",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-4752.jpg"
            },
            {
              id: "22",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$4,300",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-businesswoman-holding-money-sitting-table-workplace_176420-6998.jpg"
            },
            {
              id: "23",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$7,200",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/savings-elderly-people-currency-person_1150-1655.jpg"
            },
            {
              id: "24",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$3,500",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/jar-with-rolled-banknotes-table-laptop-papers-woman-background_1268-17479.jpg"
            },
            {
              id: "25",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$5,800",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/unrecognisable-woman-sitting-messy-desk_23-2148372131.jpg"
            },
            {
              id: "26",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$4,700",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-businesswoman-holding-money-sitting-table-workplace_176420-6997.jpg"
            },
            {
              id: "27",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$6,600",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-dollar-bills-male-hands-concept-making-money-working_169016-26910.jpg"
            },
            {
              id: "28",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$3,900",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/jar-with-rolled-banknotes-table-laptop-papers-woman-background_1268-17480.jpg"
            },
            {
              id: "29",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$5,500",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/money-word-alphabet-wooden-cube-letters-placed-gold-coin_1150-19615.jpg"
            },
            {
              id: "30",              brand: "Earnings Sample",              name: "Creator Payout Example",              price: "$7,400",              rating: 5,
              reviewCount: "Monthly",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-coins-jar-table-with-pesos-lights_181624-23260.jpg"
            }
          ]}
          title="Creator Payouts"
          description="Real earnings from real creators. We pay $3.00 per 1k views with consistent monthly payouts. Every creator has the potential to earn like this"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          carouselMode="auto"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to join hundreds of creators earning on Tradvio? Sign up for our invite-only community and start creating content today"
          animationType="entrance-slide"
          buttons={[
            {
              text: "Join via Email",              href: "https://tradvio.example.com/email-signup"
            },
            {
              text: "Join Discord Community",              href: "https://discord.gg/tradvio"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/businessman-talking-phone-with-his-feet-table-moon-light_482257-32830.jpg"
          imageAlt="Tradvio community of successful creators"
          logoText="Tradvio"
          copyrightText="© 2025 Tradvio | All rights reserved"
          columns={[
            {
              title: "Product",              items: [
                {
                  label: "Features",                  href: "#features"
                },
                {
                  label: "Pricing",                  href: "#pricing"
                },
                {
                  label: "Creator Program",                  href: "#creators"
                }
              ]
            },
            {
              title: "Community",              items: [
                {
                  label: "Discord",                  href: "https://discord.gg/tradvio"
                },
                {
                  label: "Creator Stories",                  href: "#creators"
                },
                {
                  label: "Resources",                  href: "#resources"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About",                  href: "#about"
                },
                {
                  label: "Contact",                  href: "#contact"
                },
                {
                  label: "Privacy Policy",                  href: "#privacy"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}