<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>{{ config('app.name') }}</title>

        <!-- Bootstrap -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body class="bg-light">
        <div class="container py-5">
            <header class="d-flex justify-content-between align-items-center pb-4 mb-4 border-bottom">
                <span class="fs-4 fw-semibold">{{ config('app.name') }}</span>
                @if (Route::has('login'))
                    <livewire:welcome.navigation />
                @endif
            </header>

            <main>
                <div class="mb-5">
                    <h1 class="display-6 fw-semibold">AI-driven marketing automation, end to end</h1>
                    <p class="text-muted col-lg-8">
                        Describe a campaign in chat, and let AI generate the ad creative, write the copy, pick the budget split,
                        and launch it across Meta, Google, TikTok, Taboola, and LinkedIn — then keep watching performance and
                        acting on it automatically, within the guardrails you set.
                    </p>
                </div>

                <div class="row g-4 mb-5">
                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body">
                                <h2 class="h5 fw-semibold">AI Creative Generator</h2>
                                <p class="text-muted mb-0">
                                    Generate image and video ad creatives from a product URL, a prompt, uploaded assets, or a competitor ad — with AI avatars, voices, and scripts.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body">
                                <h2 class="h5 fw-semibold">Campaign Launch</h2>
                                <p class="text-muted mb-0">
                                    Attach a generated creative to a new or existing campaign and launch it directly to the ad platform, budget and targeting included.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body">
                                <h2 class="h5 fw-semibold">Monitoring &amp; Optimization</h2>
                                <p class="text-muted mb-0">
                                    Continuous performance monitoring with AI-recommended actions — pause, scale, or clone — inside human-approval guardrails.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body">
                                <h2 class="h5 fw-semibold">Insights in Chat</h2>
                                <p class="text-muted mb-0">
                                    Ask natural-language questions about your campaigns and get KPI summaries, trends, and root-cause analysis back.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body">
                                <h2 class="h5 fw-semibold">Multi-Platform</h2>
                                <p class="text-muted mb-0">
                                    A single normalized campaign model behind adapters for Meta, Google Ads, TikTok, Taboola, and LinkedIn.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100 shadow-sm">
                            <div class="card-body">
                                <h2 class="h5 fw-semibold">Guardrails</h2>
                                <p class="text-muted mb-0">
                                    Budget caps, cooldowns, and human-approval thresholds keep AI actions bounded and auditable.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                @guest
                    <div class="d-flex gap-2">
                        <a href="{{ route('register') }}" class="btn btn-dark">Get Started</a>
                        <a href="{{ route('login') }}" class="btn btn-outline-dark">Log in</a>
                    </div>
                @else
                    <a href="{{ route('dashboard') }}" class="btn btn-dark">Go to Dashboard</a>
                @endguest
            </main>

            <footer class="text-center text-muted small pt-5 mt-5">
                Built on Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
            </footer>
        </div>

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    </body>
</html>
