"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Award, BookOpen, Mail, MapPin, Phone, Star, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Tyt Day"
          button={{
            text: "Enroll Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Master Modern IT Skills"
          description="Learn from industry experts in Web Development, Data Science, Cybersecurity, and Cloud Computing. Transform your career with Tyt Day IT School."
          tag="Professional IT Training"
          tagIcon={Zap}
          buttons={[
            {
              text: "View Programs",
              href: "#courses"
            },
            {
              text: "Schedule Demo",
              href: "#contact"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484716991-2p5cqa53.jpg"
          imageAlt="IT classroom with students learning programming"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Why Choose Tyt Day"
          description="We deliver comprehensive IT education with hands-on experience, industry-standard curriculum, and direct pathways to employment."
          tag="Quality Education"
          tagIcon={Award}
          features={[
            {
              id: "experienced-instructors",
              title: "Expert Instructors",
              description: "Learn from certified professionals with real-world industry experience and passion for teaching.",
              label: "10+ Years Average Experience"
            },
            {
              id: "job-placement",
              title: "Career Support",
              description: "Dedicated job placement assistance, resume coaching, and connections with top tech companies.",
              label: "85% Placement Rate"
            }
          ]}
          buttons={[
            {
              text: "Learn More",
              href: "#contact"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="courses" data-section="courses">
        <FeatureCardThree
          title="Our IT Programs"
          description="Specialized courses designed for beginners and professionals. Choose the path that fits your career goals."
          tag="Courses"
          tagIcon={BookOpen}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          features={[
            {
              id: "01",
              title: "Web Development",
              description: "Master frontend and backend development with React, Node.js, and modern frameworks. Build responsive web applications.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg",
              imageAlt: "Web development course"
            },
            {
              id: "02",
              title: "Data Science",
              description: "Learn data analysis, machine learning, and Python programming. Turn data into actionable insights for business.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484714329-4i8nds16.jpg",
              imageAlt: "Data science course"
            },
            {
              id: "03",
              title: "Cybersecurity",
              description: "Protect digital assets and networks. Cover security principles, ethical hacking, and compliance standards.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg",
              imageAlt: "Cybersecurity course"
            },
            {
              id: "04",
              title: "Cloud Computing",
              description: "Master AWS, Azure, and Google Cloud. Deploy, manage, and scale applications in the cloud.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494973168-mwn1lqco.jpg",
              imageAlt: "Cloud computing course"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Tyt Day By Numbers"
          description="Our proven track record of success in tech education"
          tag="Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",
              value: "2500+",
              description: "Students Trained"
            },
            {
              id: "2",
              value: "85%",
              description: "Job Placement Rate"
            },
            {
              id: "3",
              value: "50+",
              description: "Industry Partners"
            },
            {
              id: "4",
              value: "4.8/5",
              description: "Student Rating"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484714329-4i8nds16.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emma Davis",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
              imageAlt: "Emma Davis"
            },
            {
              id: "4",
              name: "James Wilson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492698706-udp5pns4.jpg",
              imageAlt: "James Wilson"
            }
          ]}
          cardTitle="Over 2500 graduates launched successful careers with Tyt Day"
          cardTag="Student Success Stories"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to start your IT career?"
          inputPlaceholder="Enter your email"
          buttonText="Get Started"
          animationType="background-highlight"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Tyt Day"
          title="Empowering the next generation of IT professionals"
          columns={[
            {
              title: "Programs",
              items: [
                {
                  label: "Web Development",
                  href: "#courses"
                },
                {
                  label: "Data Science",
                  href: "#courses"
                },
                {
                  label: "Cybersecurity",
                  href: "#courses"
                },
                {
                  label: "Cloud Computing",
                  href: "#courses"
                }
              ]
            },
            {
              title: "Company",
              items: [
                {
                  label: "About Us",
                  href: "#about"
                },
                {
                  label: "Careers",
                  href: "#contact"
                },
                {
                  label: "Blog",
                  href: "/"
                },
                {
                  label: "Contact",
                  href: "#contact"
                }
              ]
            },
            {
              title: "Legal",
              items: [
                {
                  label: "Privacy Policy",
                  href: "/"
                },
                {
                  label: "Terms of Service",
                  href: "/"
                },
                {
                  label: "Code of Conduct",
                  href: "/"
                }
              ]
            }
          ]}
          contactItems={[
            {
              icon: Mail,
              text: "contact@tytday.com"
            },
            {
              icon: Phone,
              text: "(555) 123-4567"
            },
            {
              icon: MapPin,
              text: "Tech Hub, City Center"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}