"use client";

import Link from "next/link";
import { Target, Sparkles, Award, CheckCircle, Zap, Crown } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Invest King"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Courses", id: "/courses" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Join Now",
            href: "/pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="INVEST KING"
          description="Master the art of strategic investing and wealth building. Join thousands of successful investors who have transformed their financial futures through our proven training programs."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Start Learning", href: "/courses" },
            { text: "View Plans", href: "/pricing" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/graph-growth-development-improvement-profit-success-concept_53876-133598.jpg"
          imageAlt="Investment growth and financial success"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Mission"
          tagIcon={Target}
          title="Empowering Financial Freedom Through Education"
          description="Invest King was founded on the belief that financial literacy and strategic investing are the keys to building generational wealth. We've developed a comprehensive training platform that combines real-world investment strategies with personalized mentorship. Our mission is to democratize investment education and help everyday people achieve financial independence."
          metrics={[
            { value: "10,000+", title: "Active Members" },
            { value: "$500M+", title: "Total Assets Managed by Graduates" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136874.jpg"
          imageAlt="Invest King training team"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Why Choose Invest King"
          description="Discover the comprehensive features that set our training program apart"
          tag="Key Benefits"
          tagIcon={Sparkles}
          features={[
            {
              title: "Expert-Led Training",
              description: "Learn from industry veterans with 20+ years of investment experience",
              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-speakers-standing-near-whiteboard_74855-4029.jpg",
              imageAlt: "Expert trainer teaching investment strategies"
            },
            {
              title: "Live Market Analysis",
              description: "Real-time market insights and trading opportunities shared daily",
              imageSrc: "https://img.b2bpic.net/free-vector/abstract-financial-big-data-graph-visualization_1217-2826.jpg",
              imageAlt: "Live market analysis dashboard"
            },
            {
              title: "Community Support",
              description: "Connect with thousands of traders and investors in our exclusive network",
              imageSrc: "https://img.b2bpic.net/free-vector/contact-red-colorful-infographic_1010-345.jpg",
              imageAlt: "Community members collaborating"
            },
            {
              title: "Proven Strategies",
              description: "Access battle-tested investment strategies with documented results",
              imageSrc: "https://img.b2bpic.net/free-photo/confident-male-stock-broker-waiting-stock-market-open-looking-his-watch-front-his-computer_662251-718.jpg",
              imageAlt: "Growth chart showing investment returns"
            }
          ]}
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Training Programs & Courses"
          description="Comprehensive investment education tailored to your experience level"
          tag="Available Now"
          tagIcon={Award}
          products={[
            {
              id: "1",
              brand: "Invest King Academy",
              name: "Beginner's Blueprint",
              price: "$297",
              rating: 5,
              reviewCount: "2.3k",
              imageSrc: "https://img.b2bpic.net/free-photo/rear-view-young-college-student-paying-attention-listening-her-online-teacher-laptop-home_662251-2487.jpg",
              imageAlt: "Beginner investing course"
            },
            {
              id: "2",
              brand: "Invest King Academy",
              name: "Advanced Trading Mastery",
              price: "$697",
              rating: 5,
              reviewCount: "1.8k",
              imageSrc: "https://img.b2bpic.net/free-photo/online-education-homepage-e-learning-technology-concept_53876-133853.jpg",
              imageAlt: "Advanced trading masterclass"
            },
            {
              id: "3",
              brand: "Invest King Academy",
              name: "Elite Wealth Building",
              price: "$1,497",
              rating: 5,
              reviewCount: "890",
              imageSrc: "https://img.b2bpic.net/free-photo/virtual-classroom-study-space_23-2149178642.jpg",
              imageAlt: "Elite wealth building program"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our Impact on Members' Financial Growth"
          tag="Success Stories"
          metrics={[
            {
              id: "1",
              value: "92%",
              description: "Of our members report significant improvement in their investment returns within the first year"
            },
            {
              id: "2",
              value: "45%",
              description: "Average annual return achieved by our graduate portfolio managers"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson",
              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg"
            },
            {
              id: "2",
              name: "Sarah Chen",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg"
            },
            {
              id: "3",
              name: "David Williams",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg"
            },
            {
              id: "4",
              name: "Jessica Martinez",
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1588.jpg"
            }
          ]}
          cardTitle="Join 10,000+ Successful Investors Transforming Their Financial Future"
          cardTag="Trusted by Industry Leaders"
          cardTagIcon={CheckCircle}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Investment in Your Future Starts Here"
          description="Choose the plan that aligns with your financial goals"
          tag="Limited Time Offer"
          tagIcon={Zap}
          plans={[
            {
              id: "1",
              badge: "Foundation",
              badgeIcon: Sparkles,
              price: "$29/mo",
              subtitle: "Perfect for beginners",
              buttons: [
                { text: "Start Free Trial", href: "/signup" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Beginner's Blueprint course",
                "Weekly live training sessions",
                "Access to member community",
                "Investment fundamentals guide",
                "Monthly market analysis"
              ]
            },
            {
              id: "2",
              badge: "Professional",
              badgeIcon: Award,
              price: "$99/mo",
              subtitle: "Best for active traders",
              buttons: [
                { text: "Get Started", href: "/signup" },
                { text: "Chat to Sales", href: "#contact" }
              ],
              features: [
                "All Foundation features",
                "Advanced Trading Mastery course",
                "Daily market alerts & signals",
                "1-on-1 mentoring sessions",
                "Portfolio analysis tools",
                "Exclusive webinars"
              ]
            },
            {
              id: "3",
              badge: "Elite",
              badgeIcon: Crown,
              price: "$249/mo",
              subtitle: "For serious wealth builders",
              buttons: [
                { text: "Become Elite", href: "/signup" },
                { text: "Schedule Call", href: "#contact" }
              ],
              features: [
                "All Professional features",
                "Elite Wealth Building program",
                "Private trading room access",
                "Weekly 1-on-1 coaching",
                "Advanced portfolio management",
                "First access to new strategies",
                "VIP event invitations"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoReveal
        logoText="Invest King"
      />
    </ThemeProvider>
  );
}