Hero

Sezione principale della landing: headline serif enorme, sotto-copy, CTA mustard e il visual FolderOrbit sulla destra — le cartelle che orbitano intorno al progetto sono il marchio visivo di ZeroToShip.

File

components/Hero.tsx

Uso base

import Hero from "@/components/Hero";

<Hero />

Personalizzare

• Headline: cambia il <h1> nel file. La classe .squiggle aggiunge la sottolineatura disegnata a mano sotto il pezzo che vuoi enfatizzare.
• Sub-copy: prende appDescription di default; sostituisci con il tuo pitch.
• Rotte in orbita: modifica l'array routes per elencare i moduli del tuo prodotto — ognuno con icon, label e color opzionale (mustard o brick).

const routes = [
  { icon: "🔐", label: "/auth" },
  { icon: "💳", label: "/payments", color: "mustard" as const },
  { icon: "🤖", label: ".cursorrules", color: "brick" as const },
];