"use client";

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Award, Linkedin } from "lucide-react";

export default function ITSchoolPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="noiseGradient"
      cardStyle="gradient-subtle"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Bimbim v pope DUM"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Courses", id: "courses" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "LinkedIn", id: "linkedin", icon: Linkedin, href: "https://www.linkedin.com/company/bimbim-v-pope-dum/" }
          ]}
          button={{
            text: "Get Started",
            href: "#contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplitImage
          logoText="BIMBIM"
          description="Master the digital world with industry-leading IT education. Learn programming, web development, data science, and more from experienced professionals."
          buttons={[
            { text: "Explore Courses", href: "#courses" },
            { text: "Contact Us", href: "#contact" }
          ]}
          layoutOrder="default"
          splitImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743062378-8hs7jdir.jpg"
          splitImageAlt="IT students learning in classroom"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743063397-9m94a9mi.jpg"
          imageAlt="Modern IT school classroom"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaAbout
          title="Empowering the Next Generation of IT Professionals"
          description="Bimbim v pope DUM is dedicated to providing comprehensive, hands-on IT education. Our expert instructors combine practical experience with innovative teaching methods to help students master cutting-edge technologies and launch successful careers in tech."
          tag="About Us"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743063397-9m94a9mi.jpg"
          imageAlt="About our school"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "#courses" }
          ]}
        />
      </div>
      
      <div id="courses" data-section="courses">
        <FeatureCardSeven
          title="Our Core Programs"
          description="Choose from our comprehensive selection of IT courses designed to build real-world skills."
          tag="Courses"
          features={[
            {
              id: 1,
              title: "Web Development",
              description: "Learn HTML, CSS, JavaScript, React, and modern web frameworks. Build responsive, interactive websites and web applications.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492694761-e96hadsf.jpg",
              imageAlt: "Web development course"
            },
            {
              id: 2,
              title: "Programming Fundamentals",
              description: "Master programming basics with Python, Java, or C++. Understand algorithms, data structures, and software design principles.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492693670-lj7ueobz.png",
              imageAlt: "Programming course"
            },
            {
              id: 3,
              title: "Data Science & Analytics",
              description: "Explore data analysis, machine learning, and visualization. Learn to extract insights from complex datasets.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492695669-hy749o3o.jpg",
              imageAlt: "Data science course"
            }
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Ahmed Hassan",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484714329-4i8nds16.jpg",
              imageAlt: "Ahmed Hassan"
            },
            {
              id: "2",
              name: "Fatima Al-Rashid",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
              imageAlt: "Fatima Al-Rashid"
            },
            {
              id: "3",
              name: "Mohammed Ibrahim",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
              imageAlt: "Mohammed Ibrahim"
            },
            {
              id: "4",
              name: "Layla Saeed",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492698706-udp5pns4.jpg",
              imageAlt: "Layla Saeed"
            },
            {
              id: "5",
              name: "Omar Khalil",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743064968-mn7r0vxe.jpg",
              imageAlt: "Omar Khalil"
            },
            {
              id: "6",
              name: "Sara Al-Mansouri",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766743065834-k1ycryfc.jpg",
              imageAlt: "Sara Al-Mansouri"
            }
          ]}
          cardTitle="Join thousands of successful graduates building careers in tech"
          cardTag="Student Success Stories"
          cardTagIcon={Award}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to advance your IT career? Get in touch with our admissions team today and start your learning journey."
          animationType="entrance-slide"
          buttons={[
            { text: "Enroll Now", href: "mailto:info@bimbim.edu" },
            { text: "Schedule a Call", href: "tel:+1234567890" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Bimbim v pope DUM"
        />
      </div>
    </ThemeProvider>
  );
}