"use client";

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

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

  return (
    <ThemeProvider>
      <ReactLenis root>
        <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" />
        <FaqDouble
          title="الأسئلة الشائعة"
          description="إجابات على أكثر استفسارات مرضانا شيوعاً"
          faqsAnimation="slide-up"
          textboxLayout="split"
          faqs={[
            { id: "q1", title: "كيف أحجز موعد؟", content: "يمكنك الحجز عبر نموذج المواعيد في موقعنا." },
            { id: "q2", title: "هل تتوفر خدمات تجميلية؟", content: "نعم، لدينا باقات تبييض وعدسات لومينير." }
          ]}
        />
        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[{ items: [{ label: "الرئيسية", href: "/" }] }]} />
      </ReactLenis>
    </ThemeProvider>
  );
}