"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="solid-accent"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Valera"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Courses", id: "features" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Enroll Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Master English with Valera Speak English"
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484694244-h6z6ypcz.jpg",
              imageAlt: "English classroom with students"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484695254-p59fsyqd.jpg",
              imageAlt: "English language lesson"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg",
              imageAlt: "Professional English training"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484689467-d854773z.jpg",
              imageAlt: "English conversation group"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494973168-mwn1lqco.jpg",
              imageAlt: "English speaking practice"
            }
          ]}
          buttons={[
            {
              text: "Start Learning",
              href: "contact"
            },
            {
              text: "Learn More",
              href: "about"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutMetric
          title="About Valera Speak English"
          useInvertedBackground="noInvert"
          description={[
            "At Valera Speak English, we believe that language learning should be engaging, practical, and transformative. Our dedicated team of experienced educators is committed to helping students master English through interactive lessons, real-world conversation practice, and personalized learning paths tailored to each student's goals and pace."
          ]}
          metrics={[
            {
              label: "Years of Excellence",
              value: "10+"
            },
            {
              label: "Students Enrolled",
              value: "5000+"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFifteen
          title="Our Teaching Methods"
          description="Discover the core features that make Valera the premier choice for English education"
          tag="Methods"
          features={[
            {
              id: "1",
              title: "Conversational English",
              description: "Practice real-world speaking skills through dynamic group discussions and one-on-one interactions",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494975050-7ahm4emg.jpg",
              imageAlt: "English conversation practice"
            },
            {
              id: "2",
              title: "Grammar Mastery",
              description: "Build strong grammatical foundations with structured lessons and practical writing exercises",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484690859-dcha1n3w.jpg",
              imageAlt: "English writing and grammar"
            },
            {
              id: "3",
              title: "Listening Skills",
              description: "Develop comprehension abilities through authentic materials, podcasts, and audio exercises",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494976181-onrupp9y.jpg",
              imageAlt: "Listening comprehension training"
            },
            {
              id: "4",
              title: "Interactive Learning",
              description: "Engage with modern educational technology and interactive classroom activities for better retention",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484691610-pealshm9.jpg",
              imageAlt: "Interactive learning environment"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardThirteen
          title="What Our Students Say"
          description="Hear from students who have transformed their English skills with Valera"
          tag="Reviews"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              handle: "@sarahj_english",
              testimonial: "The conversational classes at Valera transformed my confidence. I went from being nervous about speaking to leading meetings at work!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484712325-ocj12p51.jpg",
              imageAlt: "Sarah Johnson",
              starColor: "#FFD700"
            },
            {
              id: "2",
              name: "Michael Chen",
              handle: "@mchen_learning",
              testimonial: "The teachers are incredibly patient and knowledgeable. They tailored the lessons to my specific needs, and I achieved my fluency goals faster than expected.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484716089-kpbfo3ho.jpg",
              imageAlt: "Michael Chen",
              starColor: "#FFD700"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              handle: "@emily_speaks",
              testimonial: "Best investment I made in myself. The interactive methods and supportive environment made learning English enjoyable and effective.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484718833-8686x51w.jpg",
              imageAlt: "Emily Rodriguez",
              starColor: "#FFD700"
            },
            {
              id: "4",
              name: "David Kim",
              handle: "@david_fluent",
              testimonial: "I struggled with grammar for years. Valera's structured approach finally made everything click. Highly recommend to anyone serious about English!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494979130-y5xz3d1f.jpg",
              imageAlt: "David Kim",
              starColor: "#FFD700"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated"
          description="Subscribe to our newsletter for course updates, learning tips, and exclusive offers for our community"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494977068-7yfz149c.jpg"
          imageAlt="Newsletter subscription"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="metrics" data-section="metrics">
        <SplitAboutMetric
          title="Our Impact and Reach"
          useInvertedBackground="noInvert"
          description={[
            "Valera Speak English has established itself as a leading language education provider, with thousands of satisfied students achieving their English fluency goals. Our commitment to excellence and personalized instruction continues to drive success across diverse learning backgrounds."
          ]}
          metrics={[
            {
              label: "Global Students",
              value: "8500+"
            },
            {
              label: "Success Rate",
              value: "94%"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766494978042-wcefq63v.jpg"
          imageAlt="Library and books"
          logoText="Valera Speak English"
          copyrightText="© 2025 Valera Speak English. All rights reserved."
          columns={[
            {
              title: "Courses",
              items: [
                { label: "Beginner", href: "#" },
                { label: "Intermediate", href: "#" },
                { label: "Advanced", href: "#" },
                { label: "Business English", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
