Merge version_2 into main #4

Merged
bender merged 3 commits from version_2 into main 2026-06-12 01:37:11 +00:00
3 changed files with 234 additions and 163 deletions

View File

@@ -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">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Accueil", id: "/"},
{
name: "Abdo Épais", id: "/abdo-epais"},
{
name: "Programme Split", id: "/split-program"},
{
name: "Nutrition", id: "/nutrition"},
{
name: "Contact", id: "/#contact"},
]}
brandName="Alpha Fitness"
button={{
text: "EN / FR"}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Accueil", id: "/" },
{ name: "Abdo Épais", id: "/abdo-epais" },
{ name: "Contact", id: "/#contact" }
]}
brandName="Alpha Fitness"
button={{ text: "EN / FR" }}
/>
</div>
<div id="abdo-epais-details" data-section="abdo-epais-details">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
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: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-with-rubber-band-home_1303-27067.jpg", imageAlt: "Illustration d'exercices abdominaux ciblés"},
items: [
{
icon: Crosshair,
text: "Isolation musculaire"},
{
icon: Activity,
text: "Haute intensité"},
{
icon: Award,
text: "Technique parfaite"},
],
reverse: false
},
{
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: {
imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg", imageAlt: "Illustration de suivi et de progression"},
items: [
{
icon: CalendarCheck,
text: "Planification hebdomadaire"},
{
icon: LineChart,
text: "Analyse des performances"},
{
icon: Lightbulb,
text: "Conseils d'experts"},
],
reverse: true
},
{
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: {
imageSrc: "http://img.b2bpic.net/free-photo/view-notebooks-arrangement_23-2148531447.jpg", imageAlt: "Illustration de résultats visibles"},
items: [
{
icon: Eye,
text: "Transformation visible"},
{
icon: CheckCircle,
text: "Objectifs atteints"},
{
icon: Sparkles,
text: "Confiance accrue"},
],
reverse: false
},
]}
title="Programme Abdo Épais : Sculptez Votre Sangle Abdominale"
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."
tag="Maîtrise du Core"
/>
</div>
<div id="abdo-epais-program" data-section="abdo-epais-program">
<TimelineHorizontalCardStack
title="Programme Abdo Épais"
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."
tag="Entraînement Ciblé"
tagIcon={Target}
textboxLayout="default"
useInvertedBackground={true}
buttons={[
{ text: "Démarrer Maintenant", href: "/#contact" }
]}
>
<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>
<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>
<ul className="list-disc list-inside text-sm text-muted-foreground">
<li>Séries: 3</li>
<li>Répétitions: 15-20</li>
<li>Repos: 60 secondes</li>
</ul>
</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>
<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>
<ul className="list-disc list-inside text-sm text-muted-foreground">
<li>Séries: 3</li>
<li>Durée: 30-60 secondes</li>
<li>Repos: 60 secondes</li>
</ul>
</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">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>
<ul className="list-disc list-inside text-sm text-muted-foreground">
<li>Séries: 3</li>
<li>Répétitions: 12-15</li>
<li>Repos: 90 secondes</li>
</ul>
</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">4. Rotation Russe</h3>
<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">
<li>Séries: 3</li>
<li>Répétitions: 10-12 par côté</li>
<li>Repos: 90 secondes</li>
</ul>
</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">5. Crunch Oblique</h3>
<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">
<li>Séries: 3</li>
<li>Répétitions: 15 par côté</li>
<li>Repos: 60 secondes</li>
</ul>
</div>
</TimelineHorizontalCardStack>
</div>
<div id="abdo-metrics" data-section="abdo-metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "metric-calories", icon: Flame,
title: "Calories Brûlées", value: "800+"},
{
id: "metric-sessions", icon: CheckSquare,
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="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Contactez-Nous"
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 !"
buttons={[{ text: "Prendre Rendez-vous" }]}
buttonAnimation="slide-up"
/>
</div>
<div id="abdo-faq" data-section="abdo-faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
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."},
{
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é."},
]}
title="Questions Fréquentes sur le Programme Abdo Épais"
description="Trouvez des réponses aux questions les plus courantes concernant l'entraînement abdominal et notre programme."
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Programmes", items: [
{
label: "Abdo Épais", href: "/abdo-epais"},
{
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>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Programmes", items: [
{ label: "Abdo Épais", href: "/abdo-epais" }
]
},
{
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>
);
}
}

View File

@@ -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>
);
}
}

View File

@@ -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>
);
}