"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import { BookOpen, Code, Award } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="large"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "home" },
            { name: "Courses", id: "courses" },
            { name: "About", id: "about" },
            { name: "Instructors", id: "instructors" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Enroll Now", href: "contact" }}
          brandName="Engineer"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="ENGINEER"
          description="Master cutting-edge technologies and launch your career in software development, data science, and cloud computing"
          buttons={[
            { text: "Start Learning", href: "courses" },
            { text: "View Courses", href: "courses" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010130.jpg",
              imageAlt: "coding programming software development technology"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/students-learning-school-their-classroom_23-2149511027.jpg",
              imageAlt: "classroom learning students education training"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150062004.jpg",
              imageAlt: "computer laptop tech workspace innovation"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Engineer"
          tagIcon={BookOpen}
          title="Empowering the next generation of tech innovators through hands-on, industry-aligned education"
          description="Founded in 2015"
          subdescription="Engineering Excellence Through Education"
          icon={Code}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-people-studying-library_23-2149204752.jpg"
          imageAlt="school computer lab technology learning modern"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Success Stories"
          description="Hear from our graduates who transformed their careers"
          tag="Alumni"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              title: "Career transformation in just 8 weeks",
              quote: "The Engineer program completely changed my trajectory. I went from zero coding experience to landing a junior developer role at a top tech company. The instructors were incredibly supportive and the curriculum was perfectly structured.",
              name: "Sarah Chen",
              role: "Junior Frontend Developer",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Sarah Chen"
            },
            {
              id: "2",
              title: "Industry-relevant skills that matter",
              quote: "What sets Engineer apart is how closely their curriculum aligns with what companies actually need. I applied the exact skills I learned on day one of my new job. The practical projects prepared me perfectly.",
              name: "Marcus Johnson",
              role: "Full Stack Engineer",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",
              title: "Mentorship that made the difference",
              quote: "The one-on-one mentorship I received was invaluable. My instructor helped me navigate challenges, code reviews, and interview preparation. That personal touch is what you don't get in other programs.",
              name: "Emma Rodriguez",
              role: "Data Scientist",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              title: "A community that supports your growth",
              quote: "The peer network I built at Engineer is just as valuable as the technical skills. We still collaborate on projects and help each other grow professionally. It's more than a bootcamp, it's a launchpad.",
              name: "Alex Kumar",
              role: "DevOps Engineer",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
              imageAlt: "Alex Kumar"
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="Engineer"
        copyrightText="© 2025 Engineer IT School. All rights reserved."
        columns={[
          {
            title: "Programs",
            items: [
              { label: "Web Development", href: "courses" },
              { label: "Mobile Development", href: "courses" },
              { label: "Data Science", href: "courses" },
              { label: "Cloud & DevOps", href: "courses" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About", href: "about" },
              { label: "Team", href: "instructors" },
              { label: "Blog", href: "blog" },
              { label: "Careers", href: "careers" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "FAQ", href: "faq" },
              { label: "Contact Us", href: "contact" },
              { label: "Alumni", href: "alumni" },
              { label: "Support", href: "support" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}