"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { BarChart3, Crown, HelpCircle, Shield, Sparkles, Target, TrendingUp } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="medium"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="E-Business Zone"
          navItems={[
            { name: "Programs", id: "programs" },
            { name: "Why Us", id: "why-us" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Start Earning", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Master the Global Market. Build Your Empire."
          description="The premier institute for Amazon, Shopify, and Dropshipping mastery. Join the elite earners today and transform your ambitions into measurable results."
          tag="Elite Program"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Our Programs", href: "#programs" },
            { text: "Watch Success Stories", href: "#testimonials" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/close-up-photo-senior-man-sitting-modern-cafe-shop-lunch-time-reading-diagram_496169-338.jpg"
          imageAlt="Executive Dashboard"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          background={{ variant: "glowing-orb" }}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="We specialize in the platforms that matter. Master the ecosystems where real money is made."
          names={["Amazon", "Shopify", "Stripe"]}
          logos={[
            "http://img.b2bpic.net/free-vector/online-shopping-concept-computer-screen_1025-773.jpg",            "http://img.b2bpic.net/free-vector/gradient-e-commerce-logos-pack_23-2148954745.jpg",            "http://img.b2bpic.net/free-vector/abstract-lineal-logo-template_23-2148467968.jpg"
          ]}
          tag="Platform Expertise"
          tagIcon={Shield}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          showCard={true}
        />
      </div>

      <div id="programs" data-section="programs">
        <ProductCardTwo
          title="The Twin Pillars of Success"
          description="Choose your path to profitability. Both programs are designed for serious entrepreneurs ready to scale."
          tag="Core Programs"
          tagIcon={Target}
          tagAnimation="slide-up"
          buttons={[{ text: "Explore Curriculum" }]}
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          products={[
            {
              id: "amazon",              brand: "E-Business Zone",              name: "Amazon Masterclass",              price: "Premium Access",              rating: 5,
              reviewCount: "500+",              imageSrc: "http://img.b2bpic.net/free-vector/influencer-marketing-concept-with-finger-pointing_23-2147682195.jpg",              imageAlt: "Amazon FBA"
            },
            {
              id: "shopify",              brand: "E-Business Zone",              name: "Shopify Direct",              price: "Premium Access",              rating: 5,
              reviewCount: "480+",              imageSrc: "http://img.b2bpic.net/free-vector/online-shopping-concept-landing-page_23-2148250587.jpg",              imageAlt: "Shopify Store"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Why E-Business Zone Is Different"
          description="We don't sell dreams. We architect results. Our methodology combines academic rigor with practical execution."
          tag="The Executive Edge"
          tagIcon={Crown}
          tagAnimation="opacity"
          buttons={[{ text: "Start Your Journey" }]}
          buttonAnimation="blur-reveal"
          accordionItems={[
            {
              id: "mentorship",              title: "1-on-1 Mentorship",              content: "Direct access to successful entrepreneurs who have built 6-7 figure businesses. Get personalized strategy, real-time feedback, and insider knowledge that shortcuts your learning curve."
            },
            {
              id: "case-studies",              title: "Real-World Case Studies",              content: "Learn from actual revenue data. Every module is backed by live student case studies showing exact tactics, funnels, and conversions. See what works and what doesn't."
            },
            {
              id: "community",              title: "Lifetime Community Access",              content: "Join an elite network of serious entrepreneurs. Access exclusive resources, collaborate on deals, share wins, and stay updated with the latest platform changes and strategies."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-vector/leader-logo_1025-446.jpg"
          imageAlt="Premium Mentorship"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
          mediaPosition="left"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Student Wins That Prove Results"
          description="Real people. Real businesses. Real revenue. These are our students' unfiltered testimonials."
          textboxLayout="split"
          useInvertedBackground={false}
          tag="Proven Success"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          buttonAnimation="blur-reveal"
          testimonials={[
            {
              id: "1",              title: "Best institute for those who want to earn online",              quote: "E-Business Zone transformed my understanding of Amazon FBA. Within 6 months, I scaled from zero to $50K monthly revenue. The mentorship and real case studies made all the difference.",              name: "Sub4unlock",              role: "Amazon FBA Seller",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-mature-businessman-outdoors_23-2147955297.jpg",              imageAlt: "Sub4unlock"
            },
            {
              id: "2",              title: "Game-changing education for entrepreneurs",              quote: "The Shopify Direct program gave me the exact blueprint I needed. My store is now generating consistent $30K+ monthly. The community support kept me accountable.",              name: "Sarah Johnson",              role: "Shopify Store Owner",              imageSrc: "http://img.b2bpic.net/free-vector/professional-business-woman-posing-with-folded-hands_10045-815.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "3",              title: "Worth every penny, backed by real mentors",              quote: "Having a mentor who actually built multi-million dollar businesses changed everything. No theory, just proven tactics. My profit margins went from 15% to 40%.",              name: "Michael Chen",              role: "Ecommerce Entrepreneur",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "4",              title: "Elite education for serious sellers",              quote: "This isn't your typical online course. The case studies alone are worth the investment. I've made back 10x my enrollment fee in the first quarter.",              name: "Aisha Patel",              role: "Multi-Platform Seller",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Aisha Patel"
            },
            {
              id: "5",              title: "Premium mentorship that delivers",              quote: "The lifetime community access means I'm never stuck. New updates, new strategies, new opportunities. E-Business Zone keeps evolving just like my business.",              name: "David Kim",              role: "Amazon & Shopify Seller",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg",              imageAlt: "David Kim"
            },
            {
              id: "6",              title: "The education platform I wish existed earlier",              quote: "Finally, a platform that combines real mentorship with practical execution. No fluff, no hype. Just results-driven education for serious entrepreneurs.",              name: "Jessica Martinez",              role: "Dropshipping Expert",              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg",              imageAlt: "Jessica Martinez"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Your Success, By The Numbers"
          description="These metrics represent real student outcomes. Not estimates. Actual revenue generated by our community."
          tag="Proven Impact"
          tagIcon={BarChart3}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          buttons={[{ text: "Join the Elite", href: "#contact" }]}
          buttonAnimation="blur-reveal"
          metrics={[
            {
              id: "students",              title: "Active Students",              subtitle: "Enrolled & Learning",              category: "Community",              value: "5,000+",              buttons: []
            },
            {
              id: "revenue",              title: "Student Revenue Generated",              subtitle: "Last 12 Months",              category: "Impact",              value: "$25M+",              buttons: []
            },
            {
              id: "avg-income",              title: "Average Monthly Income",              subtitle: "Per Active Seller",              category: "Performance",              value: "$45K",              buttons: []
            },
            {
              id: "success-rate",              title: "Success Rate",              subtitle: "Students Earning $10K+",              category: "Achievement",              value: "87%",              buttons: []
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions. Clear Answers."
          description="Everything you need to know about joining the elite circle of serious entrepreneurs."
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="opacity"
          buttons={[{ text: "Still Have Questions?", href: "#contact" }]}
          buttonAnimation="blur-reveal"
          faqs={[
            {
              id: "1",              title: "Is this for beginners or experienced sellers?",              content: "Both. Our curriculum is designed to take you from zero to hero if you're new, or to scale existing businesses if you're already selling. Personalized paths ensure you get value regardless of your level."
            },
            {
              id: "2",              title: "How long before I see results?",              content: "Most students see their first sales within 4-6 weeks. Significant income ($5K+ monthly) typically comes within 3-4 months of consistent application. Results depend on your execution speed."
            },
            {
              id: "3",              title: "What's included in lifetime community access?",              content: "Direct access to mentors, monthly workshops, live Q&A sessions, resource library, case study database, and networking events. You stay connected and updated forever."
            },
            {
              id: "4",              title: "Do you offer refunds?",              content: "We're confident in our program. 30-day money-back guarantee if you're not satisfied. But most students see value in the first week alone."
            },
            {
              id: "5",              title: "Is there WhatsApp support?",              content: "Yes. Our WhatsApp community provides instant support. Questions about implementation, strategy, or platform changes get answered within 24 hours."
            },
            {
              id: "6",              title: "Can I access from Pakistan?",              content: "Absolutely. Our platform works globally. Many of our top students are based in Pakistan and beyond. Currency conversions and local payment options are available."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-vector/dashboard-user-panel_23-2148370944.jpg"
          imageAlt="Success Metrics"
          mediaAnimation="opacity"
          mediaPosition="right"
          faqsAnimation="slide-up"
          textboxLayout="split"
          useInvertedBackground={false}
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="E-Business Zone"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms & Conditions", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}