import React, { useState } from "react"; import { ChevronRight, ArrowRight, Play, Check, Zap, Shield, BarChart, Globe, Users, Clock, TrendingUp, MessageSquare, Star } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Container } from "@/components/ui/container"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Badge } from "@/components/ui/badge"; import { Separator } from "@/components/ui/separator"; import { Input } from "@/components/ui/input"; import Header from "@/components/Header"; // Features Data const features = [ { icon: , title: "Lightning Fast", description: "Deploy in seconds with our edge network spanning 35+ regions worldwide." }, { icon: , title: "Enterprise Security", description: "SOC 2 compliant with end-to-end encryption and role-based access control." }, { icon: , title: "Real-time Analytics", description: "Track every metric with sub-second latency dashboards and custom alerts." }, { icon: , title: "Global Scale", description: "Handle millions of requests without breaking a sweat or your budget." }, { icon: , title: "Team Collaboration", description: "Built-in comments, threads, and approval workflows keep everyone aligned." }, { icon: , title: "99.99% Uptime", description: "Redundant infrastructure ensures your services stay online, always." } ]; // Stats Data const stats = [ { value: "99.99%", label: "Uptime SLA" }, { value: "50M+", label: "API Requests Daily" }, { value: "2,000+", label: "Active Teams" }, { value: "<100ms", label: "Global Latency" } ]; // Testimonial Data const testimonials = [ { quote: "We shipped our MVP in 3 weeks. The platform just works.", author: "Sarah Chen", role: "CTO @ NexusAI", avatar: "https://i.pravatar.cc/200?img=1" }, { quote: "Best developer experience we've ever had. Zero downtime, zero headaches.", author: "Marcus Rivera", role: "Lead Engineer @ FlowStack", avatar: "https://i.pravatar.cc/200?img=5" }, { quote: "Scaled from 100 to 1M users without changing a single line of code.", author: "Elena Volkov", role: "Founder @ PulseLabs", avatar: "https://i.pravatar.cc/200?img=12" } ]; export default function LandingPage() { const [email, setEmail] = useState(""); return (

{/* Hero Section */}

Now available in 2026

Ship faster. Scale smarter.
Build without limits.

The platform engineered for high-growth teams who ship at speed. Real-time analytics, seamless integrations, and zero downtime deployments.

+2K

Trusted by 2,000+ engineering teams worldwide

{/* Stats Section */}

{stats.map((stat, index) => (

{stat.value}

{stat.label}

))}

{/* Features Section */}

Features

Everything you need to scale

Purpose-built tools for modern engineering teams shipping at velocity.

{features.map((feature, index) => (

{feature.icon}

{feature.title} {feature.description} ))}

{/* How It Works Section */}

Workflow

From idea to production in minutes

No boilerplate, no configuration hell. Just connect and deploy.

{[ { step: "01", title: "Connect Repo", desc: "Link your GitHub repository and we handle the rest automatically." }, { step: "02", title: "Configure", desc: "Set environment variables, dependencies, and deployment rules in one place." }, { step: "03", title: "Deploy", desc: "Push to main and watch us build, test, and deploy to production instantly." } ].map((item, index) => (

{item.step}

{item.title}

{item.desc}

{index < 2 && ( )}

))}

{/* Testimonials Section */}

Testimonials

Loved by developers

See what teams building the future are saying about us.

{testimonials.map((testimonial, index) => (

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

"{testimonial.quote}"

{testimonial.author}

{testimonial.role}

))}

{/* CTA Section */}

Ready to ship faster?

Join 2,000+ teams building the future. Start your free trial today.

No credit card required · 14-day free trial · Cancel anytime

{/* Footer */}

); }

Centered Landing Page