23 k vues

Rocket CTA

Rocket CTA : pied de page animée pensée pour un studio ou une agence, construite avec React, Tailwind CSS, Framer Motion.

Studios et agences Pieds de page React Tailwind CSS Framer Motion TypeScript Vite

Obtenir une version renforcée de ce prompt

Prompt

Personnaliser

Build a pixel-faithful recreation of the landing CTA section. Use React 18 + Vite + TypeScript, TailwindCSS, `framer-motion`, `clsx` + `tailwind-merge` as `cn()`. Dark theme background (`#000000`), Inter font, Material Symbols Outlined for icons. Use the white-alpha "landing" palette in `tailwind.config.ts`:

```ts
landing: {
  surface: "rgba(255, 255, 255, 0.10)",
  "surface-hover": "rgba(255, 255, 255, 0.16)",
  border: "rgba(255, 255, 255, 0.10)",
  "border-strong": "rgba(255, 255, 255, 0.20)",
  text: "rgba(255, 255, 255, 0.80)",
  "text-muted": "rgba(255, 255, 255, 0.60)",
}
```

Débloquer le Prompt Studio à vie

174 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.

Offre de lancement

Accès illimité à tous les prompts · Studio inclus · Paiement unique

Typographies: Instrument Serif
Palette

Rocket CTA

Prompt

Références similaires