"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Lightbulb } from "lucide-react";

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="TechAcademy"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Courses", id: "/courses" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Enroll Now",
            href: "/pricing"
          }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Choose Your Learning Path"
          description="Invest in your future with flexible pricing options designed for every career stage and budget. All plans include lifetime access to materials and ongoing support."
          tag="Pricing"
          plans={[
            {
              id: "starter",
              badge: "Best for Beginners",
              price: "$199",
              subtitle: "Per month - Start your tech journey",
              buttons: [{ text: "Start Learning", href: "/contact" }],
              features: [
                "Access to 2-3 foundational courses",
                "Self-paced video tutorials",
                "Community forum access",
                "Basic project templates",
                "Course completion certificates",
                "Email support within 48 hours"
              ]
            },
            {
              id: "professional",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$399",
              subtitle: "Per month - Accelerate your career",
              buttons: [{ text: "Go Professional", href: "/contact" }],
              features: [
                "Access to all 8+ comprehensive courses",
                "Live weekly mentoring sessions",
                "Code review and project feedback",
                "Industry-recognized certificates",
                "Job placement assistance program",
                "Exclusive webinars and workshops",
                "Priority support within 24 hours"
              ]
            },
            {
              id: "enterprise",
              badge: "For Organizations",
              price: "Custom",
              subtitle: "Tailored corporate training solutions",
              buttons: [{ text: "Contact Sales", href: "/contact" }],
              features: [
                "Custom curriculum development",
                "Team-based learning programs",
                "Dedicated account management",
                "Advanced analytics dashboard",
                "On-site or remote training options",
                "Corporate certification programs",
                "Priority technical support",
                "Bulk enrollment discounts"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Success Stories from Our Students"
          description="See how TechAcademy students transformed their careers and achieved their professional goals"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Michael Brown",
              handle: "@mbrown",
              testimonial: "The Professional plan gave me everything I needed. Live sessions were game-changers, and the job placement support landed me a $75k role!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186124.jpg"
            },
            {
              id: "2",
              name: "Rachel Davis",
              handle: "@racheld",
              testimonial: "Started with the beginner plan and upgraded after 2 months. The progression path is clear and the mentorship is invaluable. Worth every dollar!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg"
            },
            {
              id: "3",
              name: "David Kim",
              handle: "@davidkim",
              testimonial: "Our company used the Enterprise plan to upskill our entire development team. The custom curriculum was perfectly aligned with our tech stack.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2148827181.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Career?"
          ctaDescription="Join thousands of successful graduates. Our enrollment specialists will help you choose the perfect plan and get started today."
          ctaIcon={Lightbulb}
          ctaButton={{
            text: "Start Your Journey",
            href: "/contact"
          }}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "Can I upgrade or downgrade my plan?",
              content: "Absolutely! You can change your plan anytime. When upgrading, you'll get immediate access to additional features. Downgrades take effect at your next billing cycle."
            },
            {
              id: "2",
              title: "Is there a money-back guarantee?",
              content: "Yes! We offer a 14-day money-back guarantee on all plans. If you're not completely satisfied, contact us for a full refund within your first 14 days."
            },
            {
              id: "3",
              title: "Do you offer payment plans?",
              content: "Yes, we offer flexible payment options including monthly billing and discounted annual plans. Enterprise customers can also arrange custom payment terms."
            },
            {
              id: "4",
              title: "What happens if I pause my subscription?",
              content: "You can pause your subscription for up to 3 months per year. During the pause, you'll retain access to previously accessed materials but won't receive new content or live sessions."
            }
          ]}
        />
      </div>

      <FooterLogoReveal
        logoText="TechAcademy"
        logoLineHeight={1.2}
      />
    </ThemeProvider>
  );
}