"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, BookOpen, Users, Star, Zap, HelpCircle, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="TechLearn Academy"
          navItems={[
            { name: "About", id: "about" },
            { name: "Courses", id: "features" },
            { name: "Instructors", id: "team" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Pricing", id: "pricing" }
          ]}
          button={{
            text: "Enroll Now",            href: "pricing"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="TECHLEARN"
          description="Master in-demand IT skills with expert instructors and hands-on projects. Launch your tech career today."
          buttons={[
            { text: "Explore Courses", href: "features" },
            { text: "Start Free Trial", href: "pricing" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",              imageAlt: "Programming and coding development"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/man-working-energy-innovations-his-laptop_23-2148820170.jpg",              imageAlt: "Web design and digital development"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/working-code_1098-19858.jpg",              imageAlt: "Data analytics and technology"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.15}
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Our Academy"
          title="Transform Your Career with Industry-Leading IT Education and Mentorship"
          description="Founded in 2015"
          subdescription="Empowering developers worldwide"
          icon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept_23-2150061960.jpg"
          imageAlt="Students learning online in a collaborative classroom environment"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Our Featured Courses"
          description="Comprehensive curriculum designed by industry professionals to meet current market demands"
          tag="Courses"
          tagIcon={BookOpen}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "python",              label: "Python",              title: "Master Python Programming from Basics to Advanced",              items: [
                "Core syntax and data structures",                "Object-oriented programming",                "Web development with Django",                "Data science libraries"
              ],
              buttons: [
                { text: "Learn More", href: "pricing" },
                { text: "Enroll" }
              ]
            },
            {
              id: "javascript",              label: "JavaScript",              title: "Full-Stack Web Development with JavaScript Ecosystem",              items: [
                "ES6+ modern syntax",                "React and Vue.js frameworks",                "Node.js backend development",                "Real-time applications"
              ],
              buttons: [
                { text: "Learn More", href: "pricing" },
                { text: "Enroll" }
              ]
            },
            {
              id: "database",              label: "Databases",              title: "Advanced Database Design and SQL Optimization",              items: [
                "SQL fundamentals and queries",                "Database normalization",                "NoSQL databases",                "Performance tuning"
              ],
              buttons: [
                { text: "Learn More", href: "pricing" },
                { text: "Enroll" }
              ]
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Proven Results and Student Success Across Our Academy"
          tag="Impact"
          metrics={[
            {
              id: "1",              value: "5000+",              description: "Students have graduated and landed their dream jobs in tech companies"
            },
            {
              id: "2",              value: "95%",              description: "Student satisfaction rate with our courses and instructor quality"
            },
            {
              id: "3",              value: "50+",              description: "Expert instructors bringing real-world experience to the classroom"
            },
            {
              id: "4",              value: "30K+",              description: "Active community members supporting each other in their learning journey"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Expert Instructors"
          description="Learn from industry veterans with decades of combined experience in cutting-edge technologies"
          tag="Team"
          tagIcon={Users}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          team={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Senior Python Developer",              imageSrc: "https://img.b2bpic.net/free-photo/mid-shot-counselor-cabinet_23-2148759108.jpg"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Full-Stack JavaScript Expert",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-lecturer-with-arms-crossed_1262-1753.jpg"
            },
            {
              id: "3",              name: "David Williams",              role: "Database Architect",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg"
            },
            {
              id: "4",              name: "Emily Rodriguez",              role: "Cloud & DevOps Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg"
            }
          ]}
        />
      </div>
      
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Alex Kumar",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-happy-senior-expert-with-flipchart_1262-1745.jpg"
            },
            {
              id: "2",              name: "Jessica Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/teacher-holding-english-class_23-2149402693.jpg"
            },
            {
              id: "3",              name: "James Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-man-classroom_23-2150444952.jpg"
            },
            {
              id: "4",              name: "Sofia Patel",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-man-classroom_23-2150444920.jpg"
            },
            {
              id: "5",              name: "Marcus Lee",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-with-notebook_23-2147655859.jpg"
            },
            {
              id: "6",              name: "Anna Bergström",              imageSrc: "https://img.b2bpic.net/free-photo/young-attractive-dark-haired-man-glasses-is-showing-business-plan-whiteboard-he-wears-blue-shirt-dark-jacket-he-is-smiling-side_197531-546.jpg"
            }
          ]}
          cardTitle="Over 5,000 graduates trust our academy to accelerate their tech careers and achieve their goals"
          cardTag="See what they say"
          cardTagIcon={Star}
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Choose Your Learning Path"
          description="Select the perfect plan to achieve your IT career goals with flexible pricing and comprehensive support"
          tag="Pricing"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "starter",              badge: "Starter Plan",              badgeIcon: BookOpen,
              price: "$99/month",              subtitle: "Perfect for beginners starting their tech journey",              buttons: [
                { text: "Start Learning", href: "contact" },
                { text: "Learn More" }
              ],
              features: [
                "Access to 5 foundational courses",                "Community forum access",                "Certificate of completion",                "Self-paced learning"
              ]
            },
            {
              id: "professional",              badge: "Professional Plan",              badgeIcon: Star,
              price: "$299/month",              subtitle: "Best for professionals accelerating their careers",              buttons: [
                { text: "Enroll Now", href: "contact" },
                { text: "Learn More" }
              ],
              features: [
                "Access to all 50+ courses",                "1-on-1 mentor guidance",                "Portfolio projects with feedback",                "Job preparation support",                "Priority community support"
              ]
            },
            {
              id: "enterprise",              badge: "Enterprise Plan",              badgeIcon: Award,
              price: "$999/month",              subtitle: "Comprehensive solution for teams and organizations",              buttons: [
                { text: "Contact Sales", href: "contact" },
                { text: "Learn More" }
              ],
              features: [
                "All Professional features",                "Dedicated account manager",                "Custom curriculum design",                "Team training programs",                "Unlimited mentoring sessions",                "Priority API access"
              ]
            }
          ]}
          carouselMode="buttons"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our courses, enrollment, and learning experience"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long do the courses typically take to complete?",              content: "Course duration varies from 4 weeks for foundational modules to 16 weeks for comprehensive programs. Most students complete courses at their own pace, typically dedicating 10-15 hours per week. You have lifetime access to course materials after enrollment."
            },
            {
              id: "2",              title: "Do you offer job placement assistance?",              content: "Yes! Our Professional and Enterprise plans include job preparation support including resume reviews, interview coaching, and connections with our partner companies. We maintain a network of 200+ tech companies actively hiring our graduates."
            },
            {
              id: "3",              title: "What if I have no programming experience?",              content: "No problem! Our courses are designed to welcome beginners. We start with fundamental concepts and progressively build complexity. The Starter Plan includes foundational courses perfect for those new to programming."
            },
            {
              id: "4",              title: "Are certificates recognized by employers?",              content: "Yes, our certificates are highly valued in the tech industry. They demonstrate proficiency in specific skills and technologies. Many of our graduates have successfully used these certificates to land jobs at major tech companies."
            },
            {
              id: "5",              title: "Can I get a refund if I'm not satisfied?",              content: "We offer a 14-day money-back guarantee for all new enrollments. If you're not satisfied with the course within the first two weeks, we'll provide a full refund, no questions asked."
            },
            {
              id: "6",              title: "Is mentoring available for all plans?",              content: "Mentoring is included in the Professional and Enterprise plans. For Starter Plan members, mentoring sessions are available as an add-on. Our mentors are experienced professionals working in the tech industry."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated with Industry Insights"
          description="Subscribe to our weekly newsletter for exclusive course updates, career tips, and special enrollment offers. Join thousands of learners expanding their IT skills."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/woman-typing-computer-chatting-with-ai-assistant_482257-122996.jpg"
          imageAlt="Newsletter subscription and digital communication"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime with one click."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="TechLearn Academy"
          copyrightText="© 2025 TechLearn Academy. All rights reserved."
          columns={[
            {
              title: "Courses",              items: [
                { label: "Python Programming", href: "/courses/python" },
                { label: "JavaScript & React", href: "/courses/javascript" },
                { label: "Database Design", href: "/courses/databases" },
                { label: "Cloud Computing", href: "/courses/cloud" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Instructors", href: "/team" },
                { label: "Blog", href: "/blog" },
                { label: "Careers", href: "/careers" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "/help" },
                { label: "Contact Us", href: "/contact" },
                { label: "FAQ", href: "/faq" },
                { label: "Community", href: "/community" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "/docs" },
                { label: "Code Examples", href: "/examples" },
                { label: "Project Gallery", href: "/projects" },
                { label: "Webinars", href: "/webinars" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Cookie Policy", href: "/cookies" },
                { label: "Accessibility", href: "/accessibility" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}