20 days ago
Create a complete responsive landing page for a medical/clinic SaaS product. Use modern clean aesthetics inspired by DRD.at, with lots of white space, centered layouts, subtle gradients, and medical-tech styling. Use TailwindCSS v4 utility classes. Include placeholder text + placeholder images where noted. Page Requirements 1. HERO SECTION Full-width, clean, white + light gradient background. Large headline: “Modern AI Intake for Modern Clinics” Subheadline: Short value statement (placeholder lorem). Primary CTA: “Sign up free” (button) Secondary CTA: “Request demo” (button / link-style) Right side: device mockup (placeholder image with phone + desktop) Layout similar to DRD.at minimal hero. 2. HOW IT WORKS (3-step flow) Display three horizontal steps with icons: Patient answers questions AI structures the medical information Doctor receives an accurate summary Use clean card-style blocks with subtle shadows. 3. BENEFITS FOR CLINICS A 2–3 column grid with icon + short text for each: Saves consultation time Reduces admin load Better-prepared consultations Staff workload relief Works on any device Modern minimal medical icons (placeholder). 4. DOCTOR SUMMARY PREVIEW SECTION Large screenshot-style block (placeholder). Left side: vertical blue / red / green stripes like a medical summary indicator. Caption: “AI-generated structured doctor summary”. 5. SECURITY / GDPR SECTION EU-clinic-friendly style. Icons for GDPR, encryption, EU hosting (placeholders). Short bullet list: EU hosting (Vercel EU + Atlas Frankfurt) Fully GDPR compliant Encrypted in transit & at rest 6. PRICING SECTION Simple, centered block: Header: “Simple, transparent pricing coming soon.” Subheader: “Free during beta.” CTA: Sign up free 7. CTA FOOTER Large final call-to-action: Main CTA button: Sign up free Subtext: “Add AI intake to your clinic in 2 minutes.” General Instructions Use TailwindCSS v4 classes. Use neutral, medical-inspired colors (white, blue-gray, soft green accents). Minimalist typography with clear hierarchy. All images must be placeholders (e.g., /placeholder.svg). Page must be fully responsive with mobile-friendly stacking. No JavaScript required.
Windframe is an AI visual editor for rapidly building stunning web UIs & websites
Start building stunning web UIs & websites!
