import React, { useState } from "react"; import { Button } from "@/components/ui/button"; import { Container } from "@/components/ui/container"; import { Badge } from "@/components/ui/badge"; import { Separator } from "@/components/ui/separator"; import { Moon, Sun, ArrowRight, TrendingUp, DollarSign, Clock, Zap } from "lucide-react"; // --- Components --- function Header() { return (

FlowMetrics

); } function StatBubble({ icon: Icon, value, label, delay }: { icon: any, value: string, label: string, delay: string }) { return (

{value} {label}

); } function ThemeToggle() { const [isDark, setIsDark] = useState(true); React.useEffect(() => { if (isDark) { document.documentElement.classList.add('dark'); } else { document.documentElement.classList.remove('dark'); } }, [isDark]); return ( ); } // --- Main App --- export default function App() { return (

{/* Hero Section with Strip Background */}

{/* Background Pattern */}

New in 2026 v2.0

Analytics that flow
with your business.

Stop guessing your metrics. Get a complete, real-time visualization of your SaaS performance with zero latency.

{/* The Curved Wave Strip */}

{/* Floating Stats Container - Overlapping the Wave */}

{/* Desktop Separator */}

{/* Main Content */}

Precision data for
modern teams.

Our proprietary algorithm crunches numbers in real-time, giving you insights that were previously impossible to extract. Join 500+ companies scaling faster in 2026.

{feature}

{/* Visual Placeholder Card */}

Monthly Recurring Revenue

$124,500.00

+12.5%

{[40, 65, 45, 80, 55, 90, 75].map((h, i) => (

))}

MonTueWedThuFriSatSun

); }

Precision data for modern teams.

$124,500.00

Precision data for
modern teams.

Curved Hero with Stats