"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Briefcase, BookOpen, Clock, GraduationCap, Star, TrendingUp, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="radialGradient"
      cardStyle="solid-accent-light"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Bbaba"
          navItems={[
            { name: "About", id: "about" },
            { name: "Programs", id: "features" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Enroll Now", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Learn IT Skills That Matter"
          description="Master programming, web development, and data science with industry experts at Bbaba. Start your tech career journey today with hands-on training and real-world projects."
          tag="Professional IT Education"
          buttons={[
            { text: "Start Learning", href: "#contact" },
            { text: "View Programs", href: "#features" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011203174-r8v25ztf.jpg"
          imageAlt="Students learning in a modern classroom"
          frameStyle="browser"
          metricsLabel="Trusted by students and industry leaders worldwide"
          metrics={[
            { id: "1", value: "500+", label: "Students Trained" },
            { id: "2", value: "95%", label: "Job Placement Rate" },
            { id: "3", value: "12+", label: "Specialized Courses" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Bbaba IT School"
          description="We believe everyone deserves access to quality IT education. Bbaba is dedicated to empowering the next generation of tech professionals through comprehensive training, mentorship, and career support."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011204206-gmeuf8xc.jpg"
          imageAlt="Bbaba team collaborating"
          bulletPoints={[
            {
              title: "Expert Instructors",
              description: "Learn from industry professionals with years of practical experience in tech",
              icon: Users
            },
            {
              title: "Hands-On Training",
              description: "Build real projects and gain skills you can apply immediately in your career",
              icon: Zap
            },
            {
              title: "Career Support",
              description: "Get guidance on job placement, resume building, and interview preparation",
              icon: Briefcase
            },
            {
              title: "Flexible Learning",
              description: "Study at your own pace with online and in-person class options",
              icon: Clock
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwenty
          title="Our Core Programs"
          description="Explore our comprehensive IT courses designed to build the skills employers are looking for. Each program combines theory with practical, hands-on experience."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          images={[
            {
              id: 1,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011207278-c5cvmi2u.png",
              imageAlt: "Python and Java programming courses"
            },
            {
              id: 2,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011208206-dufjpjv0.jpg",
              imageAlt: "Web development and UI/UX design"
            },
            {
              id: 3,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011209404-0kz73nd4.jpg",
              imageAlt: "Data science and analytics training"
            }
          ]}
          buttons={[
            { text: "Explore All Courses", href: "#contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="Why Choose Bbaba"
          description="Our track record speaks for itself. Join thousands of successful graduates who have launched thriving tech careers."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              value: "500+",
              tag: "Graduates",
              tagIcon: GraduationCap,
              title: "Successful Graduates"
            },
            {
              id: "2",
              value: "95%",
              tag: "Success Rate",
              tagIcon: TrendingUp,
              title: "Employment Rate Within 3 Months"
            },
            {
              id: "3",
              value: "12+",
              tag: "Programs",
              tagIcon: BookOpen,
              title: "Specialized IT Courses"
            },
            {
              id: "4",
              value: "100%",
              tag: "Satisfaction",
              tagIcon: Star,
              title: "Student Satisfaction Rating"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSeven
          title="Meet Our Expert Instructors"
          useInvertedBackground="noInvert"
          team={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011212343-7ff88prb.jpg",
              imageAlt: "Senior Programming Instructor"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011213712-gnbi31aa.jpg",
              imageAlt: "Web Development Expert"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011214602-458300qs.jpg",
              imageAlt: "Data Science Instructor"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011215562-9jn8cj7f.jpg",
              imageAlt: "Career Development Coach"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011212343-7ff88prb.jpg",
              imageAlt: "Systems Architecture Specialist"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Students Say"
          description="Hear from graduates who have successfully launched their tech careers after completing Bbaba courses."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Amara Johnson, Software Developer at TechCorp",
              date: "Date: 15 January 2025",
              title: "Bbaba transformed my career completely",
              quote: "The hands-on training and expert mentorship at Bbaba gave me the confidence to land my dream job as a software developer. The instructors truly care about your success.",
              tag: "Web Development Course",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011216989-w1yp4o2e.jpg",
              avatarAlt: "Amara Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011205136-xca75qb9.jpg",
              imageAlt: "Career success story"
            },
            {
              id: "2",
              name: "David Chen, Data Analyst at Analytics Pro",
              date: "Date: 20 December 2024",
              title: "Best investment in my future",
              quote: "I came with zero data science background. The structured curriculum and supportive community made learning complex concepts manageable. Now I'm working with real datasets daily.",
              tag: "Data Science Bootcamp",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011217919-sc3162br.jpg",
              avatarAlt: "David Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011210274-pkfr70ty.jpg",
              imageAlt: "Professional growth"
            },
            {
              id: "3",
              name: "Sophia Rodriguez, Frontend Developer at Design Studios",
              date: "Date: 10 December 2024",
              title: "Exceptional learning experience",
              quote: "The instructors go above and beyond to ensure you understand each concept. The projects are challenging but achievable, preparing you perfectly for real-world work.",
              tag: "Full Stack Development",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011218921-4vtoewfv.jpg",
              avatarAlt: "Sophia Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011205967-g7lnuk0v.jpg",
              imageAlt: "Student achievement"
            },
            {
              id: "4",
              name: "Marcus Williams, Tech Lead at StartupXYZ",
              date: "Date: 5 December 2024",
              title: "Career accelerator program",
              quote: "Bbaba provided not just technical skills but also professional development. The career support team helped me prepare for interviews and negotiate my salary.",
              tag: "Advanced Programming",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011219726-thcqnn59.jpg",
              avatarAlt: "Marcus Williams",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767011211181-ay3o9m9l.jpg",
              imageAlt: "Career advancement"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about Bbaba programs, enrollment, and learning options."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What are the prerequisites for enrolling in courses?",
              content: "Most of our courses welcome beginners with no prior IT experience. However, some advanced courses may require basic programming knowledge. We assess your skill level during enrollment and recommend appropriate courses for your experience level."
            },
            {
              id: "2",
              title: "Are courses available online and in-person?",
              content: "Yes, we offer both flexible online courses and immersive in-person bootcamps. Online courses allow you to learn at your own pace, while in-person programs provide intensive, hands-on training with direct instructor interaction."
            },
            {
              id: "3",
              title: "How long are the programs?",
              content: "Program duration varies from 4 weeks for specialized courses to 12 weeks for comprehensive bootcamps. Online courses can typically be completed in 8-16 weeks depending on your schedule and pace."
            },
            {
              id: "4",
              title: "What kind of career support do you provide?",
              content: "We offer resume building, interview preparation, job placement assistance, and ongoing mentorship. Our career coaches work with you throughout the program to prepare you for the job market."
            },
            {
              id: "5",
              title: "Do you offer certifications?",
              content: "Yes, all graduates receive Bbaba completion certificates recognized by industry partners. Additionally, you'll gain practical portfolio projects to showcase your skills to potential employers."
            },
            {
              id: "6",
              title: "What is the cost of enrollment?",
              content: "Course pricing varies depending on the program length and format. We offer flexible payment plans and may have scholarships available for qualified candidates. Contact our enrollment team for detailed pricing information."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to start your tech journey? Enroll in a course today and join our community of successful IT professionals. Let us help you build the skills for tomorrow."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Enroll Now", href: "/enroll" },
            { text: "Schedule a Call", href: "/schedule" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Bbaba"
          columns={[
            {
              title: "Programs",
              items: [
                { label: "Web Development", href: "#features" },
                { label: "Data Science", href: "#features" },
                { label: "Programming", href: "#features" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#team" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Blog", href: "/blog" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Enrollment Agreement", href: "/agreement" }
              ]
            }
          ]}
          copyrightText="© 2025 Bbaba IT School. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}