@extends('layouts.app')
@section('title','Launch Nexus Studio')
@section('content')
<div class="mx-auto grid min-h-[calc(100vh-72px)] max-w-6xl place-items-center px-5 py-16">
    <div class="card grid max-w-4xl overflow-hidden lg:grid-cols-[1.15fr_.85fr]">
        <div class="p-8 lg:p-12">
            <div class="mb-6 inline-flex rounded-full border border-sky-400/20 bg-sky-400/10 px-3 py-1 text-xs font-bold uppercase tracking-[.16em] text-sky-300">Browser-based 3D aircraft design</div>
            <h1 class="text-4xl font-black tracking-tight lg:text-5xl">Design it in 3D.<br><span class="text-sky-400">Fly it in the sim.</span></h1>
            <p class="mt-5 max-w-xl text-base leading-7 text-slate-400">Nexus Studio is accessed through your VA Nexus Portal account. Launch Studio from your Portal dashboard to securely sign in.</p>
            @if(session('error'))<div class="mt-5 rounded-xl border border-rose-500/20 bg-rose-500/10 p-4 text-sm text-rose-200">{{ session('error') }}</div>@endif
            <a class="btn-primary mt-7" href="{{ $portalUrl }}/studio">Open VA Nexus Portal</a>
        </div>
        <div class="relative min-h-[300px] overflow-hidden bg-gradient-to-br from-sky-500/20 via-blue-700/20 to-violet-600/20 p-8">
            <div class="absolute -right-20 -top-16 h-56 w-56 rounded-full bg-sky-400/20 blur-3xl"></div>
            <div class="absolute -bottom-16 -left-16 h-56 w-56 rounded-full bg-violet-500/20 blur-3xl"></div>
            <div class="relative flex h-full flex-col justify-end">
                <div class="text-7xl">✈</div>
                <div class="mt-5 text-xl font-black">Nexus Studio</div>
                <div class="mt-2 text-sm leading-6 text-slate-300">Paint, preview, save and eventually package supported aircraft without leaving the browser.</div>
            </div>
        </div>
    </div>
</div>
@endsection