.webp)
29 k vues
AI Workflow Agents
AI Workflow Agents : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.
Build a single-page hero landing page for a product called "Axon" — a platform that deploys digital workers for mundane workflows. The page is a full-viewport hero section with a looping background video and overlaid content. **Fonts:** - Load Google Fonts: `Instrument Serif` (regular + italic) and `Inter` (weights 400, 500, 600). - Body font: `Inter`, color `#1B133C`. - Heading font: `Instrument Serif`. **Page structure (single full-screen section, 100vh):** 1. **Navigation bar** — centered at the top with `pt-4 md:pt-6` padding. A horizontal nav pill with `bg-white/70 backdrop-blur-md rounded-xl px-4 md:px-6 py-3 shadow-sm`. Contains: - A custom SVG logo (two geometric arrow/chevron shapes in `#1B133C`, 24x24px). The SVG paths are: `M 256 256 L 128 256 L 0 128 L 128 128 Z` and `M 256 128 L 128 128 L 0 0 L 128 0 Z` inside a 256x256 viewBox. - Navigation links (hidden on mobile, shown `sm:` and up): "Features", "Plans", "Security", "About" — styled as `text-sm font-medium text-[#1B133C]/80` with hover transition to full opacity.
Débloquer le Prompt Studio à vie
25 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.
Accès illimité à tous les prompts · Studio inclus · Paiement unique
- Typographies
- Heading, Inter
- Palette

