"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

const assetMap = {
  "academy-logo": {
    "url": "http://img.b2bpic.net/free-vector/flat-back-school-badge-collection_23-2148210621.jpg",    "alt": "academic seal logo gold navy"
  },
  "hero-slide-1": {
    "url": "http://img.b2bpic.net/free-photo/confident-student-gathers-information-citations-from-reliable-sources_482257-126904.jpg",    "alt": "Diverse group of international teachers in a modern, sophisticated classroom"
  },
  "hero-slide-2": {
    "url": "http://img.b2bpic.net/free-photo/colleagues-working-together-medium-shot_52683-99761.jpg",    "alt": "Teacher helping a student in a language learning session, focus on global connection"
  },
  "hero-slide-3": {
    "url": "http://img.b2bpic.net/free-photo/world-book-day-happy-school-girl-holding-price-glasses_140725-162261.jpg",    "alt": "Elegant globe with certification documents overlay, symbolizing international recognition"
  },
  "hero-slide-4": {
    "url": "http://img.b2bpic.net/free-photo/medium-shot-people-library_23-2149204735.jpg",    "alt": "Professional educators collaborating in a university setting, diverse and modern"
  },
  "hero-slide-5": {
    "url": "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept_185193-109736.jpg",    "alt": "Close up of a prestigious TESOL/TEFL certificate with a gold seal"
  },
  "hero-slide-6": {
    "url": "http://img.b2bpic.net/free-photo/group-students-holding-diploma_23-2148522292.jpg",    "alt": "Smiling group of international students and teachers outside a grand academic building"
  },
  "recognition-feature-1": {
    "url": "http://img.b2bpic.net/free-photo/network-connection-graphic-overlay-banner-floor_53876-121275.jpg",    "alt": "Globe icon with certification"
  },
  "recognition-feature-2": {
    "url": "http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg",    "alt": "Teacher writing on whiteboard"
  },
  "recognition-feature-3": {
    "url": "http://img.b2bpic.net/free-photo/business-people-working-with-laptop-office_23-2148017093.jpg",    "alt": "Business handshake with globe in background"
  },
  "course-module-1": {
    "url": "http://img.b2bpic.net/free-photo/open-book-stacks-books_23-2147690535.jpg",    "alt": "Open textbook on a desk"
  },
  "course-module-2": {
    "url": "http://img.b2bpic.net/free-photo/close-up-woman-writing-notebook_23-2148372177.jpg",    "alt": "Linguistics chart and grammar symbols"
  },
  "course-module-3": {
    "url": "http://img.b2bpic.net/free-photo/medium-shot-people-discussing-work_23-2149411511.jpg",    "alt": "Teacher planning a lesson on a whiteboard"
  },
  "course-module-4": {
    "url": "http://img.b2bpic.net/free-photo/medium-shot-people-travel-agency-office_23-2150801480.jpg",    "alt": "Teacher managing a diverse classroom"
  },
  "course-module-5": {
    "url": "http://img.b2bpic.net/free-photo/medium-shot-adults-studying-together_23-2150331682.jpg",    "alt": "Diverse group of young and adult learners"
  },
  "course-module-6": {
    "url": "http://img.b2bpic.net/free-photo/close-up-hands-holding-diploma-cap_23-2148950581.jpg",    "alt": "Student confidently presenting to a class"
  },
  "testimonial-1": {
    "url": "http://img.b2bpic.net/free-photo/young-woman-holding-notebook_23-2147953175.jpg",    "alt": "Dr. Anya Sharma, Lead Instructor"
  },
  "testimonial-2": {
    "url": "http://img.b2bpic.net/free-photo/close-up-young-business-person-doing-internship_23-2149305396.jpg",    "alt": "Marco Rossi, English Teacher"
  },
  "testimonial-3": {
    "url": "http://img.b2bpic.net/free-photo/pair-students-gown-looking-globe-with-magnifying-glass_114579-53804.jpg",    "alt": "Sophia Chen, Private English Tutor"
  },
  "testimonial-4": {
    "url": "http://img.b2bpic.net/free-photo/portrait-positive-adult-male-office_23-2148483863.jpg",    "alt": "David Kim, School Teacher"
  },
  "testimonial-5": {
    "url": "http://img.b2bpic.net/free-photo/female-graduate-standing-with-crossed-arms-uniform-casual-clothes-looking-proud-front-view_176474-51060.jpg",    "alt": "Eleanor Vance, Training Center Instructor"
  },
  "contact-form-visual": {
    "url": "http://img.b2bpic.net/free-photo/arab-arched-windows_1122-1300.jpg",    "alt": "Grand academic building entrance"
  }
};

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="medium"
      background="fluid"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="TESOL & TEFL Academy"
          navItems={[
            { name: "Home", id: "#home" },
            { name: "Why Certify", id: "#why-certify" },
            { name: "Recognition", id: "#recognition" },
            { name: "Course Structure", id: "#course-structure" },
            { name: "Career", id: "#career" },
            { name: "Success Stories", id: "#success-stories" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
          logoSrc={assetMap["academy-logo"].url}
          logoAlt={assetMap["academy-logo"].alt}
          button={{ text: "Book a Free Consultation", href: "#contact" }}
          animateOnLoad={true}
        />
      </div>
      <div id="home" data-section="home">
        <HeroCarouselLogo
          logoText="TESOL & TEFL Academy"
          description="Earn a globally recognized TESOL & TEFL certification and open new teaching opportunities worldwide."
          buttons={[
            { text: "Book a Free Consultation", href: "#contact" },
            { text: "View Program", href: "#course-structure" }
          ]}
          slides={[
            { imageSrc: assetMap["hero-slide-1"].url, imageAlt: assetMap["hero-slide-1"].alt, videoAriaLabel: "International teachers collaborating" },
            { imageSrc: assetMap["hero-slide-2"].url, imageAlt: assetMap["hero-slide-2"].alt, videoAriaLabel: "Teacher mentoring student" },
            { imageSrc: assetMap["hero-slide-3"].url, imageAlt: assetMap["hero-slide-3"].alt, videoAriaLabel: "Global certification concept" },
            { imageSrc: assetMap["hero-slide-4"].url, imageAlt: assetMap["hero-slide-4"].alt, videoAriaLabel: "Educators collaborating" },
            { imageSrc: assetMap["hero-slide-5"].url, imageAlt: assetMap["hero-slide-5"].alt, videoAriaLabel: "TESOL TEFL certificate" },
            { imageSrc: assetMap["hero-slide-6"].url, imageAlt: assetMap["hero-slide-6"].alt, videoAriaLabel: "Happy international students and teachers" }
          ]}
          autoplayDelay={3000}
          showDimOverlay={true}
          ariaLabel="Hero section with TESOL & TEFL Academy"
        />
      </div>
      <div id="why-certify" data-section="why-certify">
        <TextAbout
          tag="Foundation"
          title="Why TESOL & TEFL Certification Matters"
          useInvertedBackground={false}
        />
      </div>
      <div id="recognition" data-section="recognition">
        <FeatureCardSeven
          tag="Global Reach"
          title="International Recognition & Benefits"
          description="A TESOL/TEFL certificate from our academy is your passport to teaching English across continents. Employers worldwide trust our standards for comprehensive educator training."
          features={[
            { title: "Worldwide Acceptance", description: "Our certifications are recognized and respected by language schools and institutions in over 100 countries, ensuring your qualifications are valued globally.", imageSrc: assetMap["recognition-feature-1"].url, imageAlt: assetMap["recognition-feature-1"].alt },
            { title: "Enhanced Pedagogical Skills", description: "Master cutting-edge teaching methodologies, classroom management techniques, and practical strategies that engage learners of all ages and proficiency levels.", imageSrc: assetMap["recognition-feature-2"].url, imageAlt: assetMap["recognition-feature-2"].alt },
            { title: "Accelerated Career Advancement", description: "Open doors to higher-paying positions, leadership roles, and a broader range of teaching opportunities in prestigious private schools, universities, and online platforms.", imageSrc: assetMap["recognition-feature-3"].url, imageAlt: assetMap["recognition-feature-3"].alt }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="course-structure" data-section="course-structure">
        <ProductCardThree
          tag="Curriculum"
          title="Our Comprehensive Course Structure"
          description="Navigate your path to certification with our clearly defined modules, designed for both theoretical understanding and practical application in diverse teaching contexts."
          products={[
            { id: "module-1", name: "Foundations of TESOL/TEFL", price: "Module 1", imageSrc: assetMap["course-module-1"].url, imageAlt: assetMap["course-module-1"].alt },
            { id: "module-2", name: "Grammar & Phonology for Teachers", price: "Module 2", imageSrc: assetMap["course-module-2"].url, imageAlt: assetMap["course-module-2"].alt },
            { id: "module-3", name: "Lesson Planning & Delivery", price: "Module 3", imageSrc: assetMap["course-module-3"].url, imageAlt: assetMap["course-module-3"].alt },
            { id: "module-4", name: "Classroom Management & Assessment", price: "Module 4", imageSrc: assetMap["course-module-4"].url, imageAlt: assetMap["course-module-4"].alt },
            { id: "module-5", name: "Teaching Young Learners & Adults", price: "Module 5", imageSrc: assetMap["course-module-5"].url, imageAlt: assetMap["course-module-5"].alt },
            { id: "module-6", name: "Practicum & Certification", price: "Module 6", imageSrc: assetMap["course-module-6"].url, imageAlt: assetMap["course-module-6"].alt }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="career" data-section="career">
        <SocialProofOne
          tag="Impact"
          title="Launch Your Global Teaching Career"
          description="Our graduates secure positions in prestigious schools, universities, and language centers around the world. Partnering with leading international recruiters, we connect you with unparalleled career opportunities."
          names={["Global Education Consortium", "International Language Institute", "World Schools Network", "Asia Education Group", "European Language Schools Alliance", "Middle East Academic Partnership", "Online Learning Platform", "Teacher Training Academy", "Higher Education Institution"]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="success-stories" data-section="success-stories">
        <TestimonialCardThirteen
          tag="Inspiring Journeys"
          title="Student Success Stories"
          description="Hear directly from our graduates who are now thriving as internationally certified English teachers, making a difference in classrooms worldwide."
          testimonials={[
            { id: "1", name: "Dr. Anya Sharma", handle: "@AnyaGlobalEdu", testimonial: "The TESOL & TEFL Academy transformed my teaching career. I'm now a Lead Instructor at a renowned international school, a dream come true! The curriculum is rigorous, practical, and truly globally focused.", rating: 5, imageSrc: assetMap["testimonial-1"].url, imageAlt: assetMap["testimonial-1"].alt },
            { id: "2", name: "Marco Rossi", handle: "@MarcoTeachWorld", testimonial: "After completing my certification, I secured a position in Tokyo. The career support and international network provided by the Academy were invaluable. Highly recommend for aspiring global educators.", rating: 5, imageSrc: assetMap["testimonial-2"].url, imageAlt: assetMap["testimonial-2"].alt },
            { id: "3", name: "Sophia Chen", handle: "@SophiaLangPro", testimonial: "As a private tutor, the TESOL & TEFL certification elevated my expertise and credibility. My client base grew significantly, and I now confidently teach advanced English to professionals worldwide.", rating: 5, imageSrc: assetMap["testimonial-3"].url, imageAlt: assetMap["testimonial-3"].alt },
            { id: "4", name: "David Kim", handle: "@DavidClassroom", testimonial: "The practical training was exceptional. I gained hands-on experience and learned to adapt my teaching style to diverse cultural contexts. Now, I'm successfully leading classes in Europe.", rating: 5, imageSrc: assetMap["testimonial-4"].url, imageAlt: assetMap["testimonial-4"].alt },
            { id: "5", name: "Eleanor Vance", handle: "@EleanorGlobal", testimonial: "The Academy's program felt like a true university experience. The instructors were inspiring, and the focus on global standards prepared me perfectly for my role as a training center instructor in Dubai.", rating: 5, imageSrc: assetMap["testimonial-5"].url, imageAlt: assetMap["testimonial-5"].alt }
          ]}
          showRating={true}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqDouble
          tag="Support"
          title="Frequently Asked Questions"
          description="Find quick answers to common inquiries about our TESOL & TEFL programs, certification process, and career support."
          faqs={[
            { id: "faq-1", title: "What is the difference between TESOL and TEFL?", content: "TESOL (Teaching English to Speakers of Other Languages) and TEFL (Teaching English as a Foreign Language) are both international certifications. While often used interchangeably, TESOL is sometimes preferred in countries where English is a secondary language (e.g., Canada, UK), while TEFL is more common for teaching abroad in non-English speaking countries. Our comprehensive program covers both to ensure maximum versatility." },
            { id: "faq-2", title: "Is the certification internationally recognized?", content: "Yes, our TESOL & TEFL certification is globally recognized and accredited by leading international education bodies. This ensures that your qualification is accepted by employers in language schools, universities, and private institutions worldwide, providing you with a credible advantage in the job market." },
            { id: "faq-3", title: "What are the admission requirements?", content: "Applicants typically need to be at least 18 years old, possess a high school diploma or equivalent, and have a proficient level of English. While a bachelor's degree is not always mandatory for the course itself, some employers may require it for teaching positions. Contact our admissions team for specific details." },
            { id: "faq-4", title: "How long does the certification program take?", content: "Our programs are designed with flexibility in mind, offering full-time, part-time, and online options. Depending on your chosen pace, the core certification can be completed in as little as 4 weeks for intensive courses, or up to 6 months for more flexible schedules. We also offer advanced modules for extended study." },
            { id: "faq-5", title: "What kind of career support do you offer?", content: "We provide extensive career support including resume building, interview preparation, job placement assistance, and access to our exclusive network of international recruiters and partner schools. Our graduates receive guidance on securing teaching positions in various countries and contexts." },
            { id: "faq-6", title: "Are there any practical teaching components?", content: "Absolutely. Our programs integrate practical teaching practice (practicum) to ensure you gain hands-on classroom experience. This includes lesson planning, delivering lessons to actual students, and receiving constructive feedback from experienced instructors. This component is crucial for building confidence and practical skills." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Enroll Today"
          title="Ready to Begin Your Journey?"
          description="Connect with our admissions team to learn more about our programs, discuss your career goals, and start your registration process. Your global teaching adventure awaits."
          imageSrc={assetMap["contact-form-visual"].url}
          imageAlt={assetMap["contact-form-visual"].alt}
          mediaAnimation="opacity"
          mediaPosition="right"
          inputPlaceholder="Your Email Address"
          buttonText="Send Inquiry"
          termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="TESOL & TEFL Academy"
          logoSrc={assetMap["academy-logo"].url}
          logoAlt={assetMap["academy-logo"].alt}
          columns={[
            { items: [{ label: "Our Programs", href: "#course-structure" }, { label: "Certifications", href: "#recognition" }, { label: "Admission", href: "#contact" }] },
            { items: [{ label: "About Us", href: "#why-certify" }, { label: "Student Success", href: "#success-stories" }, { label: "Career Support", href: "#career" }] },
            { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
