Retour au catalogue
1,3 k vues

AI Meeting Notes

AI Meeting Notes : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Framer Motion.

Build a high-performance, agency-grade SaaS section called "AI Meeting Notes" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
**Build a single-page landing page for "Livo AI" — an AI meeting analysis product. Use React + Vite + TypeScript + Tailwind CSS + Framer Motion + Lucide React. Font: Google Fonts "Inter" (weights 400, 500, 600, 700). The page has 4 full-screen sections wrapped in a `ScaledSection` component. Background color for sections 1 & 2: `rgb(254, 241, 238)`. Section 3 is a full-bleed image section. Section 4 background is white.**

Visual Aesthetics & Mood:
light clean saas marketing page stacked full-width scaled sections hero scenarios carousel pricing plans neutral sans-serif medium weights crisp minimal professional tidy structured modern polished friendly

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)

Débloquer le Prompt Studio à vie

18 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

Références similaires