Add src/app/programme-corps-complet/page.tsx

Merge version_1 into main

src/app/abdo-epais/page.tsx

@@ -2,14 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import { Activity, Award, CalendarCheck, CheckCircle, CheckSquare, Eye, Flame, Lightbulb, LineChart, Sparkles, Zap, Crosshair } from "lucide-react";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import { Target } from "lucide-react";
 
-export default function LandingPage() {
+export default function AbdoEpaisPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -24,163 +23,117 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+          <NavbarLayoutFloatingOverlay
-      navItems={[
+            navItems={[
-        {
+              { name: "Accueil", id: "/" },
-          name: "Accueil",          id: "/"},
+              { name: "Abdo Épais", id: "/abdo-epais" },
-        {
+              { name: "Contact", id: "/#contact" }
-          name: "Abdo Épais",          id: "/abdo-epais"},
+            ]}
-        {
+            brandName="Alpha Fitness"
-          name: "Programme Split",          id: "/split-program"},
+            button={{ text: "EN / FR" }}
-        {
+          />
-          name: "Nutrition",          id: "/nutrition"},
+        </div>
-        {
-          name: "Contact",          id: "/#contact"},
-      ]}
-      brandName="Alpha Fitness"
-      button={{
-        text: "EN / FR"}}
-    />
-  </div>
 
-  <div id="abdo-epais-details" data-section="abdo-epais-details">
+        <div id="abdo-epais-program" data-section="abdo-epais-program">
-      <FeatureCardTen
+          <TimelineHorizontalCardStack
-      animationType="slide-up"
+            title="Programme Abdo Épais"
-      textboxLayout="default"
+            description="Développez une sangle abdominale forte et définie avec notre programme détaillé. Suivez ces exercices pour des résultats visibles et durables."
-      useInvertedBackground={true}
+            tag="Entraînement Ciblé"
-      features={[
+            tagIcon={Target}
-        {
+            textboxLayout="default"
-          title: "Exercices Ciblés",          description: "Une sélection d'exercices spécifiques pour engager tous les muscles de la sangle abdominale, du grand droit aux obliques.",          media: {
+            useInvertedBackground={true}
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-with-rubber-band-home_1303-27067.jpg",            imageAlt: "Illustration d'exercices abdominaux ciblés"},
+            buttons={[
-          items: [
+              { text: "Démarrer Maintenant", href: "/#contact" }
-            {
+            ]}
-              icon: Crosshair,
+          >
-              text: "Isolation musculaire"},
+            <div className="flex flex-col gap-4 p-6 bg-card rounded-lg border border-border">
-            {
+              <h3 className="text-xl font-semibold text-foreground">1. Crunch Standard</h3>
-              icon: Activity,
+              <p className="text-muted-foreground">Allongez-vous sur le dos, genoux fléchis, pieds à plat. Levez la partie supérieure du corps vers vos genoux.</p>
-              text: "Haute intensité"},
+              <ul className="list-disc list-inside text-sm text-muted-foreground">
-            {
+                <li>Séries: 3</li>
-              icon: Award,
+                <li>Répétitions: 15-20</li>
-              text: "Technique parfaite"},
+                <li>Repos: 60 secondes</li>
-          ],
+              </ul>
-          reverse: false
+            </div>
-        },
+            <div className="flex flex-col gap-4 p-6 bg-card rounded-lg border border-border">
-        {
+              <h3 className="text-xl font-semibold text-foreground">2. Planche</h3>
-          title: "Suivi et Progression",          description: "Des étapes claires pour progresser semaine après semaine, avec des ajustements pour vous assurer d'atteindre vos objectifs en toute sécurité.",          media: {
+              <p className="text-muted-foreground">Positionnez-vous face au sol, appuyé sur les avant-bras et les pointes de pieds. Maintenez le corps droit.</p>
-            imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg",            imageAlt: "Illustration de suivi et de progression"},
+              <ul className="list-disc list-inside text-sm text-muted-foreground">
-          items: [
+                <li>Séries: 3</li>
-            {
+                <li>Durée: 30-60 secondes</li>
-              icon: CalendarCheck,
+                <li>Repos: 60 secondes</li>
-              text: "Planification hebdomadaire"},
+              </ul>
-            {
+            </div>
-              icon: LineChart,
+            <div className="flex flex-col gap-4 p-6 bg-card rounded-lg border border-border">
-              text: "Analyse des performances"},
+              <h3 className="text-xl font-semibold text-foreground">3. Relevé de Jambes</h3>
-            {
+              <p className="text-muted-foreground">Allongez-vous sur le dos, mains sous les fessiers. Levez les jambes tendues jusqu'à la verticale, puis redescendez lentement.</p>
-              icon: Lightbulb,
+              <ul className="list-disc list-inside text-sm text-muted-foreground">
-              text: "Conseils d'experts"},
+                <li>Séries: 3</li>
-          ],
+                <li>Répétitions: 12-15</li>
-          reverse: true
+                <li>Repos: 90 secondes</li>
-        },
+              </ul>
-        {
+            </div>
-          title: "Visibilité des Résultats",          description: "Nos méthodes sont conçues pour des résultats visibles et mesurables, vous motivant à chaque étape de votre transformation.",          media: {
+            <div className="flex flex-col gap-4 p-6 bg-card rounded-lg border border-border">
-            imageSrc: "http://img.b2bpic.net/free-photo/view-notebooks-arrangement_23-2148531447.jpg",            imageAlt: "Illustration de résultats visibles"},
+              <h3 className="text-xl font-semibold text-foreground">4. Rotation Russe</h3>
-          items: [
+              <p className="text-muted-foreground">Asseyez-vous, genoux fléchis, pieds au sol ou légèrement levés. Penchez-vous légèrement en arrière et faites pivoter votre torse de chaque côté.</p>
-            {
+              <ul className="list-disc list-inside text-sm text-muted-foreground">
-              icon: Eye,
+                <li>Séries: 3</li>
-              text: "Transformation visible"},
+                <li>Répétitions: 10-12 par côté</li>
-            {
+                <li>Repos: 90 secondes</li>
-              icon: CheckCircle,
+              </ul>
-              text: "Objectifs atteints"},
+            </div>
-            {
+            <div className="flex flex-col gap-4 p-6 bg-card rounded-lg border border-border">
-              icon: Sparkles,
+              <h3 className="text-xl font-semibold text-foreground">5. Crunch Oblique</h3>
-              text: "Confiance accrue"},
+              <p className="text-muted-foreground">Allongez-vous sur le dos, un pied sur le genou opposé. Ramenez le coude opposé vers le genou levé.</p>
-          ],
+              <ul className="list-disc list-inside text-sm text-muted-foreground">
-          reverse: false
+                <li>Séries: 3</li>
-        },
+                <li>Répétitions: 15 par côté</li>
-      ]}
+                <li>Repos: 60 secondes</li>
-      title="Programme Abdo Épais : Sculptez Votre Sangle Abdominale"
+              </ul>
-      description="Un programme ciblé et intensif conçu pour renforcer, définir et épaissir vos abdominaux, pour un tronc solide et esthétique. Suivez nos méthodes éprouvées."
+            </div>
-      tag="Maîtrise du Core"
+          </TimelineHorizontalCardStack>
-    />
+        </div>
-  </div>
 
-  <div id="abdo-metrics" data-section="abdo-metrics">
+        <div id="contact" data-section="contact">
-      <MetricCardThree
+          <ContactCTA
-      animationType="slide-up"
+            useInvertedBackground={false}
-      textboxLayout="default"
+            background={{ variant: "radial-gradient" }}
-      useInvertedBackground={false}
+            tag="Contactez-Nous"
-      metrics={[
+            title="Prêt à Commencer Votre Transformation ?"
-        {
+            description="Discutez avec nos experts pour un plan personnalisé et des conseils adaptés à vos besoins spécifiques. Votre voyage commence ici !"
-          id: "metric-calories",          icon: Flame,
+            buttons={[{ text: "Prendre Rendez-vous" }]}
-          title: "Calories Brûlées",          value: "800+"},
+            buttonAnimation="slide-up"
-        {
+          />
-          id: "metric-sessions",          icon: CheckSquare,
+        </div>
-          title: "Séances Terminées",          value: "24+"},
-        {
-          id: "metric-strength",          icon: Zap,
-          title: "Force Abdominale",          value: "+30%"},
-      ]}
-      title="Vos Progrès en Chiffres"
-      description="Mesurez l'impact de votre dévouement avec nos statistiques claires et motivantes pour le programme Abdo Épais."
-    />
-  </div>
 
-  <div id="abdo-faq" data-section="abdo-faq">
+        <div id="footer" data-section="footer">
-      <FaqDouble
+          <FooterSimple
-      textboxLayout="default"
+            columns={[
-      useInvertedBackground={true}
+              {
-      faqs={[
+                title: "Programmes",                items: [
-        {
+                  { label: "Abdo Épais", href: "/abdo-epais" }
-          id: "faq-abdo-1",          title: "Combien de temps faut-il pour voir des résultats ?",          content: "Avec une assiduité et une alimentation adéquate, des résultats visibles peuvent apparaître en 4 à 8 semaines."},
+                ]
-        {
+              },
-          id: "faq-abdo-2",          title: "Est-ce adapté aux débutants ?",          content: "Oui, le programme est conçu avec des progressions qui conviennent aussi bien aux débutants qu'aux personnes plus expérimentées."},
+              {
-        {
+                title: "À Propos",                items: [
-          id: "faq-abdo-3",          title: "Dois-je suivre un régime alimentaire strict ?",          content: "Bien qu'un régime ne soit pas requis, une alimentation équilibrée optimisera grandement vos résultats. Nous offrons aussi un programme nutritionnel dédié."},
+                  { label: "Notre Histoire", href: "/#about" },
-      ]}
+                  { label: "Témoignages", href: "/#testimonials" },
-      title="Questions Fréquentes sur le Programme Abdo Épais"
+                  { label: "FAQ", href: "/#faq" }
-      description="Trouvez des réponses aux questions les plus courantes concernant l'entraînement abdominal et notre programme."
+                ]
-      faqsAnimation="slide-up"
+              },
-    />
+              {
-  </div>
+                title: "Légal",                items: [
-
+                  { label: "Politique de Confidentialité", href: "#" },
-  <div id="footer" data-section="footer">
+                  { label: "Conditions Générales", href: "#" }
-      <FooterSimple
+                ]
-      columns={[
+              }
-        {
+            ]}
-          title: "Programmes",          items: [
+            bottomLeftText="© 2024 Alpha Fitness. Tous droits réservés."
-            {
+            bottomRightText="Construit avec passion."
-              label: "Abdo Épais",              href: "/abdo-epais"},
+          />
-            {
+        </div>
-              label: "Programme Split",              href: "/split-program"},
-            {
-              label: "Nutrition",              href: "/nutrition"},
-          ],
-        },
-        {
-          title: "À Propos",          items: [
-            {
-              label: "Notre Histoire",              href: "/#about"},
-            {
-              label: "Témoignages",              href: "/#testimonials"},
-            {
-              label: "FAQ",              href: "/#faq"},
-          ],
-        },
-        {
-          title: "Légal",          items: [
-            {
-              label: "Politique de Confidentialité",              href: "#"},
-            {
-              label: "Conditions Générales",              href: "#"},
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Alpha Fitness. Tous droits réservés."
-      bottomRightText="Construit avec passion."
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -253,11 +253,11 @@ export default function LandingPage() {
         {
           title: "À Propos",          items: [
             {
-              label: "Notre Histoire",              href: "/#about"},
+              label: "Notre Histoire",              href: "/#hero"},
             {
               label: "Témoignages",              href: "/#testimonials"},
             {
-              label: "FAQ",              href: "/#faq"},
+              label: "FAQ",              href: "/nutrition#macros-faq"},
           ],
         },
         {
@@ -276,4 +276,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/programme-corps-complet/page.tsx

@@ -0,0 +1,118 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ProgrammeCorpsCompletPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLarge"
+        background="aurora"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Accueil", id: "/" },
+              { name: "Abdo Épais", id: "/abdo-epais" },
+              { name: "Programme Corps Complet", id: "/programme-corps-complet" },
+              { name: "Nutrition", id: "/nutrition" },
+              { name: "Contact", id: "/#contact" }
+            ]}
+            brandName="Alpha Fitness"
+            button={{ text: "EN / FR" }}
+          />
+        </div>
+
+        <div id="programme-corps-complet" data-section="programme-corps-complet">
+          <FaqSplitText
+            faqs={[
+              {
+                id: "pectoraux-bras",                title: "Pectoraux / Bras",                content: `
+                  **Pectoraux:**
+                  *   **Développé couché (Barre):** 4 séries de 8-12 reps, 90s repos.
+                  *   **Pompes larges:** 3 séries au max, 60s repos.
+                  **Bras (Biceps):**
+                  *   **Curl haltères:** 3 séries de 10-15 reps, 60s repos.
+                `
+              },
+              {
+                id: "dos-triceps",                title: "Dos / Triceps",                content: `
+                  **Dos:**
+                  *   **Tractions (Prise large):** 4 séries de 6-10 reps, 90s repos.
+                  *   **Rowing barre:** 3 séries de 8-12 reps, 75s repos.
+                  **Triceps:**
+                  *   **Extensions triceps poulie haute:** 3 séries de 10-15 reps, 60s repos.
+                `
+              },
+              {
+                id: "trapezes-epaules",                title: "Trapèzes / Épaules",                content: `
+                  **Trapèzes:**
+                  *   **Haussements d'épaules (Haltères):** 3 séries de 12-15 reps, 60s repos.
+                  **Épaules:**
+                  *   **Développé militaire (Haltères):** 4 séries de 8-12 reps, 90s repos.
+                  *   **Élévations latérales:** 3 séries de 12-15 reps, 60s repos.
+                `
+              },
+              {
+                id: "jambes-abdos",                title: "Jambes / Abdos",                content: `
+                  **Jambes:**
+                  *   **Squat barre:** 4 séries de 8-12 reps, 120s repos.
+                  *   **Fentes (Haltères):** 3 séries de 10-15 reps par jambe, 75s repos.
+                  **Abdos:**
+                  *   **Crunchs:** 3 séries de 15-20 reps, 45s repos.
+                `
+              }
+            ]}
+            sideTitle="Votre Programme Full-Body Split"
+            sideDescription="Maximisez votre croissance musculaire avec ce programme détaillé, divisé par groupe musculaire pour une efficacité optimale."
+            faqsAnimation="slide-up"
+            textPosition="left"
+            useInvertedBackground={false}
+            showCard={true}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Programmes",                items: [
+                  { label: "Abdo Épais", href: "/abdo-epais" },
+                  { label: "Programme Corps Complet", href: "/programme-corps-complet" },
+                  { label: "Nutrition", href: "/nutrition" }
+                ]
+              },
+              {
+                title: "À Propos",                items: [
+                  { label: "Notre Histoire", href: "/#about" },
+                  { label: "Témoignages", href: "/#testimonials" },
+                  { label: "FAQ", href: "/#faq" }
+                ]
+              },
+              {
+                title: "Légal",                items: [
+                  { label: "Politique de Confidentialité", href: "#" },
+                  { label: "Conditions Générales", href: "#" }
+                ]
+              }
+            ]}
+            bottomLeftText="© 2024 Alpha Fitness. Tous droits réservés."
+            bottomRightText="Construit avec passion."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}