Update src/app/services/page.tsx

Merge version_1 into main

src/app/atelier/page.tsx

@@ -0,0 +1,36 @@
+"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>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSmallSizeMediumTitles"
+        background="noise"
+        cardStyle="solid"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+              navItems={[
+                { name: "Accueil", id: "/" },
+                { name: "Atelier", id: "/#about" },
+                { name: "Services", id: "/#services" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="Dyez Motor"
+            />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Contactez-nous"
+            description="Nous sommes à votre écoute pour toute demande concernant l'entretien ou la personnalisation de votre moto."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Nom", required: true },
+              { name: "email", type: "email", placeholder: "Email", required: true },
+              { name: "moto", type: "text", placeholder: "Modèle de moto" },
+            ]}
+            textarea={{ name: "msg", placeholder: "Votre message", rows: 5, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/auto-repair-man-writing-notes-while-his-customer-is-pointing-problematic-spot-vehicle-hood-workshop_637285-7704.jpg"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+              columns={[
+                { title: "Atelier", items: [{ label: "Services", href: "/#services" }, { label: "Contact", href: "/contact" }] },
+                { title: "Légal", items: [{ label: "Mentions Légales", href: "#" }, { label: "CGV", href: "#" }] },
+              ]}
+              logoText="Dyez Motor"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Accueil",          id: "#hero"},
-        {
-          name: "Atelier",          id: "#about"},
-        {
-          name: "Services",          id: "#services"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "Accueil", id: "#hero" },
+        { name: "Atelier", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Dyez Motor"
     />
@@ -46,41 +42,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Dyez Motor : L'Art du Pilotage"
       description="Expertise technique et passion pour vos deux-roues. Nous redonnons vie à vos machines avec précision."
-      buttons={[
-        {
-          text: "Prendre Rendez-vous",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Prendre Rendez-vous", href: "/contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866661.jpg"
       imageAlt="Atelier Dyez Motor"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/busy-workshop-with-broken-mountain-bicycle-table_613910-20760.jpg",          alt: "Client moto satisfait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/handsome-redhead-male-jeans-coverall-working-with-bicycle-wheel-repair-shop-worker-removes-bicycle-tire-workshop_613910-5549.jpg",          alt: "Client moto satisfait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866640.jpg",          alt: "Client moto satisfait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-red-head-bearded-bicycle-mechanic-workshop-with-bike-parts-wheel-background_613910-12622.jpg",          alt: "Client moto satisfait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8091.jpg",          alt: "Client moto satisfait"},
+        { src: "http://img.b2bpic.net/free-photo/busy-workshop-with-broken-mountain-bicycle-table_613910-20760.jpg", alt: "Client moto satisfait" },
+        { src: "http://img.b2bpic.net/free-photo/handsome-redhead-male-jeans-coverall-working-with-bicycle-wheel-repair-shop-worker-removes-bicycle-tire-workshop_613910-5549.jpg", alt: "Client moto satisfait" },
+        { src: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866640.jpg", alt: "Client moto satisfait" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-red-head-bearded-bicycle-mechanic-workshop-with-bike-parts-wheel-background_613910-12622.jpg", alt: "Client moto satisfait" },
+        { src: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8091.jpg", alt: "Client moto satisfait" },
       ]}
       avatarText="Rejoignez nos 5000+ passionnés"
       marqueeItems={[
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8099.jpg",          alt: "Logo marque 1"},
-        {
-          type: "text",          text: "Performance"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/two-handsome-stylish-males-working-with-bicycle-repair-shop-workers-repair-mounts-bike-workshop_613910-19667.jpg",          alt: "Logo marque 2"},
-        {
-          type: "text",          text: "Précision"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8079.jpg",          alt: "Logo marque 3"},
+        { type: "image", src: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8099.jpg", alt: "Logo marque 1" },
+        { type: "text", text: "Performance" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/two-handsome-stylish-males-working-with-bicycle-repair-shop-workers-repair-mounts-bike-workshop_613910-19667.jpg", alt: "Logo marque 2" },
+        { type: "text", text: "Précision" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8079.jpg", alt: "Logo marque 3" },
       ]}
     />
   </div>
@@ -90,7 +72,8 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="L'Excellence Mécanique"
       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."]}
+        "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>
 
@@ -100,45 +83,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Entretien Complet",          description: "Révisions constructeur et vidanges haute performance.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8093.jpg",            imageAlt: "Entretien complet"},
-          items: [
-            {
-              icon: Wrench,
-              text: "Expertise certifiée"},
-            {
-              icon: Check,
-              text: "Pièces d'origine"},
-          ],
-          reverse: false
-        },
-        {
-          title: "Sécurité & Freinage",          description: "Contrôle intégral et remplacement de vos systèmes de freinage.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8123.jpg",            imageAlt: "Sécurité freinage"},
-          items: [
-            {
-              icon: Shield,
-              text: "Fiabilité accrue"},
-            {
-              icon: Disc,
-              text: "Test sur banc"},
-          ],
-          reverse: true
-        },
-        {
-          title: "Restauration",          description: "Redonnez à votre machine son lustre d'antan.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/fixing-custom-motorcycle-standing-repair-shop-instruments-equipment-hobbies-unique-jobs_158595-8095.jpg",            imageAlt: "Restauration moto"},
-          items: [
-            {
-              icon: Sparkles,
-              text: "Finition luxueuse"},
-            {
-              icon: Hammer,
-              text: "Travail artisanal"},
-          ],
-          reverse: false
-        },
+        { title: "Entretien Complet", description: "Révisions constructeur et vidanges haute performance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8093.jpg", imageAlt: "Entretien complet" }, items: [{ icon: Wrench, text: "Expertise certifiée" }, { icon: Check, text: "Pièces d'origine" }], reverse: false },
+        { title: "Sécurité & Freinage", description: "Contrôle intégral et remplacement de vos systèmes de freinage.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8123.jpg", imageAlt: "Sécurité freinage" }, items: [{ icon: Shield, text: "Fiabilité accrue" }, { icon: Disc, text: "Test sur banc" }], reverse: true },
+        { title: "Restauration", description: "Redonnez à votre machine son lustre d'antan.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fixing-custom-motorcycle-standing-repair-shop-instruments-equipment-hobbies-unique-jobs_158595-8095.jpg", imageAlt: "Restauration moto" }, items: [{ icon: Sparkles, text: "Finition luxueuse" }, { icon: Hammer, text: "Travail artisanal" }], reverse: false },
       ]}
       title="Nos Services"
       description="Une gamme complète de prestations pour tous types de motos."
@@ -151,14 +98,7 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="bento-grid"
       useInvertedBackground={true}
-      metrics={[
-        {
-          id: "1",          value: "15+",          description: "Années d'expérience"},
-        {
-          id: "2",          value: "5000+",          description: "Motos révisées"},
-        {
-          id: "3",          value: "99%",          description: "Clients satisfaits"},
-      ]}
+      metrics={[{ id: "1", value: "15+", description: "Années d'expérience" }, { id: "2", value: "5000+", description: "Motos révisées" }, { id: "3", value: "99%", description: "Clients satisfaits" }]}
       title="Chiffres Clés"
       description="La confiance se gagne par les faits."
     />
@@ -169,16 +109,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Marc L.",          date: "12/03/2024",          title: "Passionné",          quote: "Un service d'une précision incroyable.",          tag: "Sport",          avatarSrc: "http://img.b2bpic.net/free-photo/man-helping-woman-put-helmet_23-2147764127.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-scooter-tech-shop_1303-31316.jpg"},
-        {
-          id: "2",          name: "Sophie P.",          date: "10/02/2024",          title: "Routarde",          quote: "Enfin un garage qui écoute les besoins.",          tag: "Tourisme",          avatarSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1094.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-shaking-hands-with-his-customers-workshop_637285-7786.jpg"},
-        {
-          id: "3",          name: "Thomas V.",          date: "05/01/2024",          title: "Collectionneur",          quote: "La restauration est parfaite.",          tag: "Vintage",          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-leather-jacket-motorcycle_23-2148328607.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585646.jpg"},
-        {
-          id: "4",          name: "Lucas D.",          date: "20/12/2023",          title: "Biker",          quote: "Rapidité et qualité au top.",          tag: "Custom",          avatarSrc: "http://img.b2bpic.net/free-photo/man-with-leather-jacket-motorcycle_23-2148328603.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574390.jpg"},
-        {
-          id: "5",          name: "Julien B.",          date: "15/11/2023",          title: "Quotidien",          quote: "Professionnel et accueillant.",          tag: "Ville",          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-old-motorcycle_23-2148703210.jpg"},
+        { id: "1", name: "Marc L.", date: "12/03/2024", title: "Passionné", quote: "Un service d'une précision incroyable.", tag: "Sport", avatarSrc: "http://img.b2bpic.net/free-photo/man-helping-woman-put-helmet_23-2147764127.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-scooter-tech-shop_1303-31316.jpg" },
+        { id: "2", name: "Sophie P.", date: "10/02/2024", title: "Routarde", quote: "Enfin un garage qui écoute les besoins.", tag: "Tourisme", avatarSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1094.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-shaking-hands-with-his-customers-workshop_637285-7786.jpg" },
+        { id: "3", name: "Thomas V.", date: "05/01/2024", title: "Collectionneur", quote: "La restauration est parfaite.", tag: "Vintage", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-leather-jacket-motorcycle_23-2148328607.jpg", imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585646.jpg" },
+        { id: "4", name: "Lucas D.", date: "20/12/2023", title: "Biker", quote: "Rapidité et qualité au top.", tag: "Custom", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-leather-jacket-motorcycle_23-2148328603.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574390.jpg" },
+        { id: "5", name: "Julien B.", date: "15/11/2023", title: "Quotidien", quote: "Professionnel et accueillant.", tag: "Ville", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-old-motorcycle_23-2148703210.jpg" },
       ]}
       title="Ce que disent nos pilotes"
       description="Des retours d'expérience authentiques."
@@ -189,62 +124,18 @@ export default function LandingPage() {
       <FaqBase
       textboxLayout="split"
       useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",          title: "Prenez-vous toutes les marques ?",          content: "Oui, notre expertise couvre l'ensemble des constructeurs majeurs."},
-        {
-          id: "2",          title: "Quels sont les délais ?",          content: "Nous nous engageons sur des délais rapides, sur rendez-vous."},
-        {
-          id: "3",          title: "Faites-vous des devis ?",          content: "Systématiquement avant toute intervention majeure."},
-      ]}
+      faqs={[{ id: "1", title: "Prenez-vous toutes les marques ?", content: "Oui, notre expertise couvre l'ensemble des constructeurs majeurs." }, { id: "2", title: "Quels sont les délais ?", content: "Nous nous engageons sur des délais rapides, sur rendez-vous." }, { id: "3", title: "Faites-vous des devis ?", content: "Systématiquement avant toute intervention majeure." }]}
       title="Questions Fréquentes"
       description="Informations utiles sur nos interventions."
       faqsAnimation="slide-up"
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Prendre Rendez-vous"
-      description="Contactez-nous pour toute demande technique ou devis."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Nom",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email",          required: true,
-        },
-        {
-          name: "moto",          type: "text",          placeholder: "Modèle de moto"},
-      ]}
-      textarea={{
-        name: "msg",        placeholder: "Votre demande",        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/auto-repair-man-writing-notes-while-his-customer-is-pointing-problematic-spot-vehicle-hood-workshop_637285-7704.jpg"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Atelier",          items: [
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Légal",          items: [
-            {
-              label: "Mentions Légales",              href: "#"},
-            {
-              label: "CGV",              href: "#"},
-          ],
-        },
+        { title: "Atelier", items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "/contact" }] },
+        { title: "Légal", items: [{ label: "Mentions Légales", href: "#" }, { label: "CGV", href: "#" }] },
       ]}
       logoText="Dyez Motor"
     />
