"use client";

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

export default function AtelierPage() {
  return (
    <ThemeProvider 
      defaultButtonVariant="text-stagger" 
      defaultTextAnimation="entrance-slide" 
      borderRadius="rounded" 
      contentWidth="medium" 
      sizing="medium" 
      background="circleGradient" 
      cardStyle="glass-elevated" 
      primaryButtonStyle="gradient" 
      secondaryButtonStyle="glass" 
      headingFontWeight="normal"
    >
      <ReactLenis root>
        <NavbarStyleApple navItems={[{ name: "Accueil", id: "/" }, { name: "Atelier", id: "/atelier" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/#contact" }]} brandName="Dyez Motor" />
        <div id="about" data-section="about" className="py-20">
          <TextSplitAbout
            useInvertedBackground={true}
            title="Notre Atelier"
            description={["Dyez Motor est un atelier dédié aux passionnés. Nous combinons des années d'expérience avec des outils de pointe pour assurer la performance et la sécurité de votre moto.", "Chaque intervention est traitée avec le plus grand soin, respectant les standards les plus exigeants de la mécanique moto."]}
          />
        </div>
        <FooterBase columns={[{ title: "Atelier", items: [{ label: "Services", href: "/services" }, { label: "Atelier", href: "/atelier" }] }]} logoText="Dyez Motor" />
      </ReactLenis>
    </ThemeProvider>
  );
}