Registry

Registry shadcn-compatibile: distribuisce il design base strutturale (radius, motion, scala tipografica fluida, primitive) e i componenti riusabili condivisi tra i siti/web-app cliente. Palette e font restano per-brand.

npx shadcn@latest add https://registry.cosmopoiesi.com/r/design-base.json

• design-base

  registry:base

  Token strutturali (radius, motion, scala tipografica fluida) e primitive (eyebrow, display/h2/h3, lead, pill button, hairline, reveal-on-scroll). Palette/font per-brand.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/design-base.json

• hero

  registry:component

  Hero full-bleed, immagine ottimizzata (webp srcset), eyebrow tracked, titolo display, CTA pill. Astro.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/hero.json

• section-heading

  registry:component

  Eyebrow + h2 + lead opzionale, sulla scala tipografica fluida del design-base. Astro.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/section-heading.json

• reveal

  registry:component

  Reveal-on-scroll (IntersectionObserver) + CSS, reduced-motion safe.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/reveal.json

• site-header

  registry:component

  Nav header generalizzato: trasparente-sopra-hero con scroll-morph a solido, CTA pill, mobile menu accessibile. Astro, brand-agnostico.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/site-header.json

• site-footer

  registry:component

  Footer a colonne: brand/tagline, link, contatti, social, legal. Astro, brand-agnostico.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/site-footer.json

• card-grid

  registry:component

  Griglia responsiva di card (camere/appartamenti/attività/servizi): immagine webp + meta pill, h3 serif, lead, CTA, hover zoom reduced-motion safe. Astro.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/card-grid.json

Componenti nativi React (Tailwind + design-base), pensati per Next.js: nessuna traduzione, stesso codice del componente originale.

• pricing-cards

  registry:component

  Griglia di prezzi/pacchetti (2-4 tier), tier evidenziato via token. Server component statico.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/pricing-cards.json

• testimonial-grid

  registry:component

  Griglia di testimonianze/recensioni con stelle opzionali e avatar. Server component statico.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/testimonial-grid.json

• gallery

  registry:component

  Griglia fotografica con lightbox accessibile: focus management, Escape/frecce da tastiera. Client component.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/gallery.json

• faq-accordion

  registry:component

  Accordion FAQ accessibile, apertura animata via CSS grid-template-rows nativo. Client component.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/faq-accordion.json

• booking-form

  registry:component

  Form di prenotazione a 3 step, validazione ai confini a ogni passo. Client component.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/booking-form.json

• stat-counter

  registry:component

  Contatori numerici animati (count-up) all'ingresso in viewport, reduced-motion safe. Client component.

  npx shadcn@latest add https://registry.cosmopoiesi.com/r/stat-counter.json