"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Zap, Award, Mail } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Bobrik-Zubrila"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Courses", id: "feature" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Enroll Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard 
          title="Master IT. Transform Your Future."
          description="Bobrik-Zubrila offers comprehensive IT training and certification programs designed to launch your career in technology. Learn from industry experts and join thousands of successful graduates."
          tag="Professional IT Training"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/college-students-different-ethnicities-cramming_23-2149891341.jpg"
          imageAlt="IT school programming learning classroom technology"
          buttons={[
            { text: "View Courses", href: "feature" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout 
          title="About Bobrik-Zubrila"
          description={[
            "Bobrik-Zubrila IT School is a leading provider of professional IT training and certifications. Since our founding, we've trained thousands of students in web development, software engineering, data science, and cloud technologies.",
            "Our mission is to bridge the gap between educational aspirations and industry demands. We combine theoretical knowledge with hands-on practical experience, ensuring every graduate is job-ready and equipped with the latest tech skills.",
            "We pride ourselves on small class sizes, mentorship programs, and strong industry partnerships that directly connect our graduates with top employers."
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Courses", href: "feature" }
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardMedia 
          title="Professional IT Courses"
          description="Choose from our carefully curated selection of IT courses designed by industry professionals and constantly updated to reflect current market demands."
          tag="Featured"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              id: "1",
              title: "Web Development Masterclass",
              description: "Master modern front-end and full-stack development. Learn React, Node.js, and database design from ground zero to production deployment.",
              tag: "Full Stack",
              imageSrc: "https://img.b2bpic.net/free-photo/spacious-area-group-young-people-casual-clothes-working-modern-office_146671-16510.jpg",
              imageAlt: "web development coding frontend JavaScript design"
            },
            {
              id: "2",
              title: "Backend Development & APIs",
              description: "Build scalable server applications and RESTful APIs. Deep dive into databases, microservices, and cloud deployment on AWS and Azure.",
              tag: "Advanced",
              imageSrc: "https://img.b2bpic.net/free-photo/guy-girl-are-sitting-table-african-girl-computer-science-class-kids-playing-computer-games_1157-42298.jpg",
              imageAlt: "backend database server API development code"
            },
            {
              id: "3",
              title: "Data Science & AI",
              description: "Unlock insights from data. Master Python, machine learning algorithms, statistics, and big data processing with hands-on projects.",
              tag: "In-Demand",
              imageSrc: "https://img.b2bpic.net/free-photo/children-having-technology-education-class_23-2149123760.jpg",
              imageAlt: "data science analytics Python machine learning statistics"
            },
            {
              id: "4",
              title: "Mobile App Development",
              description: "Build iOS and Android applications. Learn cross-platform development with Flutter and React Native, plus native development frameworks.",
              tag: "Mobile",
              imageSrc: "https://img.b2bpic.net/free-photo/am-i-doing-it-right-group-young-people-casual-clothes-working-modern-office_146671-16514.jpg",
              imageAlt: "mobile app development iOS Android smartphone"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Get In Touch"
          tagIcon={Mail}
          title="Start Your IT Career Today"
          description="Join thousands of successful graduates. Sign up for more information about courses, scholarships, and enrollment."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/workdesk-with-envelopes-laptop_1134-195.jpg"
          imageAlt="email contact communication laptop connection technology"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Notify Me"
          termsText="We'll send you updates about course launches and career opportunities. You can unsubscribe anytime."
        />
      </div>

      <FooterBaseCard 
        logoText="Bobrik-Zubrila"
        columns={[
          {
            title: "Courses",
            items: [
              { label: "Web Development", href: "#feature" },
              { label: "Data Science", href: "#feature" },
              { label: "Mobile Apps", href: "#feature" },
              { label: "Cloud Architecture", href: "#feature" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "#about" },
              { label: "Meet Our Team", href: "#team" },
              { label: "Blog", href: "#blog" },
              { label: "Careers", href: "#contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Student Hub", href: "#" },
              { label: "Course Materials", href: "#" },
              { label: "FAQ", href: "#" },
              { label: "Support", href: "#contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Code of Conduct", href: "#" },
              { label: "Contact", href: "#contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Bobrik-Zubrila IT School. All rights reserved."
      />
    </ThemeProvider>
  );
}