"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Sparkles, Zap, Crown, CheckCircle, HelpCircle } from 'lucide-react';
import Link from 'next/link';

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: 'Home', id: '/' },
            { name: 'Programs', id: '/programs' },
            { name: 'About', id: '/about' },
            { name: 'Pricing', id: '/pricing' },
            { name: 'Contact', id: '/contact' }
          ]}
          brandName="TechAcademy"
          bottomLeftText="Excellence in Tech Education"
          bottomRightText="hello@techacademy.com"
        />
      </div>

      <div id="pricing-plans" data-section="pricing-plans">
        <PricingCardTwo 
          title="Choose Your Learning Path"
          description="Flexible pricing options designed to fit your budget and learning goals. All plans include lifetime access to materials and our supportive community."
          tag="All Plans"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "starter",
              badge: "Starter",
              badgeIcon: Zap,
              price: "$199",
              subtitle: "Perfect for beginners exploring tech",
              buttons: [
                { text: "Start Free Trial", href: "/contact" },
                { text: "Learn More", href: "/contact" }
              ],
              features: [
                "Lifetime access to course materials",
                "Community support and forums",
                "Basic progress tracking",
                "Mobile app access",
                "Certificate of completion"
              ]
            },
            {
              id: "professional",
              badge: "Professional",
              badgeIcon: Award,
              price: "$2,499",
              subtitle: "Best for serious learners and career changers",
              buttons: [
                { text: "Enroll Now", href: "/contact" },
                { text: "Schedule Demo", href: "/contact" }
              ],
              features: [
                "All Starter features included",
                "Live instructor sessions",
                "1-on-1 mentorship (2 hours/month)",
                "Job preparation workshops",
                "Resume and portfolio review",
                "Industry certification included"
              ]
            },
            {
              id: "enterprise",
              badge: "Enterprise",
              badgeIcon: Crown,
              price: "$5,999",
              subtitle: "Intensive bootcamp with guaranteed outcomes",
              buttons: [
                { text: "Contact Sales", href: "/contact" },
                { text: "Apply Now", href: "/contact" }
              ],
              features: [
                "All Professional features included",
                "Unlimited 1-on-1 mentorship",
                "Priority job placement assistance",
                "Networking events and workshops",
                "Capstone project with real clients",
                "Career guarantee support",
                "Dedicated success manager"
              ]
            }
          ]}
        />
      </div>

      <div id="pricing-benefits" data-section="pricing-benefits">
        <FeatureCardTwentyFour 
          title="Why Our Pricing Makes Sense"
          description="Compare our comprehensive education package to traditional alternatives and see the exceptional value we provide."
          tag="Value Comparison"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: "1",
              title: "University Alternative",
              author: "Cost Comparison",
              description: "Get equivalent education for 90% less than a 4-year computer science degree, with better job placement rates.",
              tags: ["Value", "ROI"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718974283-oudgyyly.jpg",
              imageAlt: "Cost comparison analysis"
            },
            {
              id: "2",
              title: "Bootcamp Quality",
              author: "Program Structure",
              description: "Structured learning path equivalent to intensive bootcamps but with flexible scheduling and lifetime access.",
              tags: ["Quality", "Flexible"],
              imageSrc: "https://img.b2bpic.net/free-photo/person-front-computer-working-html_23-2150040416.jpg",
              imageAlt: "Structured learning program"
            },
            {
              id: "3",
              title: "Career ROI",
              author: "Outcome Analysis", 
              description: "Average salary increase of $40,000+ for graduates, providing complete ROI within 6-12 months of employment.",
              tags: ["ROI", "Career Growth"],
              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html-text_23-2150040420.jpg",
              imageAlt: "Career growth visualization"
            }
          ]}
        />
      </div>

      <div id="pricing-faq" data-section="pricing-faq">
        <FaqSplitMedia 
          title="Pricing Questions"
          description="Common questions about our pricing, payment options, and what's included in each plan."
          tag="FAQ"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="Customer support team helping with pricing questions"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "Are there any hidden fees?",
              content: "No hidden fees ever. The price you see is exactly what you pay. All materials, certifications, and ongoing support are included in your plan."
            },
            {
              id: "2",
              title: "Can I upgrade my plan later?",
              content: "Yes, you can upgrade to a higher plan at any time. You'll only pay the difference between plans, and all your progress will be maintained."
            },
            {
              id: "3",
              title: "Do you offer refunds?",
              content: "We offer a 14-day money-back guarantee for all plans. If you're not satisfied within the first 14 days, we'll provide a full refund."
            },
            {
              id: "4",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards, PayPal, and bank transfers. Payment plans are available for Professional and Enterprise tiers."
            },
            {
              id: "5",
              title: "Is the pricing per person or per program?",
              content: "Pricing is per person and includes access to your chosen program plus all the features in your selected plan. You can switch between programs within your plan level."
            }
          ]}
        />
      </div>

      <FooterBaseReveal 
        columns={[
          {
            title: "Programs",
            items: [
              { label: "Web Development", href: "/programs" },
              { label: "Data Science", href: "/programs" },
              { label: "Cloud Computing", href: "/programs" },
              { label: "All Programs", href: "/programs" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Career Support", href: "/programs" },
              { label: "Blog", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Documentation", href: "/about" },
              { label: "Community Forum", href: "/about" },
              { label: "Success Stories", href: "/about" },
              { label: "Support", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 TechAcademy | All Rights Reserved"
      />
    </ThemeProvider>
  );
}