import React from 'react'; import { Check, Star, ChevronRight, Menu, X } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Container } from '@/components/ui/container'; function Header() { const [isOpen, setIsOpen] = React.useState(false); return (

Vortex

{isOpen && ( )}

); } function TestimonialPill() { return (

4.9/5

{[...Array(5)].map((_, i) => ( ))}

from 2k+ reviews

); } function ValueProps() { const props = [ { icon: Check, text: '14-day free trial' }, { icon: Check, text: 'No credit card required' }, { icon: Check, text: 'Cancel anytime' }, ]; return (

{props.map((item, index) => (

{item.text}

))}

); } function Hero() { return (

{/* Background pattern */}

{/* Testimonial pill */}

{/* Headline */}

Ship products faster,{' '} without the chaos

{/* Subheadline */}

Vortex brings your team together in one place. Plan, track, and ship—everything you need to go from idea to launch.

{/* CTAs */}

{/* Value props */}

); } function Footer() { return ( ); } export default function App() { return (

); }

Centered Hero with Testimonial & CTAs