import React from "react"; import { Button } from "@/components/ui/button"; import { Container } from "@/components/ui/container"; import { Badge } from "@/components/ui/badge"; import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar"; import { Check, ArrowRight, Star, Menu, X } from "lucide-react"; export default function App() { const [isMenuOpen, setIsMenuOpen] = React.useState(false); return (

{/* Navigation */}

NexusFlow

{/* Mobile Nav */} {isMenuOpen && (

Features Solutions Pricing

)}

{/* Hero Section */}

{/* Subtle Background Elements */}

{/* Testimonial Pill */}

{[1, 2, 3].map((i) => ( U ))}

{[1, 2, 3, 4, 5].map((s) => ( ))}

Trusted by 2k+ devs

{/* Headline */}

Ship software faster
than your competition.

The ultimate orchestration layer for modern engineering teams. Automate CI/CD, manage environments, and scale without the ops overhead.

{/* CTAs */}

{/* Value Props */}

{[ "No credit card required", "Setup in < 5 minutes", "Enterprise-grade security" ].map((prop, i) => (

{prop}

))}

{/* Social Proof Bar */}

Powering the world's most innovative teams

{["Acme Corp", "Globex", "Soylent Corp", "Initech", "Umbrella"].map((brand) => ( {brand} ))}

); }

Ship software faster than your competition.

Ship software faster
than your competition.

Centered Hero Section