"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Mentorship",
          id: "#program",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Success",
          id: "#success",
        },
        {
          name: "Apply Now",
          id: "#contact",
        },
      ]}
      brandName="IB Mastery Africa"
      button={{
        text: "WhatsApp Us",
        href: "https://wa.me/27123456789",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "gradient-bars",
      }}
      title="Master the Markets, Build Your Income."
      description="Learn the proven strategy to become a successful Introducing Broker in South Africa and earn between R30,000 and R150,000 per month. No experience? We provide the blueprint."
      testimonials={[
        {
          name: "Thabo M.",
          handle: "@thabom_trader",
          testimonial: "The IB Mastery program changed my life. I hit my first 40k month within 3 months.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-brushing-her-teeth_1368-6198.jpg",
        },
        {
          name: "Sarah D.",
          handle: "@sarah_fx",
          testimonial: "Straight-talking, honest mentorship. Everything you need to scale is inside.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg",
        },
        {
          name: "Mandla K.",
          handle: "@mandla_fx",
          testimonial: "Finally found a system that actually works for the local SA market.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3800.jpg",
        },
        {
          name: "Zanele P.",
          handle: "@zanele_trade",
          testimonial: "I transitioned from a regular 9-to-5 to full-time IB in 6 months.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
        },
        {
          name: "Kabelo T.",
          handle: "@kabelo_broker",
          testimonial: "Highly professional structure. The lead gen methods are absolute gold.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/serious-confident-business-coach-posing-with-arms-folded_74855-3084.jpg",
        },
      ]}
      buttons={[
        {
          text: "Apply for Mentorship",
          href: "#contact",
        },
        {
          text: "WhatsApp Support",
          href: "https://wa.me/27123456789",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-prism-light-concept_23-2148599247.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
          alt: "Portrait of a happy businessman with crossed arms",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-woman-close-window_1098-433.jpg",
          alt: "Smiling woman close to a window",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
          alt: "Happy businessman smiling at camera",
        },
        {
          src: "http://img.b2bpic.net/free-photo/gorgeous-stylish-successful-modern-businesswoman-red-trendy-jacket-smiling_176420-43962.jpg",
          alt: "Gorgeous stylish successful modern businesswoman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
          alt: "Middle age businessman smiling happy",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Forex Trading Success",
        },
        {
          type: "text",
          text: "Financial Freedom",
        },
        {
          type: "text",
          text: "Proven IB Systems",
        },
        {
          type: "text",
          text: "South African Market",
        },
        {
          type: "text",
          text: "Scale Your Income",
        },
      ]}
    />
  </div>

  <div id="problem" data-section="problem">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Tired of the 9-to-5 Grind?"
      description={[
        "Many South Africans are trapped in dead-end jobs while the global forex market prints millions in commissions every day.",
        "You don't need to be a professional trader to win. You just need to be a professional connector.",
        "IB Mastery Africa shows you how to build your own brokerage network from the comfort of home.",
      ]}
    />
  </div>

  <div id="program" data-section="program">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      features={[
        {
          title: "Foundation & Setup",
          description: "Legal structuring and choosing the right broker partnerships.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-desk-celebrating-achievements_1163-5467.jpg",
        },
        {
          title: "Lead Acquisition Mastery",
          description: "Proven social media strategies to find active traders.",
          imageSrc: "http://img.b2bpic.net/free-photo/financial-growth-investment-success_84443-74077.jpg",
        },
        {
          title: "Scaling & Operations",
          description: "Automating your retention so the commissions keep flowing.",
          imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372425.jpg",
        },
      ]}
      title="The 6-Month IB Mastery Roadmap"
      description="A comprehensive, step-by-step mentorship that takes you from beginner to top-tier IB."
    />
  </div>

  <div id="what-learn" data-section="what-learn">
      <FeatureCardOne
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      features={[
        {
          title: "High Ticket Commissions",
          description: "Learn to target and sign traders that generate real volume.",
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-young-man-jumping-happy-expression_1194-4850.jpg",
        },
        {
          title: "Retention Blueprint",
          description: "Stop chasing new leads and start building lifelong recurring income.",
          imageSrc: "http://img.b2bpic.net/free-photo/coin-wooden-table-blurred-nature_1150-17703.jpg",
        },
        {
          title: "Local Market Insight",
          description: "Tactics specifically designed for the South African audience.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116602.jpg",
        },
      ]}
      title="What You Will Achieve"
      description="Your toolkit for sustained success in the South African forex market."
    />
  </div>

  <div id="success" data-section="success">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Lerato K.",
          date: "Jan 2024",
          title: "Student",
          quote: "I started with zero experience. Now I'm consistently making over R45,000 monthly.",
          tag: "IB Mastery",
          avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-prism-light-concept_23-2148599247.jpg",
          imageAlt: "portrait successful entrepreneur",
        },
        {
          id: "2",
          name: "Jaco V.",
          date: "Dec 2023",
          title: "Student",
          quote: "The most transparent mentorship in the industry. Highly recommend.",
          tag: "IB Mastery",
          avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-desk-celebrating-achievements_1163-5467.jpg",
          imageAlt: "portrait successful entrepreneur",
        },
        {
          id: "3",
          name: "Buhle S.",
          date: "Feb 2024",
          title: "Student",
          quote: "Finally found a way to earn real income from home in SA.",
          tag: "IB Mastery",
          avatarSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/financial-growth-investment-success_84443-74077.jpg",
          imageAlt: "portrait successful entrepreneur",
        },
        {
          id: "4",
          name: "Chris B.",
          date: "Mar 2024",
          title: "Student",
          quote: "Scaling is easy when you follow the IB Mastery blueprint.",
          tag: "IB Mastery",
          avatarSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372425.jpg",
          imageAlt: "portrait successful entrepreneur",
        },
        {
          id: "5",
          name: "Tumi M.",
          date: "Apr 2024",
          title: "Student",
          quote: "Legit and professional. Worth every single cent.",
          tag: "IB Mastery",
          avatarSrc: "http://img.b2bpic.net/free-photo/grass-sunny-confidence-white-pose_1134-1275.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/room-with-wooden-desktop-comfortable-chair_116348-96.jpg",
          imageAlt: "portrait successful entrepreneur",
        },
      ]}
      title="Success Stories"
      description="Hear from students who built their own IB businesses."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Essential",
          price: "R4,997",
          subtitle: "Get the fundamentals & launch",
          features: [
            "Full 6-Month Content Access",
            "Community Support",
            "Basic Lead Gen Guide",
          ],
        },
        {
          id: "pro",
          badge: "Most Popular",
          price: "R8,500",
          subtitle: "Full mentorship & support",
          features: [
            "Everything in Basic",
            "1-on-1 Coaching Sessions",
            "Automated Retention Tools",
            "Lead Gen Software Pack",
          ],
        },
      ]}
      title="Choose Your Mentorship Plan"
      description="Your fast track to success in the forex industry."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Do I need experience?",
          content: "No, we cover everything from zero.",
        },
        {
          id: "2",
          title: "Is this a scam?",
          content: "We focus on building a professional IB brokerage business. It is hard work, not a get-rich-quick scheme.",
        },
        {
          id: "3",
          title: "How long until I earn?",
          content: "Results vary, but students often start generating commissions within their first 60-90 days.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/room-with-wooden-desktop-comfortable-chair_116348-96.jpg"
      mediaAnimation="slide-up"
      title="Common Questions"
      description="Everything you need to know about starting."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Ready to change your financial trajectory? Apply for the program today."
      buttons={[
        {
          text: "Apply Now (WhatsApp)",
          href: "https://wa.me/27123456789",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Links",
          items: [
            {
              label: "Mentorship",
              href: "#program",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="IB Mastery Africa"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
