<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

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

    <meta property="og:title" content="Aziros — KI-Assistent für deinen Alltag"/>
    <meta property="og:description" content="Termine, Aufgaben und Aria — jetzt auch als App für iOS und Android."/>
    <meta property="og:type" content="website"/>
    <meta name="apple-itunes-app" content="app-id=PLACEHOLDER"/>

    @vite(['resources/css/app.css'])
    @livewireStyles
</head>

<body class="min-h-screen bg-background text-text antialiased">

{{-- BACKGROUND --}}
<div class="fixed inset-0 -z-10">

    {{-- Gradient --}}
    <div class="absolute inset-0 bg-gradient-to-br from-primary-50 via-white to-background"></div>

    {{-- Glow --}}
    <div class="absolute top-[-100px] left-[-100px] w-[400px] h-[400px] bg-primary/10 rounded-full blur-3xl"></div>
    <div class="absolute bottom-[-100px] right-[-100px] w-[400px] h-[400px] bg-primary/10 rounded-full blur-3xl"></div>

</div>

{{-- CONTENT --}}
<main class="min-h-screen">
    {{ $slot }}

</main>

@livewireScripts
@vite(['resources/js/app.js'])

</body>
</html>
