"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ReactLenis from "lenis/react";

export default function TeethWhiteningPage() {
    return (
        <ThemeProvider
            defaultButtonVariant="text-stagger"
            defaultTextAnimation="entrance-slide"
            borderRadius="rounded"
            contentWidth="medium"
            sizing="medium"
            background="circleGradient"
            cardStyle="glass-elevated"
            primaryButtonStyle="gradient"
            secondaryButtonStyle="glass"
            headingFontWeight="normal"
        >
            <ReactLenis root>
                <NavbarLayoutFloatingInline
                    navItems={[
                        { name: "Home", id: "/" },
                        { name: "Services", id: "/#services" },
                        { name: "Teeth Whitening", id: "/teeth-whitening" },
                        { name: "Cosmetic Procedures", id: "/cosmetic-procedures" },
                        { name: "Dental Implants", id: "/dental-implants" },
                    ]}
                    brandName="Luxuria"
                    button={{ text: "Book Now", href: "/contact" }}
                />
                <main className="pt-32 pb-20 px-8 container mx-auto">
                    <h1 className="text-5xl font-bold mb-6">Teeth Whitening Service</h1>
                    <p className="text-xl mb-8">Achieve a brighter, more confident smile with our professional in-office teeth whitening treatments. Our safe and effective solutions remove stubborn stains and discoloration.</p>
                    <h2 className="text-2xl font-semibold mb-4">Key Benefits</h2>
                    <ul className="list-disc pl-6 space-y-2">
                        <li>Immediate, noticeable results in one visit</li>
                        <li>Safe and professional whitening products</li>
                        <li>Customized treatment plans based on your needs</li>
                        <li>Reduces tooth sensitivity compared to at-home kits</li>
                    </ul>
                </main>
            </ReactLenis>
        </ThemeProvider>
    );
}