@extends('layouts.base')

@section('body')
<header class="iq-topbar app-mtop">
  <a href="{{ route('home') }}" aria-label="InLynq home"><x-iq.logo /></a>
  <nav class="iq-navlinks app-hide-sm" style="margin-left:24px" aria-label="Main">
    <a href="{{ route('discover.index') }}" @class(['is-active' => request()->routeIs('discover.*')])>Discover</a>
    <a href="{{ route('pricing') }}" @class(['is-active' => request()->routeIs('pricing')])>Pricing</a>
    <a href="{{ route('home') }}#how">For founders</a>
    <a href="{{ route('home') }}#portfolio">For businesses</a>
  </nav>
  <span class="grow"></span>
  @auth
    <a class="iq-btn iq-btn-primary iq-btn-sm" href="{{ route('dashboard') }}">Dashboard</a>
  @else
    <a class="iq-btn iq-btn-quiet iq-btn-sm" href="{{ route('login') }}">Log in</a>
    <a class="iq-btn iq-btn-primary iq-btn-sm" href="{{ route('register') }}">Create your InLynq</a>
  @endauth
</header>

<main>@yield('content')</main>

<footer class="iq-row app-mfoot">
  <x-iq.logo />
  <nav class="iq-row" style="gap:16px;font-size:13px">
    <a class="iq-muted" href="{{ route('discover.index') }}">Discover</a>
    <a class="iq-muted" href="{{ route('pricing') }}">Pricing</a>
  </nav>
  <span class="grow" style="flex:1"></span>
  <span class="iq-muted" style="font-size:13px">© {{ now()->year }} InLynq · Lagos</span>
</footer>
<x-iq.toasts />
@endsection