"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Users } from 'lucide-react';

export default function InstructorsPage() {
  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="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Instructors"
          description="Learn from experienced professionals with years of real-world expertise"
          tag="Expert Faculty"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          groups={[
            {
              id: "core-team",
              groupTitle: "Core Instructors",
              members: [
                {
                  id: "1",
                  title: "David Martinez",
                  subtitle: "Lead Instructor - Full Stack Development",
                  detail: "david@engineer.edu",
                  imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
                  imageAlt: "David Martinez"
                },
                {
                  id: "2",
                  title: "Jennifer Liu",
                  subtitle: "Senior Instructor - Mobile Development",
                  detail: "jennifer@engineer.edu",
                  imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
                  imageAlt: "Jennifer Liu"
                },
                {
                  id: "3",
                  title: "Robert Thompson",
                  subtitle: "Data Science & AI Specialist",
                  detail: "robert@engineer.edu",
                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
                  imageAlt: "Robert Thompson"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about our programs and admissions"
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What are the prerequisites for enrollment?",
              content: "Our programs are designed for beginners with no prior coding experience required. We do recommend basic computer literacy. Our pre-course materials help bring everyone up to speed."
            },
            {
              id: "2",
              title: "What is the time commitment?",
              content: "Full-time intensive programs run 40+ hours per week for 6-10 weeks depending on the course. Part-time options are available with flexible scheduling."
            },
            {
              id: "3",
              title: "Do you offer career support after graduation?",
              content: "Yes, we provide comprehensive career services including resume reviews, interview coaching, portfolio guidance, and job placement assistance. Our alumni network is actively growing."
            },
            {
              id: "4",
              title: "What is the job placement rate?",
              content: "Our graduates have an 92% job placement rate within 6 months. We track outcomes closely and continuously improve our curriculum based on industry demand."
            },
            {
              id: "5",
              title: "Are there any financing options available?",
              content: "We offer flexible payment plans, income share agreements, and partnerships with financing companies. Scholarships are available for qualified candidates."
            }
          ]}
        />
      </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>
  );
}