46 k vues
Securify Data Security
Securify Data Security : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, TypeScript.
Build a full-screen hero section for a data-security SaaS landing page called "securify" using React + TypeScript + Tailwind CSS, with a looping fullscreen background video, a floating pill-shaped navbar, and large staggered typography. Fonts & Global Styles Load Google font "Readex Pro" weights 300, 400, 500, 600, 700. Set body font-family: 'Readex Pro', system-ui, -apple-system, sans-serif;, background #000, color #fff, antialiased. Make html, body, #root height 100%. Add a .hero-title class with letter-spacing: -0.04em; line-height: 0.95;. Section container A <section> with classes: relative h-screen w-full overflow-hidden bg-black. Background video
Débloquer le Prompt Studio à vie
44 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
- Readex Pro
- Palette
.webp)
