"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import Link from 'next/link';
import { Sparkles, Users, Briefcase, Award, Globe } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="medium"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="JCode"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Courses", id: "/courses" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Enroll Now", href: "/contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay 
          title="Master Programming & Web Development"
          description="Learn industry-standard technologies from experienced professionals. Transform your career with JCode's comprehensive IT education programs."
          tag="Your Career Starts Here"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/person-computing-software-code-laptop_482257-85707.jpg"
          imageAlt="Students learning programming at JCode IT School"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Courses", href: "/courses" },
            { text: "Learn More", href: "/about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric 
          title="Empowering the next generation of tech professionals through hands-on learning, mentorship, and industry partnerships that drive real-world success."
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Users, label: "Students Graduated", value: "2,500+" },
            { icon: Briefcase, label: "Job Placements", value: "95%" },
            { icon: Award, label: "Years of Excellence", value: "8+" },
            { icon: Globe, label: "Industry Partners", value: "50+" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="Student Success Stories"
          description="Hear from graduates who transformed their careers at JCode"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Chen, Software Engineer at Google",
              date: "Date: 15 November 2024",
              title: "JCode completely changed my career trajectory",
              quote: "I came to JCode with no programming background. The instructors were patient and supportive, and the curriculum was perfectly structured. Within 6 months of graduation, I landed my dream job at Google. The skills and confidence I gained are invaluable.",
              tag: "Full Stack Developer",
              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-black-t-shirt-isolated-pink-wall_141793-82450.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/best-friends-playing-graduation-ceremony_23-2148505278.jpg",
              imageAlt: "Sarah celebrating her graduation"
            },
            {
              id: "2",
              name: "Michael Rodriguez, Senior Developer at Microsoft",
              date: "Date: 10 December 2024",
              title: "From career switcher to tech leader",
              quote: "Coming from a non-tech background, I was nervous. But JCode's mentorship program and real-world projects gave me the confidence I needed. Now I'm leading a team of developers at Microsoft. Best investment I ever made.",
              tag: "Career Switcher",
              avatarSrc: "https://img.b2bpic.net/free-vector/colorful-set-smiley-men-avatars_23-2147672541.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/business-executives-interacting-with-each-other_107420-65765.jpg",
              imageAlt: "Michael in his Microsoft office"
            },
            {
              id: "3",
              name: "Aisha Patel, Full Stack Developer at Startup",
              date: "Date: 22 November 2024",
              title: "Built my first app with JCode knowledge",
              quote: "JCode taught me not just the syntax, but how to think like a developer. I used the skills to build my own startup's platform. The knowledge and network from JCode are still supporting my journey. Highly recommend!",
              tag: "Entrepreneur",
              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/system-engineers-celebrating-successful-code-compiling-doing-high-five-hand-gesture-with-colleague-coder-analyzing-algorithm-multiple-screens-takes-off-glasses-congratulates-coworker_482257-41855.jpg",
              imageAlt: "Aisha coding at her startup"
            },
            {
              id: "4",
              name: "David Kim, DevOps Engineer at AWS",
              date: "Date: 08 December 2024",
              title: "Mastered DevOps and landed my dream role",
              quote: "The DevOps course at JCode was comprehensive and up-to-date. I learned Docker, Kubernetes, and AWS practices that are directly applicable. Now I'm helping other developers deploy their applications at AWS. Thank you, JCode!",
              tag: "DevOps Specialist",
              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-childish-african-student-male-with-funky-hair-blowing-his-cheeks_273609-14065.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/business-colleagues-banner-concept-with-copy-space_23-2149601494.jpg",
              imageAlt: "David at AWS headquarters"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010129.jpg"
          imageAlt="JCode IT School footer background"
          logoText="JCode"
          copyrightText="© 2024 JCode IT School. All rights reserved."
          columns={[
            {
              title: "Courses",
              items: [
                { label: "Web Development", href: "/courses" },
                { label: "Data Science", href: "/courses" },
                { label: "Mobile Development", href: "/courses" },
                { label: "DevOps", href: "/courses" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "/about" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact Us", href: "/contact" },
                { label: "Support", href: "#" },
                { label: "LinkedIn", href: "#" },
                { label: "Twitter", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}