PROMPT PUBLIÉ PAR LA SOURCE
Create a clean, developer-focused dark SaaS landing page based on the acclaimed Open React / Cruip design system, built with React, Next.js, Tailwind CSS, and Lucide icons. ### 1. Aesthetic Specifications - Theme: Deep charcoal background (#151719) with neon purple/violet (#8B5CF6) and cyan gradients (#06B6D4) on key interactive surfaces. - Glassmorphism: Cards with subtle background rgba(255,255,255,0.03) and 1px borders rgba(255,255,255,0.08). ### 2. Page Sections - Hero Section: - Pill badge: "Cruip Open SaaS 2.0 Released · Read documentation →" - Headline: "Landing page template for developers and open-source startups" - Description: "Designed to showcase modern software products with clean components, responsive layouts, and zero-dependency animations." - CTA row: "Start Free 14-Day Trial" + "View Source on GitHub" with star count. - Visual Showcase: Illustrated product screenshot mockup inside an illuminated browser window frame with glowing drop shadow. - Feature Zig-Zag Rows: 3 alternating feature blocks with SVG illustrations and bulleted benefit lists. - Speed & Performance Bento: 3 metric cards highlighting 99+ Lighthouse score, 0ms bundle bloat, and automated CI/CD deployment. - Customer Testimonials: Carousel of developer endorsements with avatars, handle chips, and quotes. - CTA Banner: Gradient card with "Ready to launch your project?" and instant email signup input.
Next.js + Tailwind CSS · Texte publié par la source. Les références et réglages peuvent être nécessaires ; le résultat identique n’est pas garanti.
Consulter la source ↗21st (cruip)
EXTRA review c802b5aa6a5094a1e2abf2e1c0174146; fingerprint b3aafcd9f3f3dfea984ce7f47a02cb914ac27df3e09c2a4d7e23e7b435a0dc01; evidence 074ea74b24203f3efa1ba7ada6f4bcdc4525203eb2a7843289f0aa566774e6e9
← Continuer à explorer