@extends('layouts.portal.app')

@section('title', "Demo Mode 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>Demo / Scenario Mode</h1></section>
        <section class="panel">
            <strong>Load sample data</strong>
            <p class="app-sub">Toggle to explore without connecting your data</p>
        </section>
        <section class="panel" style="margin-top:14px">
            <strong>Scenarios</strong>
            <p class="app-sub">Revenue -10% • ROAS +20% • Inventory +5%</p>
        </section>

    </main>

@endsection

@push('scripts')

@endpush