<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Coming Soon | Money-Wise</title>
    <link rel="icon" type="image/svg+xml" href="{{ asset('favicon.svg') }}">
    @vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="font-sans antialiased bg-navy-950 min-h-screen flex flex-col justify-between">
    <div></div>

    <main class="relative overflow-hidden flex items-center justify-center py-20 px-6">
        {{-- Decorative glowing blobs --}}
        <div class="blob -left-24 top-20 h-96 w-96 bg-wise-500/20" aria-hidden="true"></div>
        <div class="blob -right-24 bottom-20 h-96 w-96 bg-blue-500/10" aria-hidden="true"></div>

        <div class="relative max-w-2xl text-center space-y-6">
            <div class="flex justify-center">
                <x-logo light />
            </div>
            
            <div class="space-y-3">
                <span class="eyebrow justify-center text-wise-300">WE ARE LAUNCHING SOON</span>
                <h1 class="font-display text-4xl md:text-5xl font-extrabold tracking-tight text-white leading-tight">
                    Something <span class="text-gradient">smarter</span> is on the way.
                </h1>
            </div>
            
            <p class="mx-auto max-w-md text-base text-navy-300">
                We're putting the finishing touches on Africa's first judgment-free financial wellness platform.
            </p>

            <div class="pt-4">
                <span class="inline-flex items-center gap-2 rounded-full bg-white/5 px-4 py-2 text-xs font-semibold text-wise-300 ring-1 ring-white/10">
                    <span class="h-2 w-2 rounded-full bg-wise-400 animate-pulse"></span>
                    Launching soon in 2026
                </span>
            </div>
        </div>
    </main>

    <footer class="text-center py-8 text-xs text-navy-500 border-t border-white/5 z-10">
        <p>&copy; {{ date('Y') }} Money-Wise. All rights reserved.</p>
    </footer>
</body>
</html>
