

34 k vues
Liquid Glass Agency
Liquid Glass Agency : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Framer Motion.
Build a high-performance, agency-grade Landing Page section called "Liquid Glass Agency" in React 19, TypeScript, and Tailwind CSS with Framer Motion. ## 1. Overview & Visual Objective Build a dark, premium, single-page landing page for an AI-powered web design agency using React + Vite + Tailwind CSS + shadcn/ui + Framer Motion (motion/react). The page has a luxury editorial aesthetic -- black backgrounds, white text, liquid glass (glassmorphism) effects, and cinematic video backgrounds. Visual Aesthetics & Mood: dark black luxury premium editorial elegant refined glassmorphism liquid glass frosted translucent transparent panels glowing gradient borders soft inner highlights cinematic fullscreen video backdrop moody atmospheric italic serif display headings paired with light clean sans-serif body rounded pill shapes fully rounded buttons soft white glow subtle blur layered depth minimal spacious airy composition high-end fashion-like sophisticated polished monochrome white text on black smooth fade animations gentle motion understated exclusive ## 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.
Accès illimité à tous les prompts · Studio inclus · Paiement unique

.webp)