import React from "react"; import { Container } from "@/components/ui/container"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { Input } from "@/components/ui/input"; import { Separator } from "@/components/ui/separator"; import { ArrowRight, CheckCircle2, Code2, Zap, Shield, LayoutGrid, BarChart3, Users, Globe, Menu, X, } from "lucide-react"; // --- Components --- const Navbar = () => ( ); const Hero = () => (

v2.0 is now live

Ship code faster,
with zero friction.

VibeStack is the all-in-one engineering platform designed for modern teams. Manage deployments, monitor errors, and scale infrastructure in one intuitive dashboard.

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

{String.fromCharCode(64 + i)}

))}

Trusted by 10,000+ developers

{/* Hero Visual - Static Composition */}

deployment-logs Healthy

10:42:01 [INFO] Building container image...

10:42:15 [SUCCESS] Build completed in 14s

10:42:16 [INFO] Pushing to registry...

10:42:18 [DEPLOYED] Live on edge network

99.9%

Uptime

24ms

Latency

{/* Floating Card 1 */}

Optimized

Bundle size -40%

{/* Floating Card 2 */}

Secure

SOC2 Compliant

); const LogoCloud = () => (

POWERING NEXT-GEN TEAMS AT

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

ACME {i}

))}

); const Features = () => { const features = [ { icon: LayoutGrid, title: "Component Library", desc: "Pre-built, accessible components ready for production. Just import and ship." }, { icon: BarChart3, title: "Real-time Analytics", desc: "Deep insights into your application performance and user behavior instantly." }, { icon: Users, title: "Team Collaboration", desc: "Built for speed. Review code, manage permissions, and sync with your team." }, { icon: Shield, title: "Enterprise Security", desc: "End-to-end encryption, SSO, and audit logs to keep your data safe." }, { icon: Globe, title: "Global Edge Network", desc: "Deploy to the edge. Content delivery in milliseconds, worldwide." }, { icon: Zap, title: "Lightning Fast CI/CD", desc: "Automated pipelines that build and deploy your code in seconds, not minutes." } ]; return (

Everything you need to scale

We handle the heavy lifting so you can focus on building the product. From local development to global scaling.

{features.map((f, i) => (

{f.title} {f.desc} ))}

); }; const Stats = () => (

99.99%

Uptime SLA

50ms

Global Latency

10k+

Active Companies

24/7

Support Coverage

); const CTA = () => (

Ready to engineer the future?

Join thousands of developers building faster, safer, and more scalable applications today.

No credit card required. Cancel anytime.

); const Footer = () => ( ); const App = () => { return (

); }; export default App;

Ship code faster, with zero friction.

Everything you need to scale

Ready to engineer the future?

Ship code faster,
with zero friction.

VibeStack Landing Page