Template Associationshadcn
Une page associative claire et engagée.
Un template de démo pour associations : adhésion, dons, bénévolat, agenda, et actus. Couleurs primaires maîtrisées, mode light/dark natif.
Adhésion en ligneDons & campagneÉvénementsBénévolat
Paiement sécurisé (démo)•Communication & impact
Notre mission
Agir localement, ensemble.
Campagne de financement
Collecté7 340€ / 12 000€
Objectif : matériel + logistique + 3 actions terrain (démo)
TransparenceImpactLocal
Prochaine action
Collecte solidaire • Sam 09 Mar
Place centrale (démo)
Adhérer à l’association
Un système d’adhésion prêt à brancher : 3 niveaux, avantages, et “checkout” en modal.
MensuelAnnuel-10% (démo)
Supporter
12€
/ an
- Carte d’adhésion numérique
- Newsletter mensuelle
- Accès aux événements publics
Démo : paiement non effectué.
Membre actif
30€
/ an
- Tout le plan Supporter
- Accès prioritaire aux ateliers
- Droit de vote à l’AG
- Badge “Membre” sur le profil
Démo : paiement non effectué.
Bienfaiteur
80€
/ an
- Tout le plan Membre actif
- Invitation aux rencontres partenaires
- Mention (optionnelle) sur le site
- Reçu de don (démo)
Démo : paiement non effectué.
Faire un don
Montant libre + message. Parfait pour montrer un “flow” shadcn clean.
Démo : aucune transaction réelle.
Où va votre don ?
Matériel45%
Logistique30%
Actions terrain25%
Paiement sécurisé (démo)
Newsletter
Recevoir les actus & actions
Un module simple à connecter à Mailjet/Brevo plus tard.
Vie de l’association
Agenda + actualités, en composants shadcn.
Atelier
Atelier “Premiers gestes solidaires”
Sam 24 Fév10:00 – 12:00Salle associative • Centre-ville
Places18
Démo : inscription non envoyée.
Rencontre
Rencontre bénévoles (onboarding)
Mer 28 Fév18:30 – 20:00En visio + présentiel
Places42
Démo : inscription non envoyée.
Action terrain
Action terrain “Coup de main”
Dim 03 Mar09:00 – 13:00Quartier Nord (démo)
Places25
Démo : inscription non envoyée.
Collecte
Collecte solidaire (matériel)
Sam 09 Mar14:00 – 17:00Point relais • Place centrale
Places60
Démo : inscription non envoyée.
Démo “association” — adhésion / dons / événements (Next + Tailwind + shadcn)