"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function ServiceRequestPage() {
  const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "آراء العملاء", id: "/testimonials" }, { name: "الأسئلة الشائعة", id: "/faq" }, { name: "احجز موعداً", id: "/service-request" }];

  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" />
        <ContactSplit
          tag="احجز موعداً"
          title="سعداء بخدمتك"
          description="أدخل بياناتك وسنتواصل معك لتأكيد الموعد."
          background={{ variant: "gradient-bars" }}
        />
        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[{ items: [{ label: "الرئيسية", href: "/" }] }]} />
      </ReactLenis>
    </ThemeProvider>
  );
}