"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, Award, Sparkles, Code, Laptop, Users, Globe, DollarSign, Star, TrendingUp, Heart } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="ForLive"
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Enroll Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Master IT Skills for the Future"
          description="ForLive is your gateway to a thriving career in technology. Learn from industry experts and transform your skills into real-world expertise."
          tag="IT Education"
          tagIcon={Zap}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-working-laptops_23-2149739424.jpg",              imageAlt: "Students learning to code"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/row-serious-focused-coworkers-sitting-table-typing-laptops_74855-10363.jpg",              imageAlt: "Web development course"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/searching-data_1098-13114.jpg",              imageAlt: "Software development training"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/group-young-people-casual-clothes-working-modern-office_146671-16433.jpg",              imageAlt: "IT career opportunities"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/colleagues-working-together-conference-room_158595-5236.jpg",              imageAlt: "Online learning platform"
            }
          ]}
          buttons={[
            {
              text: "Start Learning Today",              href: "contact"
            },
            {
              text: "Explore Courses",              href: "features"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About ForLive"
          tagIcon={Award}
          title="Empowering the Next Generation of IT Professionals"
          description="At ForLive, we believe that quality IT education should be accessible to everyone. Our comprehensive curriculum combines theoretical knowledge with practical hands-on experience, preparing students for real-world challenges in the tech industry. With experienced mentors and cutting-edge learning resources, we've helped thousands of students launch successful careers in software development, data science, cybersecurity, and beyond."
          metrics={[
            {
              value: "5000+",              title: "Graduates Placed in Tech Companies"
            },
            {
              value: "95%",              title: "Job Placement Rate"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257210.jpg"
          imageAlt="ForLive IT school campus"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="Why Choose ForLive?"
          description="Our comprehensive learning platform offers industry-leading features designed to accelerate your IT career."
          tag="Our Features"
          tagIcon={Sparkles}
          features={[
            {
              icon: Code,
              title: "Expert Instructors",              description: "Learn from senior developers and IT professionals with 10+ years of industry experience."
            },
            {
              icon: Laptop,
              title: "Hands-On Projects",              description: "Build real-world applications and portfolio projects that showcase your skills to employers."
            },
            {
              icon: Users,
              title: "Community Support",              description: "Join a thriving community of learners, get peer support, and network with fellow developers."
            },
            {
              icon: Zap,
              title: "Career Guidance",              description: "Receive personalized career coaching, resume reviews, and interview preparation support."
            },
            {
              icon: Globe,
              title: "Flexible Learning",              description: "Learn at your own pace with our self-paced courses and live interactive sessions."
            },
            {
              icon: Award,
              title: "Certified Paths",              description: "Earn industry-recognized certifications that employers value and seek."
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Flexible Pricing Plans"
          description="Choose the perfect plan that fits your learning goals and budget."
          tag="Our Pricing"
          tagIcon={DollarSign}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "1",              price: "$99/month",              name: "Starter",              buttons: [
                {
                  text: "Get Started",                  href: "contact"
                },
                {
                  text: "Learn More",                  href: "#"
                }
              ],
              features: [
                "Access to 5 core IT courses",                "Self-paced learning modules",                "Email support",                "Course materials and resources",                "Basic community access"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Star,
              price: "$249/month",              name: "Professional",              buttons: [
                {
                  text: "Get Started",                  href: "contact"
                },
                {
                  text: "Learn More",                  href: "#"
                }
              ],
              features: [
                "Access to all 20+ IT courses",                "Live mentoring sessions (weekly)",                "Priority support",                "Real-world project portfolio building",                "Career guidance and resume review",                "Industry certification prep",                "Exclusive job board access"
              ]
            },
            {
              id: "3",              price: "$449/month",              name: "Enterprise",              buttons: [
                {
                  text: "Get Started",                  href: "contact"
                },
                {
                  text: "Learn More",                  href: "#"
                }
              ],
              features: [
                "All Professional plan features",                "One-on-one personalized coaching",                "Guaranteed job placement assistance",                "Interview preparation bootcamp",                "Networking with industry leaders",                "Advanced specialization tracks",                "Lifetime course access",                "Corporate partnership opportunities"
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="ForLive by the Numbers"
          description="See the impact we've made in the IT education space."
          tag="Our Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "15K+",              description: "Active Students Worldwide"
            },
            {
              id: "2",              value: "50+",              description: "Expert Instructors"
            },
            {
              id: "3",              value: "200+",              description: "Courses & Specializations"
            },
            {
              id: "4",              value: "98%",              description: "Student Satisfaction Rate"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Success Stories from Our Graduates"
          description="Hear directly from students who transformed their careers with ForLive."
          tag="Testimonials"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Senior Developer at TechCorp",              date: "Date: 15 November 2024",              title: "ForLive completely transformed my career!",              quote: "I came to ForLive with no coding experience, but the expert instructors and hands-on projects gave me the confidence to land a job as a senior developer within 6 months. The career guidance was invaluable!",              tag: "Developer Track",              avatarSrc: "https://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",              avatarAlt: "portrait professional student developer headshot"
            },
            {
              id: "2",              name: "Michael Chen, Data Scientist at DataFlow Analytics",              date: "Date: 10 November 2024",              title: "The best investment in my future",              quote: "The data science specialization provided everything I needed to transition into analytics. The mentors were incredibly supportive, and the community kept me motivated throughout my learning journey.",              tag: "Data Science Track",              avatarSrc: "https://img.b2bpic.net/free-photo/student-posing-group-study-session-with-colleagues_23-2149211075.jpg",              avatarAlt: "portrait professional young professional developer headshot"
            },
            {
              id: "3",              name: "Emily Rodriguez, Full Stack Engineer at CloudSoft",              date: "Date: 5 November 2024",              title: "From zero to hero in tech",              quote: "ForLive's comprehensive curriculum covered everything from frontend to backend development. The real-world projects helped me build a portfolio that impressed my current employer. Highly recommended!",              tag: "Full Stack Track",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",              avatarAlt: "portrait professional woman developer headshot"
            },
            {
              id: "4",              name: "David Kim, Cybersecurity Specialist at SecureNet",              date: "Date: 1 November 2024",              title: "Expert instruction at its finest",              quote: "The cybersecurity course was thorough and practical. I gained hands-on experience with real security tools and earned my certification, which directly led to my current role as a security specialist.",              tag: "Cybersecurity Track",              avatarSrc: "https://img.b2bpic.net/free-photo/young-man-student-holding-computer_1303-21810.jpg",              avatarAlt: "portrait professional man technologist headshot"
            },
            {
              id: "5",              name: "Lisa Park, DevOps Engineer at CloudNext",              date: "Date: 28 October 2024",              title: "Industry-ready training",              quote: "ForLive's DevOps course equipped me with practical skills in containerization, CI/CD, and cloud infrastructure. The instructors' real-world experience made all the difference in my career transition.",              tag: "DevOps Track",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg",              avatarAlt: "portrait professional student IT professional headshot"
            },
            {
              id: "6",              name: "James Martinez, Software Architect at InnovateTech",              date: "Date: 25 October 2024",              title: "Elevate your career with purpose",              quote: "The advanced software engineering program at ForLive helped me transition from mid-level to senior architect role. The mentorship and peer learning were game-changers for my professional growth.",              tag: "Advanced Track",              avatarSrc: "https://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg",              avatarAlt: "portrait professional developer engineer headshot"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to launch your IT career with ForLive? Join thousands of successful graduates and start your transformation today. Enroll in a course and take the first step toward your dream job in technology."
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Enroll Now",              href: "https://forlive.example.com/enroll"
            },
            {
              text: "Schedule a Call",              href: "https://forlive.example.com/consultation"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="ForLive"
          copyrightText="© 2024 ForLive IT School. All rights reserved."
          columns={[
            {
              title: "Courses",              items: [
                { label: "Web Development", href: "/courses/web-development" },
                { label: "Data Science", href: "/courses/data-science" },
                { label: "Cybersecurity", href: "/courses/cybersecurity" },
                { label: "DevOps", href: "/courses/devops" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Careers", href: "/careers" },
                { label: "Blog", href: "/blog" },
                { label: "Press", href: "/press" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Community Forum", href: "/community" },
                { label: "Documentation", href: "/docs" },
                { label: "FAQ", href: "/faq" },
                { label: "Support", href: "/support" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Cookie Policy", href: "/cookies" },
                { label: "Contact", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}