nebulae/roxane
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip(Home Design)
All checks were successful
Deploy Roxane to Preprod / deploy (push) Successful in 2m32s
Details

Browse Source
This commit is contained in:
Nebulae
2026-03-30 18:50:04 +02:00
parent 24bff5f4b5
commit 83b7c42fe4
7 changed files with 90 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
resources/js/components/features/home/AboutSection.tsx
View File

@@ -1,38 +1,40 @@
import {SectionHeading} from "@/components/common/SectionHeading";
import {Button} from '@/components/ui/button';
export function AboutSection() {
return (
<section className="w-full py-16">
<div className="max-w-7xl mx-auto px-4">
<SectionHeading title="Qui sommes-nous ?" color="secondary" subtitle="Le Retzien Libre, c’est une association qui promeut l’auto-hébergement et la décentralisation des services en ligne depuis 2017." align='left' />
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mt-5">
<div className="flex flex-col gap-3">
<h3 className="text-xl font-semibold">Une association locale</h3>
<p>
Le Retzien Libre est une association engagée pour la promotion du logiciel libre
et la protection de vos données personnelles sur le territoire du Pays de Retz.
</p>
<SectionHeading title="Qui sommes-nous ?" color="secondary"
subtitle="Le Retzien Libre, c’est une association qui promeut l’auto-hébergement et la décentralisation des services en ligne depuis 2017."
align='left'/>
<div
className="bg-white rounded-4xl border-3 border-black mt-10 px-10 pt-20 pb-10 shadow-[4px_4px_0px_rgba(0,0,0,1)]">
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div className="flex flex-col gap-3 lg:border-r-2 border-black lg:pr-10 border-0">
<h3 className="text-xl text-primary font-semibold">Une association locale</h3>
<p>
Nous voulons vous proposer à travers des outils libres, ouverts et solidaires, de
quitter l'industrie du G.A.F.A.M.
</p>
</div>
<div className="flex flex-col gap-3 border-r-2 border-black pr-10">
<h3 className="text-xl text-primary font-semibold">Notre mission</h3>
<p>
Nous nous positionnons comme "A.M.A.P. informatique", délivrant des services "bio",
"éthiques" et "locaux" dans le Pays de Retz et Nantes.
</p>
</div>
<div className="flex flex-col gap-3">
<h3 className="text-xl text-primary font-semibold">Notre solution</h3>
<p>
Pour seulement 12€/an, adhérez au Retzien Libre pour bénéficier des services de
l'association et reprenez le contrôle de vos données.
</p>
</div>
</div>
<div className="flex flex-col gap-3">
<h3 className="text-xl font-semibold">Notre mission</h3>
<p>
Nous sensibilisons et accompagnons les citoyens vers des pratiques numériques
plus respectueuses, libres et indépendantes des grandes plateformes commerciales.
</p>
</div>
<div className="flex flex-col gap-3">
<h3 className="text-xl font-semibold">Surveillance massive</h3>
<p>
Les GAFAM collectent et exploitent vos données personnelles à des fins commerciales,
sans transparence sur l'usage qui en est fait.
</p>
</div>
<div className="flex flex-col gap-3">
<h3 className="text-xl font-semibold">Monopole numérique</h3>
<p>
Concentration excessive du pouvoir et dépendance aux services centralisés.
Il existe des alternatives libres, locales et respectueuses.
</p>
<div className="w-full flex justify-center mt-20">
<Button variant="default">En savoir plus en lisant notre Blog</Button>
</div>
</div>
</div>