"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroShowcaseSplitOverlay from '@/components/sections/hero/HeroShowcaseSplitOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { BookOpen, Lightbulb, GraduationCap, Award, TrendingUp, Users, CheckCircle, Calendar, Star, HelpCircle, Phone, Facebook, Twitter, Instagram, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeExtraSmallSpacing"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Courses", id: "feature" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Enroll Now",
            href: "contact"
          }}
          brandName="Green Card"
          logoAlt="Green Card English School"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroShowcaseSplitOverlay
          title="Master English with Green Card"
          description="Expert-led English language courses for all levels. From beginner to advanced proficiency, achieve your language goals with proven teaching methods."
          tags={["All Levels", "Expert Instructors", "Certified Programs", "Online & In-Person"]}
          buttons={[
            { text: "Start Learning", href: "contact" },
            { text: "View Courses", href: "feature" }
          ]}
          showcaseImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484273512-laxrceeq.jpg"
          showcaseImageAlt="Students learning English in classroom"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg"
          imageAlt="Green Card English School classroom"
          showDimOverlay={false}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          tagIcon={BookOpen}
          title="Transforming Lives Through English Excellence"
          description="Leading English Language School"
          subdescription="Serving 5000+ students since 2010"
          icon={Lightbulb}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484274567-uf9rm5rd.jpg"
          imageAlt="Green Card English School"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardNine
          title="Comprehensive Course Levels"
          description="Structured progression from A1 beginner to C2 mastery with interactive lessons"
          tag="Our Curriculum"
          tagIcon={GraduationCap}
          features={[
            {
              id: 1,
              title: "Beginner to Intermediate",
              description: "Build foundational English skills with conversational practice and grammar essentials for everyday communication.",
              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484275497-tgqo47rb.jpg"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484276715-ko0kx5uk.jpg"
              }
            },
            {
              id: 2,
              title: "Advanced Professional English",
              description: "Master business communication, technical writing, and advanced conversation for professional success.",
              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484276715-ko0kx5uk.jpg"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484275497-tgqo47rb.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          buttons={[
            { text: "Browse All Courses", href: "contact" }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140110880-q16dspxs.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140111672-sfjpgvql.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140105432-6wcp77a1.jpg"
          ]}
          title="Trusted by Global Partners"
          description="Recognized and certified by world-leading educational institutions and assessment bodies"
          tag="Certifications"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          showCard={true}
          speed={40}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="Our Impact by Numbers"
          description="Proven results and student success across 15 years of English language education"
          tag="Statistics"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",
              value: "5000+",
              tag: "Students",
              tagIcon: Users,
              title: "Successful Learners Graduated"
            },
            {
              id: "2",
              value: "95%",
              tag: "Success Rate",
              tagIcon: CheckCircle,
              title: "Students Reach Target Level"
            },
            {
              id: "3",
              value: "45+",
              tag: "Expert Instructors",
              tagIcon: Award,
              title: "Professional Certified Teachers"
            },
            {
              id: "4",
              value: "15",
              tag: "Years",
              tagIcon: Calendar,
              title: "Delivering Excellence in Education"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Expert Instructors"
          description="Dedicated educators with international qualifications and years of teaching experience"
          tag="Leadership"
          tagIcon={Users}
          members={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Head of Curriculum",
              description: "CELTA certified with 12 years teaching experience across 6 countries. Specializes in advanced conversation.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484279424-p999gqcu.jpg",
              imageAlt: "Sarah Mitchell",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://example.com" }
              ]
            },
            {
              id: "2",
              name: "Maria Garcia",
              role: "Pronunciation Specialist",
              description: "Master's in Phonetics from Cambridge. Expert in accent reduction and clear speech training.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484280475-f1uh14s0.jpg",
              imageAlt: "Maria Garcia",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            },
            {
              id: "3",
              name: "James Wilson",
              role: "Business English Coach",
              description: "Former corporate trainer with 15 years in international business. Teaches professional communication.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484282785-0l4997z2.jpg",
              imageAlt: "James Wilson",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://example.com" }
              ]
            },
            {
              id: "4",
              name: "Elena Rodriguez",
              role: "Exam Preparation Lead",
              description: "IELTS examiner and TOEFL specialist. Helped 1000+ students achieve their exam goals.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484283760-3el3enh8.jpg",
              imageAlt: "Elena Rodriguez",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" },
                { icon: Twitter, url: "https://twitter.com" }
              ]
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardNine
          title="Student Success Stories"
          description="Hear from our graduates who have transformed their English skills"
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              quote: "Green Card transformed my English skills completely. The instructors are knowledgeable and the course structure is perfect for busy professionals.",
              name: "Ahmed Hassan",
              role: "Marketing Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484284719-dcwertw4.jpg",
              imageAlt: "Ahmed Hassan"
            },
            {
              id: "2",
              quote: "I passed my IELTS exam on the first attempt thanks to the excellent preparation courses. The teaching methods are engaging and effective.",
              name: "Liu Chen",
              role: "University Student",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Liu Chen"
            },
            {
              id: "3",
              quote: "The online classes are convenient and interactive. My confidence in speaking English has increased dramatically in just 6 months.",
              name: "Fatima Al-Mansouri",
              role: "Business Owner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484285681-xnlnbjbj.jpg",
              imageAlt: "Fatima Al-Mansouri"
            },
            {
              id: "4",
              quote: "Professional instructors who truly care about student progress. I recommend Green Card to everyone wanting to improve their English.",
              name: "Carlos Rodriguez",
              role: "Software Engineer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484286527-6j0zht8w.jpg",
              imageAlt: "Carlos Rodriguez"
            }
          ]}
          variant="card"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about our courses, enrollment, and learning experience"
          tag="Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",
              title: "What are the course levels available?",
              content: "We offer courses from A1 (Beginner) to C2 (Mastery) following the CEFR framework. Each level includes 60-80 hours of instruction with grammar, vocabulary, listening, speaking, reading, and writing components."
            },
            {
              id: "2",
              title: "How long does each course take?",
              content: "Each course level typically takes 8-12 weeks depending on your learning pace and commitment. We offer flexible scheduling with options for intensive (3-4 hours/week) or extended (6-8 weeks) programs."
            },
            {
              id: "3",
              title: "Do you offer exam preparation?",
              content: "Yes, we specialize in IELTS, TOEFL, Cambridge, and TOEIC exam preparation. Our exam specialists provide targeted training with mock tests and personalized feedback to help you achieve your target score."
            },
            {
              id: "4",
              title: "Are classes online or in-person?",
              content: "We offer both options! Choose from live in-person classes at our campus or online classes via video conference. Many students mix both formats based on their schedule."
            },
            {
              id: "5",
              title: "What is your refund policy?",
              content: "We offer a 14-day money-back guarantee if you're not satisfied with the course. Refunds are processed within 7 business days of request."
            },
            {
              id: "6",
              title: "Do you provide certificates?",
              content: "Yes, upon course completion, students receive a Green Card certificate of proficiency. For exam preparation, you receive official exam certificates recognized internationally."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Start Your English Journey?"
          ctaDescription="Book a free consultation with one of our advisors to find the perfect course for your goals."
          ctaButton={{
            text: "Book Free Consultation",
            href: "#enrollment"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",
              title: "How do I enroll?",
              content: "Simply click the enrollment button above or email us at enroll@greencard.edu. Our team will assess your level and recommend the best course for you."
            },
            {
              id: "2",
              title: "What if I'm a complete beginner?",
              content: "No problem! Our A1 Beginner course is designed for complete beginners. We start from the very basics with pronunciation, simple grammar, and essential vocabulary."
            },
            {
              id: "3",
              title: "Can I get a refund?",
              content: "We offer a 14-day money-back guarantee for all courses. If you're not satisfied, contact us for a full refund within the guarantee period."
            },
            {
              id: "4",
              title: "What payment methods do you accept?",
              content: "We accept credit cards, bank transfers, and online payment platforms. Payment plans are also available for extended courses."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Green Card"
          copyrightText="© 2025 Green Card English School. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/greencard", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com/greencard", ariaLabel: "Twitter" },
            { icon: Instagram, href: "https://instagram.com/greencard", ariaLabel: "Instagram" },
            { icon: Linkedin, href: "https://linkedin.com/company/greencard", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}