"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactInline from '@/components/sections/contact/ContactInline';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="radialGradient"
      cardStyle="neon-glow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Red Room"
          navItems={[
            { name: "About", id: "about" },
            { name: "Classes", id: "feature" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Red Room"
          description="Master English with expert instructors. Immersive learning experiences for every level, from beginner to advanced proficiency."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
          imageAlt="Dynamic English classroom with engaged students"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <ParallaxAbout
          title="Learn English Your Way"
          description="Red Room is dedicated to transforming how you experience English language learning. Through innovative teaching methods, personalized attention, and a supportive community, we help every student achieve their language goals with confidence and fluency."
          tag="Our Mission"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490825100-qr8p9dkh.jpg"
          imageAlt="English learning materials and resources"
          buttons={[{"text":"Explore","href":"#feature"}]}
          descriptionClassName="text-white"
        />
      </div>
      
      <div id="feature" data-section="feature">
        <FeatureCardThirteen
          title="Our Learning Approach"
          description="A structured yet flexible methodology designed for real-world communication mastery"
          tag="Process"
          features={[
            {
              id: "01",
              title: "Assessment",
              description: "Comprehensive evaluation of your current English level, goals, and learning preferences to create a personalized learning path."
            },
            {
              id: "02",
              title: "Immersion",
              description: "Interactive classes focused on speaking, listening, reading, and writing through real-life scenarios and authentic materials."
            },
            {
              id: "03",
              title: "Practice",
              description: "Regular assignments, group discussions, and one-on-one feedback sessions to reinforce learning and build confidence."
            },
            {
              id: "04",
              title: "Mastery",
              description: "Milestone testing and certification paths to track progress and validate your English proficiency achievements."
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Instructors"
          description="Experienced English educators passionate about student success"
          tag="Expert Team"
          members={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Senior English Instructor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161716897-3ct4uqsh.jpg",
              imageAlt: "Sarah Mitchell, Senior English Instructor"
            },
            {
              id: "2",
              name: "Michael Chen",
              role: "Business English Specialist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826035-lrazclrt.jpg",
              imageAlt: "Michael Chen, Business English Specialist"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Conversation Coach",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826727-dlrt5e1i.jpg",
              imageAlt: "Emma Rodriguez, Conversation Coach"
            },
            {
              id: "4",
              name: "James Patterson",
              role: "Grammar & Writing Expert",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827294-y1y03u05.jpg",
              imageAlt: "James Patterson, Grammar & Writing Expert"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="Student Success Stories"
          description="Real testimonials from students who transformed their English proficiency at Red Room"
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              name: "Lisa Johnson, Marketing Manager",
              date: "Date: 15 November 2024",
              title: "Transformed my career with fluent English",
              quote: "Red Room completely changed my confidence in speaking English. Within six months, I was presenting to international clients without hesitation. The personalized approach and supportive teachers made all the difference.",
              tag: "Professional Growth",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827835-wes34icg.jpg",
              avatarAlt: "Lisa Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490827835-wes34icg.jpg"
            },
            {
              id: "2",
              name: "David Park, Software Engineer",
              date: "Date: 20 October 2024",
              title: "Finally understand native English speakers",
              quote: "The conversational classes at Red Room helped me understand movies, podcasts, and casual conversations without subtitles. It's not just textbook learning, it's real communication skills.",
              tag: "Communication Skills",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490828433-taahfmi4.jpg",
              avatarAlt: "David Park",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490828433-taahfmi4.jpg"
            },
            {
              id: "3",
              name: "Anna Mueller, Student",
              date: "Date: 05 November 2024",
              title: "Perfect preparation for university",
              quote: "I came to Red Room needing B2 level for my university application. The teachers focused on exactly what I needed, and I passed my exam with flying colors. Highly recommended!",
              tag: "Academic Success",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490829033-aep2ayth.jpg",
              avatarAlt: "Anna Mueller",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490829033-aep2ayth.jpg"
            },
            {
              id: "4",
              name: "Carlos Silva, Business Owner",
              date: "Date: 28 September 2024",
              title: "Essential for growing my international business",
              quote: "Red Room's business English program was instrumental in helping me expand my company internationally. The teachers understand real business scenarios and prepare you for authentic workplace communication.",
              tag: "Business English",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490829959-lb608tz6.jpg",
              avatarAlt: "Carlos Silva",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490829959-lb608tz6.jpg"
            },
            {
              id: "5",
              name: "Sophie Dupont, Freelancer",
              date: "Date: 12 October 2024",
              title: "Doubled my freelance opportunities",
              quote: "Improving my English at Red Room opened so many doors for my freelance career. I can now work with clients worldwide and communicate clearly without worrying about language barriers.",
              tag: "Career Development",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490830771-rva56w2y.jpg",
              avatarAlt: "Sophie Dupont",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490830771-rva56w2y.jpg"
            },
            {
              id: "6",
              name: "Robert Kim, Travel Enthusiast",
              date: "Date: 22 October 2024",
              title: "Unlocked a new world of travel experiences",
              quote: "Now I travel confidently, make friends from all over the world, and enjoy engaging conversations everywhere. Red Room gave me the skills and confidence to truly connect with people globally.",
              tag: "Personal Growth",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490831482-nhp7wg1q.jpg",
              avatarAlt: "Robert Kim",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490831482-nhp7wg1q.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about Red Room English School"
          tag="Help"
          faqs={[
            {
              id: "1",
              title: "What English levels do you offer?",
              content: "We offer classes for all levels: Beginner (A1), Elementary (A2), Intermediate (B1), Upper-Intermediate (B2), Advanced (C1), and Mastery (C2). We use the CEFR framework to ensure consistent quality and progression."
            },
            {
              id: "2",
              title: "How are classes structured?",
              content: "Classes combine interactive group sessions with personalized one-on-one feedback. We use a mix of conversation practice, grammar lessons, listening exercises, and writing assignments. Classes are typically 2-3 hours per week, with additional online materials for self-study."
            },
            {
              id: "3",
              title: "Do you offer flexible scheduling?",
              content: "Yes! We offer morning, afternoon, and evening classes throughout the week. We also provide weekend intensives and can arrange private sessions for professional or accelerated learning. Contact us to find a schedule that works for you."
            },
            {
              id: "4",
              title: "What qualifications do your teachers have?",
              content: "All our instructors are native or near-native English speakers with at least 5 years of teaching experience. Most hold TEFL, CELTA, or equivalent certifications and have specialized expertise in areas like business English, exam preparation, or conversational fluency."
            },
            {
              id: "5",
              title: "Do you prepare students for English exams?",
              content: "Absolutely. We specialize in preparation for IELTS, TOEFL, Cambridge (FCE, CAE, CPE), and other major English proficiency exams. Our exam prep courses focus on test strategies, time management, and the specific skills needed to achieve your target score."
            },
            {
              id: "6",
              title: "How long does it take to reach fluency?",
              content: "This depends on your starting level and how much you practice outside class. Typically, students advance one CEFR level every 3-4 months of consistent study. Intensive courses can accelerate this timeline. We create personalized learning plans with realistic timelines during your assessment."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="We'd love to hear from you. Send us a message and we'll respond as soon as possible."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Type your message...", rows: 5, required: true }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
          imageAlt="Red Room contact section"
          mediaPosition="right"
          buttonText="Send Message"
          onSubmit={(data) => console.log(data)}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Red Room"
          columns={[
            {
              title: "Classes",
              items: [
                { label: "All Levels", href: "#feature" },
                { label: "Business English", href: "#feature" },
                { label: "Exam Preparation", href: "#faq" },
                { label: "Conversation", href: "#feature" }
              ]
            },
            {
              title: "School",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Meet Our Team", href: "#team" },
                { label: "Student Reviews", href: "#testimonial" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Get in Touch", href: "#contact" },
                { label: "Schedule Demo", href: "#contact" },
                { label: "Email Support", href: "mailto:info@redroom.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Red Room English School. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}