"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Code, Award, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="TechAcademy"
          navItems={[
            { name: "About", id: "about" },
            { name: "Courses", id: "courses" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Master In-Demand Tech Skills"
          description="Learn from industry experts and transform your career with comprehensive IT courses designed for beginners to advanced professionals."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "500+", label: "Graduates Placed" },
            { value: "15+", label: "Professional Courses" },
            { value: "98%", label: "Satisfaction Rate" }
          ]}
          enableKpiAnimation={true}
          tag="Leading IT Academy"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Courses", href: "#courses" },
            { text: "Schedule Demo", href: "#contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-girl-listening-educational-documentary-laptop-takes-notes_482257-126301.jpg"
          imageAlt="Students learning technology"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Empowering the next generation of" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/diverse-education-shoot_53876-47033.jpg", alt: "IT Academy" },
            { type: "text", content: "tech professionals worldwide" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "About Our Academy", href: "#courses" },
            { text: "Career Outcomes", href: "#testimonials" }
          ]}
        />
      </div>

      <div id="courses" data-section="courses">
        <FeatureCardSeven
          title="Core Programs"
          description="Comprehensive courses covering all major technology domains with hands-on projects and real-world applications."
          tag="Courses"
          tagIcon={Code}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Web Development",              description: "Master front-end and back-end development using modern frameworks like React, Node.js, and more. Build scalable web applications from concept to deployment.",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149148966.jpg",              imageAlt: "Web development course"
            },
            {
              id: 2,
              title: "Data Science & Analytics",              description: "Learn Python, machine learning, and data visualization to extract insights from complex datasets. Perfect for aspiring data engineers and AI specialists.",              imageSrc: "https://img.b2bpic.net/free-vector/template-landing-page-with-laptop_23-2148336050.jpg",              imageAlt: "Data science course"
            },
            {
              id: 3,
              title: "Cybersecurity",              description: "Understand network security, ethical hacking, and threat prevention. Prepare for industry certifications and secure critical systems.",              imageSrc: "https://img.b2bpic.net/free-psd/landing-page-template-language-learning-with-line-shapes_23-2149522797.jpg",              imageAlt: "Cybersecurity course"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact"
          description="Proven results that demonstrate our commitment to student success and industry relevance."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "5000+",              title: "Students Trained Since 2018",              items: [
                "90% job placement within 6 months",                "Average salary increase of 45%",                "Partnerships with 200+ tech companies"
              ]
            },
            {
              id: "2",              value: "25+",              title: "Industry Expert Instructors",              items: [
                "20+ years average experience",                "Active in latest tech trends",                "Mentorship beyond classroom"
              ]
            },
            {
              id: "3",              value: "15",              title: "Specialized Certifications",              items: [
                "AWS, Google Cloud, Azure certified",                "Recognized by industry leaders",                "Career advancement credentials"
              ]
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet Our Expert Instructors"
          tag="Team"
          members={[
            {
              id: "1",              name: "Rajesh Kumar",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg",              imageAlt: "Rajesh Kumar - Web Development Lead"
            },
            {
              id: "2",              name: "Priya Sharma",              imageSrc: "https://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",              imageAlt: "Priya Sharma - Data Science Expert"
            },
            {
              id: "3",              name: "Arjun Patel",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Arjun Patel - Cybersecurity Specialist"
            }
          ]}
          memberVariant="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Join thousands of successful graduates who've transformed their careers"
          cardTag="Student Success Stories"
          cardTagIcon={Award}
          testimonials={[
            {
              id: "1",              name: "Amit Desai",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-portrait-young-successful-woman-employee-entrepreneur-office-hall-tutor-carry-laptop-notebooks-looking-away-with-satisfied-pleased-smile-like-her-job_197531-30584.jpg",              imageAlt: "Amit Desai"
            },
            {
              id: "2",              name: "Neha Verma",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-photo-young-students-wearing-graduation-cap-holding-tea-cup_114579-92488.jpg",              imageAlt: "Neha Verma"
            },
            {
              id: "3",              name: "Vikram Singh",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-celebrating-her-graduation_23-2148505254.jpg",              imageAlt: "Vikram Singh"
            },
            {
              id: "4",              name: "Anjali Gupta",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-girl-showing-two-books_1169-120.jpg",              imageAlt: "Anjali Gupta"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions About Our Programs"
          sideDescription="Find answers to questions about enrollment, course structure, career support, and more."
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What are the prerequisites for enrolling?",              content: "Our courses are designed for beginners to intermediate learners. Basic computer knowledge is helpful but not required. We offer foundational modules to get everyone up to speed."
            },
            {
              id: "2",              title: "How long does each course take?",              content: "Most programs range from 8-16 weeks depending on the course intensity. Students can study at their own pace with access to recordings and materials for 12 months."
            },
            {
              id: "3",              title: "Do you provide job placement assistance?",              content: "Yes! We offer dedicated career services including resume coaching, interview preparation, and direct connections with 200+ hiring partner companies."
            },
            {
              id: "4",              title: "What is the refund policy?",              content: "We offer a 7-day money-back guarantee if you're not satisfied. After that, we provide flexible payment plans and course completion guarantees."
            },
            {
              id: "5",              title: "Are certificates recognized by employers?",              content: "Yes, our certifications are industry-recognized and aligned with global standards. Many graduates mention their certificates as key factors in getting hired."
            },
            {
              id: "6",              title: "Can I switch between courses?",              content: "Absolutely! We allow students to pivot to different tracks within the first 2 weeks at no additional charge to ensure you find the right fit."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated With Latest Courses"
          description="Subscribe to our newsletter for course launches, learning tips, industry insights, and exclusive early-bird discounts on new programs."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-person-working-home-night_23-2149090964.jpg"
          imageAlt="Newsletter signup"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime with one click."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Programs",              items: [
                { label: "Web Development", href: "courses" },
                { label: "Data Science", href: "courses" },
                { label: "Cybersecurity", href: "courses" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Team", href: "team" },
                { label: "Careers", href: "https://careers.techacademy.com" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "https://blog.techacademy.com" },
                { label: "Documentation", href: "https://docs.techacademy.com" },
                { label: "Support", href: "contact" }
              ]
            }
          ]}
          copyrightText="© 2025 TechAcademy. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}