setup.html
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{block "title" .}}Setup{{end}} - ReadySite</title>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js"></script>
</head>
<body class="min-h-screen bg-base-200 flex items-center justify-center">
<div class="w-full max-w-md">
<div class="text-center mb-8">
<div class="w-12 h-12 rounded-xl bg-gradient-to-br from-primary to-secondary flex items-center justify-center text-white font-bold text-2xl mx-auto mb-4 shadow-lg">
R
</div>
<h1 class="text-3xl font-bold">ReadySite</h1>
<p class="text-base-content/70 mt-2">Setup Wizard</p>
</div>
<div class="card bg-base-100 shadow-xl">
<div class="card-body">
{{block "content" .}}{{end}}
</div>
</div>
<div class="mt-6">
<ul class="steps steps-horizontal w-full">
<li class="step {{if eq setup.Step "account"}}step-primary{{end}}">Account</li>
<li class="step {{if eq setup.Step "ai"}}step-primary{{end}}">AI Config</li>
<li class="step {{if eq setup.Step "complete"}}step-primary{{end}}">Complete</li>
</ul>
</div>
</div>
</body>
</html>