tarzzan/karbe
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

feat(plugins-visuels): theme-guyane + landing-hero + landing-sections

Browse source 
Phase 2 visuals — la page d'accueil prend vie via 3 plugins activables :

- theme-guyane : palette tropicale (vert canopée, eau Maroni, ocre latérite,
  bois karbé, blanc cassé), tokens CSS, typographie display Cormorant Garamond,
  gradient ambient discret. Activé via body[data-theme=guyane].

- landing-hero : section plein écran avec illustration vectorielle SVG (carbet
  sur pilotis au crépuscule + fleuve + jungle), claim 'Le karbé qui dort vous
  attend', double CTA Découvrir / Proposer. Fallback = hero minimaliste actuel.

- landing-sections : 5 sections en cascade — 2 expériences (route+fleuve vs
  expédition fleuve), Comment ça marche (3 étapes), CE (registre coop sans
  commission), Témoignages (3 stubs), Footer riche avec navigation.

Illustrations 100% SVG inline (pas de dépendance image externe). Quand le
plugin image-gallery-seed sera activé (Phase 2.4), les photos remplaceront
progressivement les SVG. Aucune coupure sur le rendu actuel : tous les plugins
visuels sont disabled par défaut, le site garde son look minimaliste tant que
l'admin ne les a pas activés depuis /admin/plugins.
This commit is contained in:
Claude Integration 2026-05-30 23:19:24 +00:00
parent 4454f7331d
commit d19701e275
11 changed files with 691 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/app/globals.css
View file

@ -10,10 +10,45 @@
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
--font-serif: var(--font-serif);
/* === Theme Guyane (plugin theme-guyane) === */
/* Activé lorsque <body data-theme="guyane"> (gated par le plugin). */
--color-karbe-canopy-50: #f1f7f1;
--color-karbe-canopy-100: #dceadc;
--color-karbe-canopy-300: #82b58a;
--color-karbe-canopy-500: #2f7a3f; /* vert canopée Guyane */
--color-karbe-canopy-700: #1f5530;
--color-karbe-canopy-900: #103018;
--color-karbe-maroni-100: #e6e7d8; /* eau Maroni — vert-brun chargé latérite */
--color-karbe-maroni-300: #b4b690;
--color-karbe-maroni-500: #8a8a55;
--color-karbe-maroni-700: #5e5e32;
--color-karbe-laterite-300: #d99c6a; /* ocre latérite rougeâtre */
--color-karbe-laterite-500: #c46434;
--color-karbe-laterite-700: #8c3d18;
--color-karbe-wood-300: #c0a280;
--color-karbe-wood-500: #8d6b48; /* bois karbé */
--color-karbe-wood-700: #5a4329;
--color-karbe-bone: #f5f1e8; /* blanc cassé chaud */
--color-karbe-ink: #1a1a14;
}
body[data-theme="guyane"] {
--background: var(--color-karbe-bone);
--foreground: var(--color-karbe-ink);
font-family: var(--font-geist-sans), system-ui, sans-serif;
background-image:
radial-gradient(ellipse at top, rgba(47, 122, 63, 0.06) 0%, transparent 60%),
radial-gradient(ellipse at bottom, rgba(196, 100, 52, 0.04) 0%, transparent 60%);
}
@media (prefers-color-scheme: dark) {
:root {
:root:not([data-theme="guyane"]) {
--background: #0a0a0a;
--foreground: #ededed;
}