"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { CreditCard, Zap, Smartphone, Crown } from "lucide-react";

export default function PricingPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Products", id: "/products" },
    { name: "Features", id: "/features" },
    { name: "Pricing", id: "/pricing" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="large"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Samsung Mobile"
          bottomLeftText="Innovation in Every Frame"
          bottomRightText="support@samsung-mobile.com"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your mobile needs with flexible options and exclusive benefits"
          tag="Pricing Plans"
          tagIcon={CreditCard}
          textboxLayout="default"
          useInvertedBackground={false}
          plans={[
            {
              id: "essential",
              badge: "Essential",
              badgeIcon: Smartphone,
              price: "$499",
              subtitle: "Perfect for everyday users",
              buttons: [
                { text: "Choose Plan", href: "/contact" },
                { text: "Learn More", href: "#" },
              ],
              features: [
                "6.1-inch FHD+ Display",
                "128GB Storage",
                "48MP Main Camera",
                "4000mAh Battery",
                "1-Year Warranty",
                "Standard Support",
              ],
            },
            {
              id: "professional",
              badge: "Professional",
              badgeIcon: Zap,
              price: "$899",
              subtitle: "For power users and creators",
              buttons: [
                { text: "Choose Plan", href: "/contact" },
                { text: "Most Popular", href: "#" },
              ],
              features: [
                "6.8-inch QHD+ Display",
                "512GB Storage",
                "108MP Pro Camera",
                "5000mAh Battery",
                "2-Year Warranty",
                "Priority Support",
                "Cloud Storage 1TB",
              ],
            },
            {
              id: "ultimate",
              badge: "Ultimate",
              badgeIcon: Crown,
              price: "$1,299",
              subtitle: "Maximum performance flagship",
              buttons: [
                { text: "Choose Plan", href: "/contact" },
                { text: "Premium", href: "#" },
              ],
              features: [
                "6.9-inch AMOLED Display",
                "1TB Storage",
                "200MP Ultra Pro Camera",
                "6000mAh Battery",
                "3-Year Warranty",
                "24/7 VIP Support",
                "Cloud Storage 2TB",
                "Exclusive Accessories",
              ],
            },
            {
              id: "foldable",
              badge: "Foldable",
              badgeIcon: Zap,
              price: "$1,799",
              subtitle: "Revolutionary foldable technology",
              buttons: [
                { text: "Choose Plan", href: "/contact" },
                { text: "Innovation", href: "#" },
              ],
              features: [
                "7.6-inch Main Display",
                "6.2-inch Cover Display",
                "512GB Storage",
                "50MP Camera System",
                "4400mAh Dual Battery",
                "Lifetime Support",
                "Priority Repair Service",
                "Tech Concierge",
              ],
            },
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="pricing-features" data-section="pricing-features">
        <FeatureCardSix
          title="What's Included in Every Plan"
          description="All Samsung devices come with comprehensive coverage and exclusive benefits"
          tag="Included Features"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Flexible Payment Options",
              description: "Choose from multiple payment methods including zero-interest EMI and financing options for your convenience",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-smartphone-battery-technology-vi-1772521647769-75d6a436.png?_wi=3",
              imageAlt: "Flexible payments",
            },
            {
              id: 2,
              title: "Trade-In Programs",
              description: "Get competitive valuations for your old devices and apply credit towards your new Samsung purchase instantly",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/samsung-galaxy-camera-system-showcase-cl-1772521648032-93b08fd0.png?_wi=3",
              imageAlt: "Trade-in programs",
            },
            {
              id: 3,
              title: "Warranty Protection",
              description: "Comprehensive warranty coverage against manufacturing defects and damage, with extended options available",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJ7B8mYEMeFibP8zUealCeNvW/close-up-of-a-samsung-amoled-display-sho-1772521647449-b0f7ecb6.png?_wi=3",
              imageAlt: "Warranty protection",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Samsung Mobile"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}