"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import PricingCardSeven from '@/components/sections/pricing/PricingCardSeven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Facebook, Twitter, Linkedin, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="floatingGradient"
      cardStyle="solid-accent"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="EnglishFlow"
          navItems={[
            { name: "Learn", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Start Learning", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo 
          logoText="EnglishFlow"
          description="Master English at your pace with AI-powered lessons, real conversations, and personalized feedback"
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "Learn More", href: "features" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/people-learning-new-language-work_23-2149300766.jpg"
          imageAlt="English language learning classroom"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline 
          tag="Our Mission"
          title="Learn English, Your Way"
          description="We believe English fluency should be accessible to everyone. Our platform combines cutting-edge AI technology with proven learning methods to create an experience that adapts to your pace, style, and goals. Whether you're preparing for exams, advancing your career, or connecting with the world, EnglishFlow guides you every step of the way."
          textboxLayout="default"
          phoneOne={{
            imageSrc: "https://img.b2bpic.net/free-vector/app-learn-languages_23-2148614927.jpg",            imageAlt: "EnglishFlow app dashboard showing lesson interface"
          }}
          phoneTwo={{
            imageSrc: "https://img.b2bpic.net/free-photo/satisfied-lovely-brunette-lady-updates-profile-social-networks-holds-telephone-installs-app-digital-cellular-sits-crossed-legs-sofa-with-book-legs-table-with-papers-pens-foreground_273609-29047.jpg",            imageAlt: "EnglishFlow app vocabulary practice screen"
          }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Explore Features", href: "features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix 
          title="Your Learning Journey"
          description="Follow a proven four-step method designed for lasting English mastery"
          tag="Process"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Diagnostic Assessment",              description: "We evaluate your current English level, learning style, and goals to create a personalized learning path tailored just for you.",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-doctor-writing-patient-daily-report-checklist_53876-14932.jpg"
            },
            {
              id: 2,
              title: "Structured Curriculum",              description: "Progress through carefully designed lessons covering grammar, vocabulary, pronunciation, and real-world conversation skills.",              imageSrc: "https://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369850.jpg"
            },
            {
              id: 3,
              title: "Active Practice",              description: "Engage with interactive exercises, live conversation sessions, and AI-powered speaking practice to build confidence and fluency.",              imageSrc: "https://img.b2bpic.net/free-photo/corporate-business-people_23-2148827017.jpg"
            },
            {
              id: 4,
              title: "Mastery & Fluency",              description: "Achieve your English goals with continuous feedback, advanced lessons, and real-world application opportunities.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-important-documents_329181-14539.jpg"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardSeven 
          title="Choose Your Plan"
          description="Flexible pricing options designed for every learner and budget"
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",              features: [
                "5 lessons per week",                "AI conversation practice",                "Basic vocabulary training",                "Progress tracking",                "Email support"
              ],
              buttons: [
                { text: "Start Free", href: "contact" }
              ],
              bottomNotes: ["First 7 days free"]
            },
            {
              id: "pro",              features: [
                "Unlimited lessons",                "Premium AI speaking coach",                "Advanced grammar & writing",                "Live group sessions",                "Priority support",                "Certificate of completion"
              ],
              buttons: [
                { text: "Get Started", href: "contact" }
              ],
              bottomNotes: ["Most popular", "Best value for fluency"]
            },
            {
              id: "elite",              features: [
                "Everything in Pro",                "1-on-1 tutor sessions",                "Business English specialization",                "Custom curriculum",                "TOEFL/IELTS prep",                "Lifetime access to lessons",                "24/7 priority support"
              ],
              buttons: [
                { text: "Start Elite", href: "contact" }
              ],
              bottomNotes: ["For serious learners", "Exam-ready in 90 days"]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="Success Stories"
          description="Join thousands of learners who have achieved their English goals with EnglishFlow"
          tag="Student Success"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Achieved my dream job in London",              quote: "EnglishFlow helped me go from struggling with interviews to confidently presenting to international teams. The speaking practice was game-changing!",              name: "Maria Garcia",              role: "Marketing Manager",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg"
            },
            {
              id: "2",              title: "IELTS passed on first attempt",              quote: "The structured curriculum and practice tests made all the difference. I scored 8.0 thanks to the comprehensive preparation EnglishFlow provided.",              name: "David Chen",              role: "International Student",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"
            },
            {
              id: "3",              title: "Finally fluent after years of trying",              quote: "I tried other apps for 5 years with no real progress. EnglishFlow's personalized approach and AI feedback worked wonders in just 6 months.",              name: "Sophie Laurent",              role: "Freelance Writer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg"
            },
            {
              id: "4",              title: "Teaching English with confidence",              quote: "As an English teacher, I recommend EnglishFlow to all my students. The interactive lessons and real conversation practice are exactly what learners need.",              name: "James Wilson",              role: "English Teacher",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-entrepreneur-woman_23-2148898746.jpg"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          title="Common Questions"
          description="Find answers to everything you need to know about EnglishFlow"
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What level of English is required to start?",              content: "EnglishFlow is designed for all levels, from complete beginners to advanced learners. Our diagnostic assessment determines your level and creates a personalized learning path, so you start exactly where you need to and progress at your own pace."
            },
            {
              id: "2",              title: "How much time do I need to commit daily?",              content: "You can learn at your own pace. Some students spend 15 minutes daily on lessons, while others prefer 1-hour sessions a few times per week. The key is consistency. Our platform lets you study whenever and wherever is convenient for you."
            },
            {
              id: "3",              title: "Can I practice speaking with real tutors?",              content: "Yes! Our Pro and Elite plans include live conversation sessions with native English speakers. The Starter plan includes AI-powered speaking practice, which many students find incredibly helpful for building confidence before live sessions."
            },
            {
              id: "4",              title: "Is there a money-back guarantee?",              content: "Absolutely. We offer a 7-day free trial with full access to all features. If you're not satisfied after your first month, we'll refund 100% of your subscription cost, no questions asked."
            },
            {
              id: "5",              title: "What if I want to focus on a specific area like business English?",              content: "Our Elite plan includes Business English specialization and custom curriculum options. Plus, you get 1-on-1 tutor sessions where you can focus on your specific goals, whether that's interviews, presentations, or technical communication."
            },
            {
              id: "6",              title: "How does the AI speaking coach work?",              content: "Our AI analyzes your pronunciation, grammar, and fluency in real-time. It provides instant feedback on what you did well and where to improve, creating a personalized speaking coach that's available 24/7. It's like having a tutor in your pocket."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Start Your English Journey Today"
          description="Join thousands of learners mastering English with personalized lessons and real-world practice. Get your free trial and see the difference EnglishFlow makes."
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/smiling-woman-using-smartphone-couch_53876-96944.jpg"
          imageAlt="Start learning English with EnglishFlow"
          buttonText="Get Free Trial"
          inputs={[
            {
              id: "name",              label: "Full Name",              type: "text",              placeholder: "Your name",              required: true
            },
            {
              id: "email",              label: "Email Address",              type: "email",              placeholder: "your@email.com",              required: true
            },
            {
              id: "english_level",              label: "Current English Level",              type: "text",              placeholder: "Beginner, Intermediate, Advanced",              required: false
            }
          ]}
          textarea={{
            id: "message",            label: "What are your English learning goals?",            placeholder: "Tell us what you want to achieve...",            required: false
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial 
          logoText="EnglishFlow"
          description="Master English with AI-powered lessons and real conversation practice. Personalized learning designed for fluency."
          copyrightText="© 2025 EnglishFlow. All rights reserved."
          columns={[
            {
              title: "Learning",              items: [
                { label: "Courses", href: "features" },
                { label: "Pricing", href: "pricing" },
                { label: "For Teachers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" },
            { icon: Youtube, href: "https://youtube.com", ariaLabel: "Subscribe on YouTube" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}