"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Star, Crown, Mail } from 'lucide-react';

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="medium"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="TechAcademy"
          navItems={[
            { name: "Courses", id: "/courses" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Choose Your Learning Path"
          description="Flexible pricing options designed to fit your learning goals and career aspirations"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          tag="Pricing Plans"
          plans={[
            {
              id: "starter",
              badge: "Most Affordable",
              badgeIcon: Sparkles,
              price: "$99/mo",
              subtitle: "Perfect for beginners exploring tech careers",
              features: [
                "Access to 3 beginner courses",
                "Community forum access",
                "Email support",
                "Basic certificate of completion",
                "Course materials download"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Star,
              price: "$199/mo",
              subtitle: "For serious learners ready to advance their careers",
              features: [
                "Access to all courses",
                "1-on-1 mentorship sessions",
                "Priority email support",
                "Professional certificates",
                "Exclusive career resources",
                "Job placement assistance",
                "Live Q&A sessions"
              ]
            },
            {
              id: "enterprise",
              badge: "Premium Experience",
              badgeIcon: Crown,
              price: "$399/mo",
              subtitle: "Complete learning experience with maximum support",
              features: [
                "Everything in Professional",
                "Dedicated career coach",
                "Resume review and coaching",
                "Mock interview practice",
                "Lifetime course access",
                "Priority job placement",
                "Direct instructor access",
                "Custom learning path"
              ]
            }
          ]}
          buttons={[
            { text: "Start Free Trial", href: "/contact" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Pricing Questions"
          description="Everything you need to know about our pricing and subscription plans"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "Can I change my plan at any time?",
              content: "Yes! You can upgrade or downgrade your plan at any time. Changes take effect immediately, and you'll be billed pro-rata for any differences."
            },
            {
              id: "2",
              title: "Is there a free trial available?",
              content: "We offer a 7-day free trial for all plans. You can access full course content and features during the trial period with no commitment."
            },
            {
              id: "3",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards, PayPal, and bank transfers. All payments are processed securely through our encrypted payment gateway."
            },
            {
              id: "4",
              title: "Do you offer student discounts?",
              content: "Yes! Students with valid .edu email addresses receive a 30% discount on all plans. Contact our support team to verify your student status."
            },
            {
              id: "5",
              title: "What happens if I cancel my subscription?",
              content: "You'll retain access to all course materials until the end of your current billing period. After cancellation, you can still access completed course certificates."
            },
            {
              id: "6",
              title: "Are there any hidden fees?",
              content: "No hidden fees ever. The price you see is exactly what you'll pay. We believe in transparent, straightforward pricing with no surprises."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Start?"
          title="Begin Your Tech Career Journey Today"
          description="Join thousands of successful graduates who transformed their careers through TechAcademy. Start with our free trial and see the difference quality education makes."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email to get started"
          buttonText="Start Free Trial"
          termsText="Start your 7-day free trial. No credit card required. Cancel anytime."
        />
      </div>

      <FooterMedia
        imageSrc="https://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010118.jpg"
        imageAlt="Technology and digital transformation"
        logoText="TechAcademy"
        copyrightText="© 2025 TechAcademy. All rights reserved."
        columns={[
          {
            title: "Courses",
            items: [
              { label: "All Courses", href: "/courses" },
              { label: "Web Development", href: "/courses" },
              { label: "Data Science", href: "/courses" },
              { label: "Mobile Apps", href: "/courses" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Careers", href: "#" },
              { label: "Blog", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Help Center", href: "#" },
              { label: "Community", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Privacy Policy", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}