"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function PricingPage() {
  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarStyleApple
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "FAQ", id: "/faq" },
            { name: "Contact", id: "/contact" },
          ]}
          brandName="SMILETABS"
        />
        <PricingCardThree
          title="Choose Your Plan"
          description="Affordable, sustainable, and simple subscriptions."
          textboxLayout="default"
          animationType="slide-up"
          plans={[
            { id: "basic", name: "Basic", price: "Rs 2000", buttons: [{ text: "Select" }], features: ["1 Month Supply", "Plastic Free"] },
            { id: "pro", name: "Pro", price: "Rs 5000", buttons: [{ text: "Select" }], features: ["3 Month Supply", "Priority Shipping", "Eco-Friendly Bonus"] },
          ]}
        />
        <FooterBase
          columns={[
            { title: "Shop", items: [{ label: "All Products", href: "/shop" }] },
            { title: "Support", items: [{ label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] },
          ]}
          logoText="SMILETABS"
        />
      </ReactLenis>
    </ThemeProvider>
  );
}