"use client";

import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles } from "lucide-react";

export default function PricingPage() {
    const navItems = [
        { name: "Home", id: "/" },
        { name: "Pricing", id: "/pricing" },
    ];

    return (
        <ThemeProvider
            defaultButtonVariant="icon-arrow"
            defaultTextAnimation="entrance-slide"
            borderRadius="rounded"
            contentWidth="medium"
            sizing="medium"
            background="none"
            cardStyle="glass-elevated"
            primaryButtonStyle="shadow"
            secondaryButtonStyle="solid"
            headingFontWeight="medium"
        >
            <ReactLenis root>
                <NavbarLayoutFloatingInline
                    navItems={navItems}
                    brandName="Coach"
                    button={{ text: "Book a Call", href: "/pricing" }}
                />
                <PricingCardNine
                    title="Simple, Transparent Pricing"
                    description="Choose the plan that best fits your business needs and start your transformation today."
                    animationType="slide-up"
                    textboxLayout="default"
                    plans={[
                        {
                            id: "starter",                            title: "Starter",                            price: "$999",                            period: "/month",                            features: ["Weekly strategy sessions", "Email support", "Basic resource library"],
                            button: { text: "Get Started", href: "#contact" }
                        },
                        {
                            id: "growth",                            title: "Growth",                            price: "$1999",                            period: "/month",                            features: ["Bi-weekly strategy sessions", "Priority email support", "Full resource access", "Monthly progress report"],
                            button: { text: "Get Started", href: "#contact" }
                        },
                        {
                            id: "scale",                            title: "Scale",                            price: "$3499",                            period: "/month",                            features: ["Weekly 1-on-1 coaching", "24/7 priority support", "Custom strategy planning", "Team training modules"],
                            button: { text: "Get Started", href: "#contact" }
                        }
                    ]}
                />
                <ContactSplit
                    title="Ready to Start?"
                    description="Have questions about our pricing or coaching plans? Contact us today."
                    tag="Get in Touch"
                    tagIcon={Sparkles}
                    mediaAnimation="slide-up"
                    onSubmit={(email) => console.log(email)}
                />
                <FooterLogoEmphasis
                    logoText="Coach"
                    leftLink={{ text: "Privacy Policy", href: "#" }}
                    rightLink={{ text: "Terms of Service", href: "#" }}
                />
            </ReactLenis>
        </ThemeProvider>
    );
}