Libreria componenti

Il repo arriva con un set completo di componenti landing + un layer di primitive disegnate a mano che dà a tutto lo stile editoriale neobrutalist di ZeroToShip. Tutto è in tema, tutto è responsive, tutto è pronto perché la tua AI lo rimixi.

Sezioni landing

In components/ trovi le sezioni che compongono la home page:

Header — top bar pill con brand + CTA
Hero — headline serif + visual FolderOrbit
Problem — due finestre finder a confronto
FileExplorer — explorer interattivo dei moduli
Pricing — piani letti dal config
FAQ — accordion editoriale
CTA — headline centrata + mustard button
Footer — colonne link + divider disegnato

Drawn primitives

components/drawn/ è il layer visual: piccole illustrazioni SVG che danno personalità senza scomodare Figma. Dentro ci sono WobbleBorder, Squiggle, DrawnArrow, MacFrame, FloppyIcon, FounderFace, CardboardBox, AllInOne, FolderOrbit, TiredMaker. Le importi dall'index del folder.

components/MiaSezione.tsx

tsx

import { DrawnArrow, Squiggle } from "@/components/drawn";

<Squiggle />
<DrawnArrow direction="down-right" className="w-14 h-20" />

Bottoni

Ci sono classi utility in app/globals.css — .btn-brutal-mustard, .btn-brutal-primary — e componenti pronti come ButtonCheckout, ButtonSignin, ButtonAccount, ButtonLead. Copia, incolla, cambia la copy.