@extends('layouts.portal.app')

@section('title', "AI Concierge InsightsReady")

@push('styles')
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
          rel="stylesheet">
    <link rel="stylesheet" href="{{ asset("portal-assets/portal.css") }}"/>
@endpush

@section('content')

    <main class="container page">

        <section class="hbar"><h1>AI Concierge</h1></section>
        <section class="list">
            <div class="row" style="align-items:flex-start">
                <div><strong>You</strong>
                    <div class="meta">What’s our CAC payback by cohort?</div>
                </div>
            </div>
            <div class="row" style="align-items:flex-start">
                <div><strong>IR Assistant</strong>
                    <div class="meta">Payback &lt; 3 months for 62% of cohorts. Want a chart?</div>
                </div>
            </div>
            <div class="row" style="align-items:flex-start">
                <div><strong>You</strong>
                    <div class="meta">Yes, and compare to last quarter.</div>
                </div>
            </div>
        </section>
        <div class="hbar" style="margin-top:14px">
            <input type="text" placeholder="Ask anything…"
                   style="width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:12px">
        </div>

    </main>

@endsection

@push('scripts')

@endpush