48 k vues

FAQ CTA

FAQ CTA : pied de page animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Framer Motion.

Landing pages SaaS Pieds de page React Tailwind CSS Framer Motion TypeScript Vite

Obtenir une version renforcée de ce prompt

Prompt

Personnaliser

**PROMPT:**

Build a React + TypeScript + Vite + Tailwind CSS page with a "CTA + FAQ + Footer" section using the **Inter** font. Use `lucide-react` for icons (`ChevronDown`, `ChevronUp`). No other UI libraries.

### Layout

A centered container `max-w-[1100px] w-full mx-auto px-5`, white body (`bg-white text-neutral-900`), applied font: `style={{ fontFamily: "'Inter', sans-serif" }}`. Main section has `py-20 max-[900px]:py-[60px]`.

Inside `<main>`, a two-column grid:
- `grid grid-cols-[1.6fr_1fr] gap-[30px] items-stretch max-[900px]:grid-cols-1 max-[900px]:gap-[60px]`

### Left column — Animated Gradient CTA card

Débloquer le Prompt Studio à vie

141 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: Navigation, Inter
Palette

FAQ CTA

Prompt

Références similaires