<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ $site->name ?: 'Coming soon' }}</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <style>
        *{box-sizing:border-box;margin:0;padding:0}
        body{font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh;display:grid;place-items:center;
            background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0;text-align:center;padding:24px}
        .c{max-width:520px}
        .i{font-size:54px;color:#6366f1;margin-bottom:18px;animation:f 3s ease-in-out infinite}
        @keyframes f{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
        h1{font-size:30px;margin-bottom:10px}
        p{color:#94a3b8;font-size:15px;line-height:1.6}
    </style>
</head>
<body>
    <div class="c">
        <div class="i"><i class="fas fa-stethoscope"></i></div>
        <h1>{{ $site->name ?: 'Our website is coming soon' }}</h1>
        <p>{{ $site->tagline ?: 'We are putting the finishing touches on our new website. Please check back shortly.' }}</p>
    </div>
</body>
</html>
