"use client";

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

export default function CosmeticProceduresPage() {
    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">Cosmetic Dentistry Procedures</h1>
                    <p className="text-xl mb-8">Transform your smile with our range of cosmetic dentistry services. Whether you want to correct alignment, shape, or shade, our team offers tailored aesthetic solutions.</p>
                    <h2 className="text-2xl font-semibold mb-4">Key Benefits</h2>
                    <ul className="list-disc pl-6 space-y-2">
                        <li>Improved confidence and self-esteem</li>
                        <li>Natural-looking aesthetic results</li>
                        <li>Modern, minimally invasive techniques</li>
                        <li>Comprehensive smile makeover consultations</li>
                    </ul>
                </main>
            </ReactLenis>
        </ThemeProvider>
    );
}