"use client";

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

export default function ContactPage() {
  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"
        />
        <ContactCenter
          tag="Get in Touch"
          title="We're Here to Help"
          description="Reach out to us for any inquiries or support."
        />
        <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>
  );
}