"use client";

import Link from "next/link";
import { Zap, Sparkles, Award, Crown } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function PricingPage() {
  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="pricing" data-section="pricing">
        <PricingCardTwo
          title="Choose Your Investment in Success"
          description="Select the membership plan that best fits your financial goals and learning style. All plans include access to our core training materials, community, and expert support."
          tag="Special Launch Pricing"
          tagIcon={Zap}
          plans={[
            {
              id: "1",
              badge: "Foundation",
              badgeIcon: Sparkles,
              price: "$29/mo",
              subtitle: "Perfect for investment beginners",
              buttons: [
                { text: "Start Free Trial", href: "/signup" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Beginner's Blueprint course access",
                "Weekly live training sessions",
                "Access to member community forum",
                "Investment fundamentals guide",
                "Monthly market analysis reports",
                "Email support from instructors",
                "Mobile app access"
              ]
            },
            {
              id: "2",
              badge: "Professional",
              badgeIcon: Award,
              price: "$99/mo",
              subtitle: "Ideal for active traders and investors",
              buttons: [
                { text: "Get Started Now", href: "/signup" },
                { text: "Schedule Demo", href: "#contact" }
              ],
              features: [
                "All Foundation plan benefits",
                "Advanced Trading Mastery course",
                "Daily market alerts & trading signals",
                "Monthly 1-on-1 mentoring sessions",
                "Portfolio analysis tools & software",
                "Exclusive live webinars & Q&A",
                "Priority customer support",
                "Advanced charting tools access"
              ]
            },
            {
              id: "3",
              badge: "Elite",
              badgeIcon: Crown,
              price: "$249/mo",
              subtitle: "For serious wealth builders and entrepreneurs",
              buttons: [
                { text: "Join Elite Now", href: "/signup" },
                { text: "Speak with Advisor", href: "#contact" }
              ],
              features: [
                "All Professional plan benefits",
                "Elite Wealth Building program access",
                "Private trading room with experts",
                "Weekly 1-on-1 coaching sessions",
                "Advanced portfolio management tools",
                "First access to new strategies & courses",
                "VIP networking events & retreats",
                "Direct phone line to senior mentors",
                "Custom investment plan development"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our pricing reflects the real value our members receive through education, mentorship, and ongoing support."
          tag="Value Delivered"
          metrics={[
            {
              id: "1",
              value: "$2.3M",
              description: "Average additional portfolio value generated by Elite members within 24 months of joining"
            },
            {
              id: "2",
              value: "94%",
              description: "Of members say Invest King membership paid for itself within the first year"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Investment ROI"
          title="Your Membership is an Investment, Not an Expense"
          description="When you join Invest King, you're not just paying for courses – you're investing in a comprehensive system designed to generate returns that far exceed your membership cost. Our members consistently report that the strategies they learn and implement through our programs generate returns that dwarf their annual membership investment. With lifetime access to materials, ongoing mentorship, and a community of successful investors, your Invest King membership becomes one of the highest-ROI investments you'll ever make."
          metrics={[
            { value: "15.7x", title: "Average ROI on Membership Investment" },
            { value: "6 months", title: "Typical Payback Period" }
          ]}
          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="Successful investor reviewing portfolio returns"
          useInvertedBackground="noInvert"
        />
      </div>

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