"use client";

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

export default function DentalImplantsPage() {
    return (
        <ThemeProvider>
            <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"
                />
                <main className="pt-32 pb-20 px-8 container mx-auto">
                    <h1 className="text-5xl font-bold mb-6">Dental Implants Service</h1>
                    <p className="text-xl mb-8">Restore your smile and oral function with high-quality dental implants. Our implant solutions provide a permanent, durable replacement for missing teeth.</p>
                    <h2 className="text-2xl font-semibold mb-4">Key Benefits</h2>
                    <ul className="list-disc pl-6 space-y-2">
                        <li>Look, feel, and function like natural teeth</li>
                        <li>Preserves jawbone health and facial structure</li>
                        <li>Prevents shifting of adjacent teeth</li>
                        <li>Highly successful and long-lasting solution</li>
                    </ul>
                </main>
            </ReactLenis>
        </ThemeProvider>
    );
}