@@ -252,4 +143,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { Check, Shield, Sparkles, Wrench, Disc, Hammer } from "lucide-react";
+
+export default function ServicesPage() {
+  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="services" data-section="services" className="py-20">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Entretien Complet", description: "Révisions constructeur et vidanges haute performance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8093.jpg" }, items: [{ icon: Wrench, text: "Expertise certifiée" }, { icon: Check, text: "Pièces d'origine" }], reverse: false },
+              { title: "Sécurité & Freinage", description: "Contrôle intégral et remplacement de vos systèmes de freinage.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8123.jpg" }, items: [{ icon: Shield, text: "Fiabilité accrue" }, { icon: Disc, text: "Test sur banc" }], reverse: true },
+              { title: "Restauration", description: "Redonnez à votre machine son lustre d'antan.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fixing-custom-motorcycle-standing-repair-shop-instruments-equipment-hobbies-unique-jobs_158595-8095.jpg" }, items: [{ icon: Sparkles, text: "Finition luxueuse" }, { icon: Hammer, text: "Travail artisanal" }], reverse: false }
+            ]}
+            title="Nos Services"
+            description="Une gamme complète de prestations pour tous types de motos."
+          />
+        </div>
+        <FooterBase columns={[{ title: "Atelier", items: [{ label: "Services", href: "/services" }, { label: "Atelier", href: "/atelier" }] }]} logoText="Dyez Motor" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}