"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Giveaways",          id: "#giveaways"},
        {
          name: "VIP Plan",          id: "#vip-plans"},
        {
          name: "Tournaments",          id: "#tournaments"},
        {
          name: "Winners",          id: "#winners"},
        {
          name: "FAQs",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/shopping-cart-with-bubbles-geometric-shapes-3d-style_23-2152026895.jpg"
      logoAlt="The Drop Chronicle logo"
      brandName="The Drop Chronicle"
      button={{
        text: "Join Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "animated-grid"}}
      title="Join The Ultimate Trading & Giveaway Community"
      description="Unlock exclusive signals, premium giveaways, and funded opportunities. Elevate your trading journey with The Drop Chronicle."
      buttons={[
        {
          text: "Join Telegram",          href: "#"},
        {
          text: "Get VIP Access",          href: "#vip-plans"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172434.jpg",          imageAlt: "Futuristic trading dashboard interface"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-gift-box-with-golden-balloon_187299-48036.jpg",          imageAlt: "Giveaway section with Join Now button"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036886.jpg",          imageAlt: "VIP membership dashboard"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-geometric_1048-13693.jpg",          imageAlt: "Animated logo of The Drop Chronicle"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30670.jpg",          imageAlt: "Live stats with animated numbers"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-lights-ceiling_53876-95412.jpg",          imageAlt: "Close-up on virtual trading chart"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "1",          value: "100K+",          title: "Total Members",          items: [
            "Across all platforms",            "Growing daily"],
        },
        {
          id: "2",          value: "500+",          title: "Active Giveaways",          items: [
            "Monthly free & premium",            "High-value prizes"],
        },
        {
          id: "3",          value: "10K+",          title: "VIP Members",          items: [
            "Exclusive access",            "Priority support"],
        },
        {
          id: "4",          value: "$1M+",          title: "Funded Accounts Distributed",          items: [
            "Life-changing opportunities",            "Empowering traders"],
        },
      ]}
      title="Community Power in Numbers"
      description="See how The Drop Chronicle empowers its members with real-time stats and growth."
    />
  </div>

  <div id="giveaways" data-section="giveaways">
      <FeatureCardSixteen
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Telegram Join Required",          "Free Entry",          "Countdown Timer",          "Entry Tracking"],
      }}
      positiveCard={{
        items: [
          "Higher Rewards",          "VIP Access",          "Bonus Entries",          "Lucky Draw System",          "Automatic Winner Selection",          "Live Results",          "Entry Verification"],
      }}
      title="Free vs. Premium Giveaways"
      description="Discover the different ways to win with The Drop Chronicle, from free entries to exclusive VIP opportunities."
    />
  </div>

  <div id="vip-plans" data-section="vip-plans">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "monthly-vip",          title: "Monthly VIP",          price: "$99",          period: "/month",          features: [
            "Signal Access",            "Premium Giveaways",            "Funded Opportunities",            "Basic Support"],
          button: {
            text: "Start Monthly",            href: "#"},
          imageSrc: "http://img.b2bpic.net/free-photo/pink-iridescent-texture-background_23-2151839355.jpg",          imageAlt: "Monthly VIP Plan"},
        {
          id: "quarterly-vip",          title: "Quarterly VIP",          price: "$249",          period: "/quarter",          features: [
            "Everything in Monthly",            "Extra Rewards",            "Priority Support",            "Early Access"],
          button: {
            text: "Go Quarterly",            href: "#"},
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898150.jpg",          imageAlt: "Quarterly VIP Plan"},
        {
          id: "yearly-vip",          title: "Yearly VIP",          price: "$799",          period: "/year",          features: [
            "Lifetime Style Benefits",            "Highest Priority Support",            "Dedicated Account Manager",            "Exclusive Mentorship"],
          button: {
            text: "Commit Yearly",            href: "#"},
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-holding-crystal-ball_23-2149413285.jpg",          imageAlt: "Yearly VIP Plan"},
      ]}
      title="Unlock Your VIP Potential"
      description="Choose a VIP plan tailored to your trading and giveaway ambitions, with exclusive benefits and priority access."
    />
  </div>

  <div id="tournaments" data-section="tournaments">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "tournament-1",          name: "Daily Trading Challenge",          price: "Free Entry",          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-credit-card-shopping_23-2152027052.jpg",          imageAlt: "Daily Trading Challenge"},
        {
          id: "tournament-2",          name: "Weekly Futures Cup",          price: "$50 Entry",          imageSrc: "http://img.b2bpic.net/free-photo/gold-bull-backgrounds-graphics-elements-related-financial-sector_23-2151807626.jpg",          imageAlt: "Weekly Futures Cup"},
        {
          id: "tournament-3",          name: "Monthly Options Masters",          price: "$100 Entry",          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370367.jpg",          imageAlt: "Monthly Options Masters"},
        {
          id: "tournament-4",          name: "Annual Crypto Royale",          price: "$250 Entry",          imageSrc: "http://img.b2bpic.net/free-photo/2023-new-year-celebration_23-2150161905.jpg",          imageAlt: "Annual Crypto Royale"},
        {
          id: "tournament-5",          name: "Beginner Trading League",          price: "Free Entry",          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-bitcoin-illustration_23-2151611157.jpg",          imageAlt: "Beginner Trading League"},
        {
          id: "tournament-6",          name: "Strategy Showdown",          price: "$75 Entry",          imageSrc: "http://img.b2bpic.net/free-vector/flat-vertical-poster-template-back-school-season_23-2150606097.jpg",          imageAlt: "Strategy Showdown"},
      ]}
      title="Active Trading Tournaments"
      description="Compete against the best, climb the leaderboard, and win big in our exciting trading competitions."
    />
  </div>

  <div id="winners" data-section="winners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "TradeMasterX",        "ProfitPioneer",        "AlphaTrader",        "CryptoKing",        "MarketMaverick",        "ForexPhenom",        "DropHunter",        "SignalSage",        "WealthWielder"]}
      title="Hall of Fame: Our Champions"
      description="Celebrating the traders and participants who have triumphed in our giveaways and tournaments."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How do I join a giveaway?",          content: "To join a free giveaway, simply connect your Telegram account. For premium giveaways, you'll need an active VIP membership."},
        {
          id: "faq-2",          title: "What are VIP membership benefits?",          content: "VIP members get exclusive access to premium signals, higher-value giveaways, funded account opportunities, priority support, and special bonuses."},
        {
          id: "faq-3",          title: "How are giveaway winners selected?",          content: "Winners are selected automatically through a transparent lucky draw system, ensuring fairness. Results are announced live."},
        {
          id: "faq-4",          title: "Can I upgrade my VIP plan?",          content: "Yes, you can upgrade your VIP plan at any time through your user dashboard. The system will automatically adjust your current subscription."},
        {
          id: "faq-5",          title: "What kind of trading signals do you provide?",          content: "Our signals cover various markets, including crypto and forex, provided by experienced analysts. VIP members get access to a wider range of signals and analysis."},
        {
          id: "faq-6",          title: "Is The Drop Chronicle suitable for beginners?",          content: "Absolutely! We offer resources and a supportive community for traders of all levels, including beginner-friendly giveaways and educational content."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about The Drop Chronicle, giveaways, VIP plans, and more."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch With Us"
      description="Have questions or need support? Reach out to The Drop Chronicle team."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/view-woman-wearing-purple-scarf-women-s-day-celebration_23-2151257622.jpg"
      imageAlt="Customer support interface"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9399.jpg"
      imageAlt="Abstract neon pink and purple background"
      logoText="The Drop Chronicle"
      columns={[
        {
          title: "Community",          items: [
            {
              label: "Giveaways",              href: "#giveaways"},
            {
              label: "Tournaments",              href: "#tournaments"},
            {
              label: "Winners Hall",              href: "#winners"},
          ],
        },
        {
          title: "Membership",          items: [
            {
              label: "VIP Plans",              href: "#vip-plans"},
            {
              label: "Referral System",              href: "#"},
            {
              label: "Achievement System",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQs",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Live Chat",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 The Drop Chronicle. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
