"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Award, Linkedin, Globe } from "lucide-react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="IT Academy"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Courses", id: "courses" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Master the Skills for Tomorrow's Tech Industry"
          description="Join our IT Academy and transform your career with world-class instruction in web development, data science, and cybersecurity. Learn from industry experts in a supportive community designed for your success."
          tag="Welcome to Innovation"
          tagIcon={Sparkles}
          background={{ variant: "glowing-orb" }}
          buttons={[
            { text: "Explore Courses", href: "courses" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891341.jpg"
          imageAlt="Students collaborating in modern IT learning environment"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Us"
          tagIcon={Award}
          title="Building the next generation of technology leaders through innovative education and hands-on experience"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Join Our Community", href: "contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Why Choose IT Academy"
          description="We combine structured curriculum with practical experience to ensure you're ready for real-world challenges"
          tag="Core Strengths"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "Learning",              title: "Comprehensive Curriculum",              subtitle: "Industry-aligned courses updated regularly",              description: "Our curriculum is designed by industry professionals and updated quarterly to reflect the latest technology trends. Each course combines theoretical knowledge with practical projects you'll build from day one.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-into-tablet-happy-girl_259150-60239.jpg",              imageAlt: "Comprehensive IT curriculum materials"
            },
            {
              id: 2,
              tag: "Guidance",              title: "Expert Mentorship",              subtitle: "Learn from experienced practitioners",              description: "Our instructors are active professionals with 10+ years of industry experience. They provide personalized guidance, code reviews, and real-world insights that transform theoretical knowledge into practical mastery.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-two-students-looking-tablet_259150-60236.jpg",              imageAlt: "Mentorship and guidance sessions"
            },
            {
              id: 3,
              tag: "Success",              title: "Career Support",              subtitle: "Job placement and networking opportunities",              description: "We don't stop at education. Our career services team helps with resume optimization, interview preparation, and connects you with hiring partners. 92% of our graduates secure roles within 3 months.",              imageSrc: "http://img.b2bpic.net/free-photo/children-learns-work-computer-african-girl-sitting-table-boy-girl-computer-science-class_1157-42301.jpg",              imageAlt: "Career advancement and job placement support"
            },
            {
              id: 4,
              tag: "Connection",              title: "Vibrant Community",              subtitle: "Network with fellow learners and professionals",              description: "Join a supportive community of 5,000+ students and alumni. Participate in hackathons, group projects, and networking events. Your connections here often become your collaborators and colleagues.",              imageSrc: "http://img.b2bpic.net/free-photo/boy-girls-sitting-desk-looking-tablet_259150-60206.jpg",              imageAlt: "Community learning and networking"
            }
          ]}
        />
      </div>

      <div id="courses" data-section="courses">
        <ProductCardTwo
          title="Featured Courses"
          description="Master in-demand skills with our comprehensive course offerings"
          tag="Programs"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "IT Academy",              name: "Web Development Fundamentals",              price: "$1,299",              rating: 5,
              reviewCount: "342",              imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-casual-clothes-working-modern-office_146671-16433.jpg",              imageAlt: "Web Development course materials"
            },
            {
              id: "2",              brand: "IT Academy",              name: "Data Science Mastery",              price: "$1,599",              rating: 5,
              reviewCount: "289",              imageSrc: "http://img.b2bpic.net/free-photo/children-having-technology-education-class_23-2149123767.jpg",              imageAlt: "Data Science course content"
            },
            {
              id: "3",              brand: "IT Academy",              name: "Cybersecurity Essentials",              price: "$1,399",              rating: 5,
              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-pupils-doing-task-with-help-teacher_74855-10288.jpg",              imageAlt: "Cybersecurity training program"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Proven track record of student success and industry leadership"
          tag="Impact"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "5,000+",              description: "Graduates successfully placed in tech roles across leading companies worldwide"
            },
            {
              id: "2",              value: "92%",              description: "Employment rate within 3 months of graduation, well above industry average"
            },
            {
              id: "3",              value: "15",              description: "Years of expertise in technology education and career development"
            },
            {
              id: "4",              value: "95%",              description: "Student satisfaction rating based on comprehensive course evaluations"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Instructors"
          description="Industry experts dedicated to your success and growth"
          tag="Leadership"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          members={[
            {
              id: "1",              name: "Sarah Chen",              role: "Lead Web Development Instructor",              description: "Former Senior Engineer at TechCorp with 12 years building scalable applications. Passionate about mentoring the next generation of developers.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg",              imageAlt: "Sarah Chen, Web Development Instructor",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://example.com" }
              ]
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Data Science Lead",              description: "PhD in Computer Science and former Data Science Director. Specializes in machine learning and big data analytics with 10+ years experience.",              imageSrc: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",              imageAlt: "Marcus Johnson, Data Science Instructor",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://example.com" }
              ]
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Cybersecurity Specialist",              description: "Certified security architect with 11 years in enterprise security. Dedicated to building secure systems and protecting digital assets.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-scientist_23-2148820194.jpg",              imageAlt: "Elena Rodriguez, Cybersecurity Instructor",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://example.com" }
              ]
            },
            {
              id: "4",              name: "David Park",              role: "Career Coaching Director",              description: "Career development expert with 8 years helping students transition into tech. Committed to your professional growth and industry connections.",              imageSrc: "http://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg",              imageAlt: "David Park, Career Coaching Director",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Globe, url: "https://example.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Student Success Stories"
          description="Real experiences from graduates who transformed their careers"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Alex Martinez",              role: "Junior Developer",              company: "StartupXYZ",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-teacher-classroom_23-2151696440.jpg",              imageAlt: "Alex Martinez, IT Academy Graduate"
            },
            {
              id: "2",              name: "Jessica Wong",              role: "Data Analyst",              company: "TechCorp",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Jessica Wong, IT Academy Graduate"
            },
            {
              id: "3",              name: "James Thompson",              role: "Security Engineer",              company: "CloudSecure",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-counselor-cabinet_23-2148759108.jpg",              imageAlt: "James Thompson, IT Academy Graduate"
            },
            {
              id: "4",              name: "Priya Patel",              role: "Full Stack Developer",              company: "InnovateLabs",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-library_23-2149204753.jpg",              imageAlt: "Priya Patel, IT Academy Graduate"
            },
            {
              id: "5",              name: "Michael Lee",              role: "ML Engineer",              company: "AIAdvanced",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg",              imageAlt: "Michael Lee, IT Academy Graduate"
            },
            {
              id: "6",              name: "Anna Kowalski",              role: "Frontend Developer",              company: "DigitalDesign",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-leader-her-colleagues-two-cheerful-men-woman-standing-together-after-corporate-meeting-office-smiling-looking-camera-female-leadership-business-concept_74855-24566.jpg",              imageAlt: "Anna Kowalski, IT Academy Graduate"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about our programs and enrollment"
          tag="Help"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          mediaPosition="left"
          imageSrc="http://img.b2bpic.net/free-photo/man-working-call-center-office_23-2149256085.jpg"
          imageAlt="Help and support illustration"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What are the prerequisites for enrolling?",              content: "Our programs are designed for students with varying backgrounds. For web development, basic computer literacy is helpful. For data science and cybersecurity, some programming background is beneficial but not required. We offer foundational modules to bring everyone up to speed."
            },
            {
              id: "2",              title: "How long does each course take to complete?",              content: "Most of our programs are 12-16 weeks of full-time study or 6-8 months part-time. The exact duration depends on your pace and learning style. We offer flexible schedules to accommodate working professionals."
            },
            {
              id: "3",              title: "What kind of support is available during the course?",              content: "You'll have access to dedicated instructors, teaching assistants, peer study groups, and one-on-one mentoring sessions. Our learning platform includes video tutorials, discussion forums, and office hours to ensure you get help when you need it."
            },
            {
              id: "4",              title: "Is there a job guarantee after graduation?",              content: "While we can't guarantee employment, we provide comprehensive career services including resume optimization, interview prep, and direct connections with our hiring partners. 92% of graduates secure roles within 3 months of completing their program."
            },
            {
              id: "5",              title: "What payment plans are available?",              content: "We offer flexible payment options including full upfront payment, monthly installments, and financing through our education lending partners. We also provide scholarships based on merit and financial need."
            },
            {
              id: "6",              title: "Can I switch programs after enrollment?",              content: "Yes, we understand that learning paths evolve. You can switch programs within the first two weeks at no additional cost. After that, we'll work with you to find the best solution based on your circumstances."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Journey Today"
          description="Connect with our admissions team to learn about enrollment, program details, and how we can help you achieve your career goals."
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/guy-girl-are-sitting-table-african-girl-computer-science-class-kids-playing-computer-games_1157-42298.jpg"
          imageAlt="IT Academy learning environment"
          inputs={[
            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number" },
            { name: "interest", type: "text", placeholder: "Program of Interest" }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your career goals and how we can help", rows: 5 }}
          buttonText="Get in Touch"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="IT Academy"
          columns={[
            {
              items: [
                { label: "Features", href: "features" },
                { label: "Courses", href: "courses" },
                { label: "Team", href: "team" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Testimonials", href: "testimonials" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}