"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function PortfolioPage() {
  const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "من نحن", id: "/about" }, { name: "خدماتنا", id: "/services" }, { name: "معرض الأعمال", id: "/portfolio" }, { name: "تواصل معنا", id: "/#contact" }];
  return (
    <ThemeProvider>
      <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" />
      <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
        <h1 className="text-4xl font-bold mb-8">معرض الأعمال</h1>
        <p className="mb-8">استكشف نتائج الابتسامات التي صممناها لمئات المرضى.</p>
        <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
          <div className="bg-gray-100 p-6 rounded-lg">قبل وبعد: تبييض احترافي</div>
          <div className="bg-gray-100 p-6 rounded-lg">قبل وبعد: عدسات اللومينير</div>
        </div>
      </main>
      <FooterLogoEmphasis logoText="عيادات الجومان" columns={[]} />
    </ThemeProvider>
  );
}