"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { DollarSign, Sparkles, Star, Award } from 'lucide-react';

export default function PricingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Love Code"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Courses", id: "/courses" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",
            href: "/contact"
          }}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Flexible Pricing Plans"
          description="Select the perfect plan for your learning journey. All plans include certification and lifetime course access."
          tag="Affordable Education"
          tagIcon={DollarSign}
          plans={[
            {
              id: "basic",
              badge: "Great for Beginners",
              badgeIcon: Sparkles,
              price: "$99/mo",
              subtitle: "Start your coding journey",
              features: [
                "1 course access",
                "Weekly live sessions",
                "Community support",
                "Certificate on completion"
              ]
            },
            {
              id: "pro",
              badge: "Most Popular",
              badgeIcon: Star,
              price: "$199/mo",
              subtitle: "Accelerate your learning",
              features: [
                "Unlimited course access",
                "Daily live sessions",
                "1-on-1 mentorship",
                "Job placement assistance",
                "Certificate of completion"
              ]
            },
            {
              id: "premium",
              badge: "For Professionals",
              badgeIcon: Award,
              price: "$299/mo",
              subtitle: "Master advanced skills",
              features: [
                "All courses included",
                "Priority mentorship",
                "Career coaching",
                "Portfolio review",
                "Guaranteed job placement",
                "Lifetime support"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterLogoReveal logoText="Love Code" />
    </ThemeProvider>
  );
}