cdricms/latosa-escrima
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

centering features

Browse Source
This commit is contained in:
gom-by
2025-01-13 13:53:53 +01:00
parent 0ef71f41bd
commit e7753fe555
2 changed files with 104 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
latosa-frontend/app/page.tsx
View File

@@ -6,105 +6,107 @@ export default function Home() {
return ( return (
<main> <main>
<Hero /> <Hero />
<Features <div className="flex flex-col">
title="DÉVELOPPEMENT DU SYSTÈME" <Features
description="Latosa Escrima Concepts est un système martial dynamique et en constante évolution. Ce système repose sur une approche logique, qui progresse au fil du développement des compétences techniques des pratiquants." title="DÉVELOPPEMENT DU SYSTÈME"
cta="Envie de découvrir Latosa Escrima ?" description="Latosa Escrima Concepts est un système martial dynamique et en constante évolution. Ce système repose sur une approche logique, qui progresse au fil du développement des compétences techniques des pratiquants."
> cta="Envie de découvrir Latosa Escrima ?"
<FeatureItem
title="Les Fondements de Latosa Escrima Concepts"
position="left"
image="https://shadcnblocks.com/images/block/placeholder-2.svg"
> >
<ol className="list-decimal text-justify flex flex-col gap-4"> <FeatureItem
<li> title="Les Fondements de Latosa Escrima Concepts"
Un Système Centré sur les Concepts{" "} position="left"
<ul className="list-disc list-inside"> image="https://shadcnblocks.com/images/block/placeholder-2.svg"
<li> >
Étude et application des meilleurs concepts <ol className="list-decimal text-justify flex flex-col gap-4">
et stratégies issus de différentes approches <li>
martiales. Un Système Centré sur les Concepts{" "}
</li> <ul className="list-disc list-inside">
<li> <li>
Comprendre ce que l’on fait, comment on le Étude et application des meilleurs concepts
fait et pourquoi on le fait. et stratégies issus de différentes approches
</li> martiales.
</ul> </li>
</li> <li>
<li> Comprendre ce que l’on fait, comment on le
Éducation au Mouvement et à l’Efficacité fait et pourquoi on le fait.
<ul className="list-disc list-inside"> </li>
<li> </ul>
Plus qu’un enchaînement de techniques : une </li>
véritable éducation aux mouvements corporels <li>
et à l’efficacité des armes. Éducation au Mouvement et à l’Efficacité
</li> <ul className="list-disc list-inside">
<li> <li>
Priorité à l’authenticité et à la réalité. Plus qu’un enchaînement de techniques : une
</li> véritable éducation aux mouvements corporels
</ul> et à l’efficacité des armes.
</li> </li>
</ol> <li>
</FeatureItem> Priorité à l’authenticité et à la réalité.
<FeatureItem </li>
title="L’Évolution du Système" </ul>
position="right" </li>
image="https://shadcnblocks.com/images/block/placeholder-2.svg" </ol>
> </FeatureItem>
<ol className="list-none text-justify flex flex-col gap-4"> <FeatureItem
<li> title="L’Évolution du Système"
<span className="font-bold"> position="right"
Les Premières Étapes image="https://shadcnblocks.com/images/block/placeholder-2.svg"
</span> >
<ul className="list-disc list-inside"> <ol className="list-none text-justify flex flex-col gap-4">
<li> <li>
Initialement centré sur les techniques et <span className="font-bold">
mouvements, le système s’est montré efficace Les Premières Étapes
mais incomplet. </span>
</li> <ul className="list-disc list-inside">
<li> <li>
Recherche de ce qui différencie les arts Initialement centré sur les techniques et
martiaux philippins des autres disciplines. mouvements, le système s’est montré efficace
</li> mais incomplet.
</ul> </li>
</li> <li>
<li> Recherche de ce qui différencie les arts
<span className="font-bold"> martiaux philippins des autres disciplines.
La Découverte des Concepts Clés </li>
</span>{" "} </ul>
<ul className="list-disc list-inside"> </li>
<li> <li>
Rôle central des concepts de combat : <span className="font-bold">
<ul className="list-disc list-inside pl-4"> La Découverte des Concepts Clés
<li>Puissance dans les frappes.</li> </span>{" "}
<li>Blocage ferme.</li> <ul className="list-disc list-inside">
<li>Équilibre et attitude.</li> <li>
</ul> Rôle central des concepts de combat :
</li> <ul className="list-disc list-inside pl-4">
<li> <li>Puissance dans les frappes.</li>
Restructuration des exercices pour intégrer <li>Blocage ferme.</li>
et transmettre ces concepts fondamentaux. <li>Équilibre et attitude.</li>
</li> </ul>
</ul> </li>
</li> <li>
</ol> Restructuration des exercices pour intégrer
</FeatureItem> et transmettre ces concepts fondamentaux.
<FeatureItem </li>
title="Les Principes du Système Aujourd’hui" </ul>
position="left" </li>
image="https://shadcnblocks.com/images/block/placeholder-2.svg" </ol>
> </FeatureItem>
Latosa Escrima Concepts repose sur cinq concepts <FeatureItem
fondamentaux : title="Les Principes du Système Aujourd’hui"
<ul className="list-disc list-inside"> position="left"
<li>Équilibre</li> image="https://shadcnblocks.com/images/block/placeholder-2.svg"
<li>Vitesse (Timing et Distance)</li> >
<li>Puissance</li> Latosa Escrima Concepts repose sur cinq concepts
<li>Concentration</li> fondamentaux :
<li>Transition</li> <ul className="list-disc list-inside">
</ul> <li>Équilibre</li>
</FeatureItem> <li>Vitesse (Timing et Distance)</li>
</Features> <li>Puissance</li>
<li>Concentration</li>
<li>Transition</li>
</ul>
</FeatureItem>
</Features>
</div>
<Gallery6 /> <Gallery6 />
<Gallery6 /> <Gallery6 />
</main> </main>

8
latosa-frontend/components/features.tsx
View File

@@ -8,8 +8,8 @@ const Features: React.FC<
}> }>
> = ({ title, description, cta, children }) => { > = ({ title, description, cta, children }) => {
return ( return (
<section className="py-32 px-4"> <section className="py-32 px-4 container self-center">
<div className="container flex flex-col gap-16 lg:px-16"> <div className="flex flex-col gap-16 lg:px-16">
<div className="lg:max-w-sm"> <div className="lg:max-w-sm">
<h2 className="mb-3 text-xl font-semibold md:mb-4 md:text-4xl lg:mb-6"> <h2 className="mb-3 text-xl font-semibold md:mb-4 md:text-4xl lg:mb-6">
{title} {title}
@@ -43,7 +43,7 @@ export const FeatureItem: React.FC<
}> }>
> = ({ title, children, image, position }) => { > = ({ title, children, image, position }) => {
const _image = () => ( const _image = () => (
<div className="md:min-h-[24rem] lg:min-h-[28rem] xl:min-h-[32rem]"> <div className="md:min-h-[18rem] lg:min-h-[24rem] xl:min-h-[28rem]">
<img <img
src={image} src={image}
alt={title} alt={title}
@@ -61,7 +61,7 @@ export const FeatureItem: React.FC<
); );
return ( return (
<div <div
className={`flex ${position === "left" ? "flex-col" : "flex-col-reverse"} overflow-clip rounded-xl border border-border md:col-span-2 md:grid md:grid-cols-2 md:gap-6 lg:gap-8`} className={`flex ${position === "left" ? "flex-col" : "flex-col-reverse"} container self-center overflow-clip rounded-xl border border-border md:col-span-2 md:grid md:grid-cols-2 md:gap-6 lg:gap-8`}
> >
{position === "left" ? ( {position === "left" ? (
<> <>