redesign(landing): restructure CTA buttons - move auth to hero area with docs and github links

Author: fullstackjam

src/routes/+page.svelte

@@ -60,24 +60,6 @@
 		<a href="/" class="header-logo">OpenBoot</a>
 		<div class="header-right">
 			<ThemeToggle />
-			{#if $auth.loading}
-				<span class="loading-text">...</span>
-			{:else if $auth.user}
-				<Button href="/dashboard" variant="secondary">
-					<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" />
-						<rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" />
-					</svg>
-					Dashboard
-				</Button>
-			{:else}
-				<Button href="/api/auth/login" variant="secondary">
-					<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
-						<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
-					</svg>
-					Login
-				</Button>
-			{/if}
 		</div>
 	</div>
 </header>
@@ -116,11 +98,32 @@
 					</div>
 
 					<div class="cta-buttons">
-						<a href="#install" class="btn-get-started" onclick={(e) => { e.preventDefault(); document.getElementById('install')?.scrollIntoView({ behavior: 'smooth' }); }}>
-							Get Started
+						{#if $auth.loading}
+							<span class="btn-outlined btn-placeholder">...</span>
+						{:else if $auth.user}
+							<a href="/dashboard" class="btn-outlined">
+								<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+									<rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" />
+									<rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" />
+								</svg>
+								Dashboard
+							</a>
+						{:else}
+							<a href="/api/auth/login" class="btn-outlined">
+								<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
+									<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+								</svg>
+								Sign in
+							</a>
+						{/if}
+						<a href="/docs" class="btn-outlined">
+							<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+								<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/>
+							</svg>
+							Docs
 						</a>
-						<a href="https://github.com/openbootdotdev/openboot" class="btn-github" target="_blank" rel="noopener">
-							<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+						<a href="https://github.com/openbootdotdev/openboot" class="btn-outlined" target="_blank" rel="noopener">
+							<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
 								<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
 							</svg>
 							View on GitHub
@@ -472,33 +475,11 @@
 		margin-bottom: 16px;
 	}
 
-	.btn-get-started {
+	.btn-outlined {
 		display: inline-flex;
 		align-items: center;
 		gap: 8px;
-		padding: 10px 24px;
-		border-radius: 8px;
-		font-size: 0.9rem;
-		font-weight: 600;
-		cursor: pointer;
-		text-decoration: none;
-		transition: all 0.2s;
-		background: var(--accent);
-		color: #000;
-		border: none;
-	}
-
-	.btn-get-started:hover {
-		background: var(--accent-hover);
-		transform: translateY(-1px);
-		box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
-	}
-
-	.btn-github {
-		display: inline-flex;
-		align-items: center;
-		gap: 8px;
-		padding: 10px 20px;
+		padding: 10px 22px;
 		border-radius: 8px;
 		font-size: 0.9rem;
 		font-weight: 500;
@@ -510,12 +491,17 @@
 		border: 1px solid var(--border);
 	}
 
-	.btn-github:hover {
+	.btn-outlined:hover {
 		color: var(--text-primary);
 		border-color: var(--border-hover);
 		background: var(--bg-tertiary);
 	}
 
+	.btn-placeholder {
+		cursor: default;
+		opacity: 0.5;
+	}
+
 	.star-badge {
 		display: inline-flex;
 		align-items: center;