"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Lightbulb, Star, Award, Mail, Twitter, Linkedin, Facebook, Instagram, Zap } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="GiGant Academy"
          button={{
            text: "Start Learning",
            href: "/courses"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="GiGant Academy"
          description="Master the art of investing with expert-led courses and mentorship. Build wealth through knowledge."
          buttons={[
            { text: "Explore Courses", href: "/courses" },
            { text: "Join Community", href: "/about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-vector/flat-business-landing-page-template_23-2148218171.jpg"
          imageAlt="Investment and financial growth background"
          showDimOverlay={true}
          logoLineHeight={1.15}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Us"
          tagIcon={Lightbulb}
          title="Empower Your Financial Future"
          description="GiGant Academy is dedicated to democratizing investment education. We believe everyone deserves access to world-class financial training and mentorship. Our platform combines cutting-edge curriculum with real-world application, helping thousands achieve their investment goals."
          metrics={[
            { value: "10,000+", title: "Active Students" },
            { value: "50+", title: "Expert Instructors" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/person-putting-coins-piggy-bank-with-books-pencils_23-2148756621.jpg"
          imageAlt="Academy learning environment"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          tag="Why Choose Us"
          tagIcon={Star}
          title="Comprehensive Investment Education"
          description="Access everything you need to succeed in investing with our integrated platform."
          accordionItems={[
            {
              id: "1",
              title: "Structured Learning Paths",
              content: "Progress from beginner to advanced investor with our carefully designed curriculum. Each course builds upon previous knowledge, ensuring mastery of fundamental concepts before advancing to complex strategies."
            },
            {
              id: "2",
              title: "Live Mentorship Sessions",
              content: "Connect directly with experienced investors and financial advisors. Participate in weekly mentorship calls, get personalized feedback on your portfolio, and network with fellow investors in our exclusive community."
            },
            {
              id: "3",
              title: "Real-World Case Studies",
              content: "Learn from real investment successes and failures. Our case study library breaks down actual investment decisions, market trends, and wealth-building strategies used by professional investors."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg"
          imageAlt="Online course platform interface"
          buttons={[
            { text: "View Curriculum", href: "/courses" }
          ]}
          useInvertedBackground="noInvert"
          mediaPosition="right"
        />
      </div>

      <div id="courses-preview" data-section="courses-preview">
        <ProductCardFour
          title="Featured Courses"
          description="Discover our most popular investment education programs"
          tag="Popular"
          tagIcon={Zap}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",
              name: "Investment Fundamentals",
              price: "$199",
              variant: "8 weeks · Self-paced",
              imageSrc: "https://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg",
              imageAlt: "Fundamentals course"
            },
            {
              id: "2",
              name: "Stock Market Mastery",
              price: "$299",
              variant: "12 weeks · Live sessions",
              imageSrc: "https://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg",
              imageAlt: "Stock market course"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Alex Rodriguez",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg",
              imageAlt: "Alex Rodriguez"
            },
            {
              id: "2",
              name: "Sarah Chen",
              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "3",
              name: "Michael Thompson",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
              imageAlt: "Michael Thompson"
            },
            {
              id: "4",
              name: "Jessica Williams",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
              imageAlt: "Jessica Williams"
            },
            {
              id: "5",
              name: "David Park",
              imageSrc: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",
              imageAlt: "David Park"
            },
            {
              id: "6",
              name: "Emma Johnson",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",
              imageAlt: "Emma Johnson"
            }
          ]}
          cardTitle="Join thousands of successful investors who transformed their financial future with GiGant Academy"
          cardTag="Success Stories"
          cardTagIcon={Award}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          tagIcon={Mail}
          title="Get Investment Tips & Market Insights"
          description="Subscribe to our weekly newsletter for exclusive investment strategies, market analysis, and insider tips from our expert instructors."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="GiGant Academy"
          copyrightText="© 2025 GiGant Academy. All rights reserved. | Empowering Investors Worldwide"
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/gigantacademy", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/gigant-academy", ariaLabel: "LinkedIn" },
            { icon: Facebook, href: "https://facebook.com/gigantacademy", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/gigantacademy", ariaLabel: "Instagram" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}