import React from 'react' import { motion } from 'motion/react' import { ChevronDown, Check, Star, Zap, Shield, BarChart3 } from 'lucide-react' import { Button } from '@/components/ui/button' import { Card } from '@/components/ui/card' import { Separator } from '@/components/ui/separator' import { Container } from '@/components/ui/container' const faqs = [ { q: 'Is there a free trial?', a: '14-day free trial on every plan, no card required.' }, { q: 'Can I change plans?', a: 'Upgrade or downgrade anytime—prorated billing.' }, { q: 'What support do I get?', a: 'Email + chat on all plans; phone support on Enterprise.' }, { q: 'Is my data secure?', a: 'SOC 2 Type II, GDPR, and encrypted at rest.' }, ] export default function App() { return (

{/* HERO */}

vibeflow

Ship faster. Stress less. Scale smarter.

The dev-first platform that turns infra chaos into calm workflows—so teams push features, not firefights.

{/* LOGO STRIP */}

{['Acme', 'Globex', 'Stellar', 'Initech', 'Hooli'].map((c) => ( {c} ))}

{/* FEATURES */}

Blazing CI

Parallel pipelines cut build times by 70%.

Zero-trust security

Built-in auth, RBAC, and audit logs out-of-the-box.

Live metrics

Real-time deploy health and cost insights.

{/* PRICING */}

Simple, transparent pricing

{[ { name: 'Starter', price: '$9', desc: 'Perfect for side projects', feats: ['5 seats', '50 GB', 'Community support'] }, { name: 'Growth', price: '$49', desc: 'For scaling teams', feats: ['25 seats', '500 GB', 'SLA 99.9%', 'SSO'], popular: true }, { name: 'Enterprise', price: 'Custom', desc: 'Full control & compliance', feats: ['Unlimited seats', 'Unlimited GB', 'Dedicated CSM', 'On-prem option'] }, ].map((p) => ( {p.popular && (

FAQ

{faqs.map(({ q, a }) => (

{q}

{a}

))}

{/* FOOTER */}

) }

SaaS Landing Page