"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { BookOpen, MessageCircle, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="medium"
      background="dotGrid"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Capital Great"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Programs", id: "feature" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Enroll Now", href: "#pricing" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="CAPITAL GREAT"
          description="Master English with expert instructors. Build confidence, fluency, and success."
          buttons={[
            { text: "Start Learning", href: "#pricing" },
            { text: "Learn More", href: "#about" }
          ]}
          slides={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg",
              imageAlt: "English classroom with students learning"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg",
              imageAlt: "English language learning and study materials"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg",
              imageAlt: "Professional teaching and instruction"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Transforming English Education"
          description="Capital Great is dedicated to helping students achieve fluency and confidence in English. With experienced instructors and proven methodologies, we create a supportive learning environment where every student thrives."
          tag="About Capital Great"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg"
          imageAlt="Capital Great English school campus"
          buttons={[{ text: "Explore Programs", href: "#feature" }]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardOne
          title="Our Teaching Programs"
          description="Comprehensive English courses designed for all proficiency levels and learning goals"
          tag="Programs"
          features={[
            {
              title: "Speaking & Conversation",
              description: "Build confidence in real-world communication. Practice pronunciation, fluency, and natural conversation skills with interactive lessons.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494973168-mwn1lqco.jpg",
              imageAlt: "Interactive learning and speaking practice"
            },
            {
              title: "Grammar & Writing",
              description: "Master English grammar fundamentals and develop strong writing skills. From emails to essays, we cover it all.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494974186-q9l6jbqi.jpg",
              imageAlt: "Grammar and writing skills development"
            },
            {
              title: "Reading & Comprehension",
              description: "Enhance your reading skills and vocabulary. Understand complex texts and expand your knowledge through engaging materials.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494975050-7ahm4emg.jpg",
              imageAlt: "Reading comprehension and vocabulary building"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Expert Instructors"
          description="Experienced educators passionate about English language excellence"
          tag="Faculty"
          members={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Lead English Instructor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672732968-aww7it2l.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Anderson",
              role: "Conversation Specialist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766492697041-9adqfrju.jpg",
              imageAlt: "James Anderson"
            },
            {
              id: "3",
              name: "Emma Richards",
              role: "Grammar & Writing Expert",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766744252212-z0gag1ax.jpg",
              imageAlt: "Emma Richards"
            },
            {
              id: "4",
              name: "David Cooper",
              role: "Program Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766744253290-n13juum2.jpg",
              imageAlt: "David Cooper"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardNine
          title="Success Stories"
          description="Hear from our students and parents about their learning journey"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "Capital Great transformed my English skills. I went from struggling with conversations to confidently speaking with colleagues. The instructors are amazing!",
              name: "Maria Garcia",
              role: "Business Professional",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766744254362-0vp7t6fe.jpg",
              imageAlt: "Maria Garcia"
            },
            {
              id: "2",
              quote: "My daughter's confidence in English improved dramatically. The teaching methods are engaging and the progress is visible. Highly recommend!",
              name: "Robert Chen",
              role: "Parent",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766740383665-y2mozfdq.jpg",
              imageAlt: "Robert Chen"
            },
            {
              id: "3",
              quote: "The interactive lessons and personalized attention made all the difference. I finally understand grammar and can write with confidence.",
              name: "Alex Thompson",
              role: "Student",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672733745-z17sze1s.jpg",
              imageAlt: "Alex Thompson"
            },
            {
              id: "4",
              quote: "Best investment in education I've made. The curriculum is comprehensive and the instructors genuinely care about student success.",
              name: "Lisa Martinez",
              role: "Student Parent",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672735551-zee5mm98.jpg",
              imageAlt: "Lisa Martinez"
            },
            {
              id: "5",
              quote: "I achieved my IELTS goals thanks to Capital Great's targeted preparation courses. The teachers know exactly what you need.",
              name: "Ahmed Hassan",
              role: "Test Preparation Student",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766414401529-6db20epg.jpg",
              imageAlt: "Ahmed Hassan"
            },
            {
              id: "6",
              quote: "From beginner to intermediate in just 6 months. The structured approach and supportive environment made learning enjoyable.",
              name: "Sophia Petrov",
              role: "Language Learner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766672734552-1pi21ji6.jpg",
              imageAlt: "Sophia Petrov"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Choose Your Learning Plan"
          description="Flexible pricing options for every learning goal and budget"
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              badge: "Starter",
              badgeIcon: BookOpen,
              price: "$99/month",
              subtitle: "Perfect for beginners",
              features: [
                "4 classes per month",
                "Group learning sessions",
                "Basic grammar materials",
                "Email support"
              ],
              buttons: [{ text: "Get Started", href: "#contact" }]
            },
            {
              id: "professional",
              badge: "Professional",
              badgeIcon: Sparkles,
              price: "$199/month",
              subtitle: "Most popular for professionals",
              features: [
                "8 classes per month",
                "Mix of group and 1-on-1 sessions",
                "Comprehensive curriculum",
                "Progress tracking",
                "Priority support"
              ],
              buttons: [{ text: "Enroll Now", href: "#contact" }]
            },
            {
              id: "intensive",
              badge: "Intensive",
              badgeIcon: Zap,
              price: "$349/month",
              subtitle: "For serious learners",
              features: [
                "16 classes per month",
                "Personalized 1-on-1 coaching",
                "Advanced materials",
                "Speaking practice hours",
                "Test preparation",
                "24/7 support"
              ],
              buttons: [{ text: "Start Intensive", href: "#contact" }]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Start Your English Journey"
          ctaDescription="Get in touch with our team to discuss your learning goals and find the perfect program."
          ctaButton={{ text: "Contact Us", href: "mailto:info@capitalgreat.com" }}
          ctaIcon={MessageCircle}
          animationType="slide-up"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "What is the minimum age for enrollment?",
              content: "We welcome students from age 8 and above. We have specialized programs for children, teenagers, and adults with age-appropriate content and teaching methods."
            },
            {
              id: "2",
              title: "Do you offer trial classes?",
              content: "Yes! We offer a free 30-minute trial class so you can experience our teaching style and meet our instructors before making a commitment."
            },
            {
              id: "3",
              title: "What is your class schedule?",
              content: "We offer flexible scheduling with classes available morning, afternoon, and evening. Most classes are held on weekdays and weekends to accommodate different schedules."
            },
            {
              id: "4",
              title: "Do you prepare for language tests?",
              content: "Absolutely! We provide specialized preparation for IELTS, TOEFL, Cambridge exams, and other international English proficiency tests."
            },
            {
              id: "5",
              title: "What is your refund policy?",
              content: "We offer a 2-week money-back guarantee if you're not satisfied with our program. After 2 weeks, you can cancel with 30 days notice."
            },
            {
              id: "6",
              title: "Can I switch programs if needed?",
              content: "Yes, you can switch between programs anytime. Our team will help you find the right fit for your evolving learning needs."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Capital Great" />
      </div>
    </ThemeProvider>
  );
}