"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { BookOpen, Code, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="CodeMaster Academy"
          navItems={[
            { name: "About", id: "about" },
            { name: "Programs", 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">
        <HeroBillboard
          title="Launch Your Tech Career with CodeMaster Academy"
          description="Learn industry-leading programming skills from expert instructors. Join thousands of students who transformed their careers through our comprehensive, hands-on courses."
          tag="Enroll Today"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/person-computing-software-code-laptop_482257-85707.jpg"
          imageAlt="Professional developers coding on laptops"
          buttons={[
            { text: "Start Learning", href: "contact" },
            { text: "Explore Programs", href: "features" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose CodeMaster Academy?"
          description="We believe in practical, industry-focused education that prepares students for real-world challenges. Our curriculum is designed by professionals, taught by experts, and proven by our graduates' success in top tech companies worldwide."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/students-learning-school-their-classroom_23-2149511027.jpg"
          imageAlt="Students learning in modern classroom environment"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Our Comprehensive Programs"
          description="Master cutting-edge technologies through structured, step-by-step learning paths designed for all skill levels."
          tag="Curriculum"
          features={[
            {
              id: 1,
              title: "Web Development Bootcamp",              description: "Master full-stack development with React, Node.js, and modern web technologies. Build real-world applications from day one.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg"
            },
            {
              id: 2,
              title: "Mobile App Development",              description: "Create native and cross-platform mobile applications using Swift, Kotlin, and React Native. Deploy to app stores.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg"
            },
            {
              id: 3,
              title: "Data Science & AI",              description: "Learn Python, machine learning, and data analytics. Work with real datasets and build intelligent applications.",              imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040428.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Programs", href: "#" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your learning goals. All plans include lifetime access to course materials."
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "1",              badge: "Foundation",              badgeIcon: BookOpen,
              price: "$74.50",              subtitle: "Perfect for beginners",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Self-paced online learning",                "Access to course materials",                "Community support forum",                "Certificate of completion"
              ]
            },
            {
              id: "2",              badge: "Professional",              badgeIcon: Code,
              price: "$149.50",              subtitle: "Best for career changers",              buttons: [
                { text: "Enroll Now", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Live instructor sessions",                "1-on-1 mentorship",                "Real-world projects",                "Job placement assistance",                "Career coaching"
              ]
            },
            {
              id: "3",              badge: "Elite",              badgeIcon: Zap,
              price: "$249.50",              subtitle: "Comprehensive mastery",              buttons: [
                { text: "Premium Access", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "All Professional features",                "Interview preparation",                "Portfolio building",                "Guaranteed job interviews",                "Lifetime community access",                "Advanced specializations"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Success Stories from Our Graduates"
          description="Hear from students who transformed their careers with CodeMaster Academy."
          tag="Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              role: "Senior Frontend Developer",              testimonial: "The Web Development program was exactly what I needed to transition into tech. The instructors are industry professionals and the hands-on projects prepared me perfectly for my new role.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "2",              name: "Marcus Johnson",              role: "Mobile App Developer",              testimonial: "I went from zero coding experience to shipping my first app in 4 months. The mentorship and real-world projects made all the difference in my learning journey.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg",              imageAlt: "Marcus Johnson"
            },
            {
              id: "3",              name: "Priya Patel",              role: "Data Scientist",              testimonial: "The Data Science program gave me the skills and confidence to land my dream job. The community support and career coaching were invaluable.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-girl-city_1157-17242.jpg",              imageAlt: "Priya Patel"
            },
            {
              id: "4",              name: "David Kim",              role: "Full Stack Engineer",              testimonial: "CodeMaster Academy delivered on its promise. The curriculum is current, the teaching is excellent, and the job placement help actually works. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg",              imageAlt: "David Kim"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our programs, admissions, and learning experience."
          tag="Help"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Do I need prior coding experience to enroll?",              content: "No! Our Foundation and Professional programs are designed for beginners. We start from the basics and progress to advanced topics. If you have some experience, you can test into higher levels."
            },
            {
              id: "2",              title: "How long does it take to complete a program?",              content: "Most programs take 12-16 weeks for full-time students and 6-9 months for part-time learners. You can learn at your own pace with lifetime access to materials."
            },
            {
              id: "3",              title: "Are the certificates recognized by employers?",              content: "Yes! Our certificates are highly valued by tech companies. We partner with leading organizations, and our graduates are hired at rates significantly above industry average."
            },
            {
              id: "4",              title: "What if I need to pause my studies?",              content: "Life happens! You can pause your enrollment for up to 6 months without losing access. Our student success team is here to help you find the right pace."
            },
            {
              id: "5",              title: "Do you offer financing options?",              content: "Yes, we offer multiple payment plans, income share agreements, and financing partnerships. We believe cost shouldn't be a barrier to quality education."
            },
            {
              id: "6",              title: "Is there a money-back guarantee?",              content: "Absolutely! If you're not satisfied within the first 30 days, we offer a full refund. No questions asked. We're confident you'll love our programs."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Start Your Tech Journey?"
          description="Get in touch with our admissions team. They'll help you choose the right program and answer any questions about enrollment, pricing, or course content."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "program", type: "text", placeholder: "Interested Program", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your coding experience and goals...",            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/happy-cheerful-business-lady-speaking-cellphone_1262-20200.jpg"
          imageAlt="Contact support illustration"
          mediaPosition="right"
          buttonText="Send Inquiry"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="CodeMaster Academy"
          copyrightText="© 2025 CodeMaster Academy. All rights reserved."
          columns={[
            {
              title: "Programs",              items: [
                { label: "Web Development", href: "#" },
                { label: "Mobile Development", href: "#" },
                { label: "Data Science", href: "#" },
                { label: "All Courses", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Community", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}