"use client";

import Link from "next/link";
import { Award, Sparkles } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function CoursesPage() {
  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="products" data-section="products">
        <ProductCardTwo
          title="Comprehensive Training Programs"
          description="Choose from our expertly crafted courses designed to take you from beginner to advanced investor. Each program includes live instruction, practical exercises, and ongoing support from our community of experts."
          tag="All Skill Levels"
          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: "Student learning investment fundamentals online"
            },
            {
              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 strategies and techniques"
            },
            {
              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: "Premium wealth building masterclass"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="What Makes Our Training Different"
          description="Discover the unique approach and methodologies that have helped thousands of students achieve financial success"
          tag="Course Features"
          tagIcon={Sparkles}
          features={[
            {
              title: "Real-Time Market Application",
              description: "Apply what you learn immediately with live trading sessions and real market examples",
              imageSrc: "https://img.b2bpic.net/free-vector/abstract-financial-big-data-graph-visualization_1217-2826.jpg",
              imageAlt: "Live market analysis and trading application"
            },
            {
              title: "Personalized Mentorship",
              description: "Get one-on-one guidance from experienced investors who understand your unique situation",
              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-speakers-standing-near-whiteboard_74855-4029.jpg",
              imageAlt: "Personal mentorship and guidance sessions"
            },
            {
              title: "Lifetime Access & Updates",
              description: "Keep your knowledge current with lifetime access to course materials and regular updates",
              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: "Continuous learning and knowledge updates"
            },
            {
              title: "Community Learning Network",
              description: "Connect with fellow students and share strategies in our exclusive member community",
              imageSrc: "https://img.b2bpic.net/free-vector/contact-red-colorful-infographic_1010-345.jpg",
              imageAlt: "Student community and networking opportunities"
            }
          ]}
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Learning Path"
          title="Start Your Investment Journey Today"
          description="Whether you're completely new to investing or looking to refine advanced strategies, our structured learning path ensures you build knowledge progressively. Start with fundamentals, advance through practical application, and master sophisticated techniques used by professional investors. Each course builds upon the last, creating a comprehensive foundation for long-term financial success."
          metrics={[
            { value: "24/7", title: "Access to Course Materials" },
            { value: "90%", title: "Course Completion Rate" }
          ]}
          imageSrc: "https://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136874.jpg"
          imageAlt: "Students progressing through structured learning path"
          useInvertedBackground="noInvert"
        />
      </div>

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