mock pricing page

This commit is contained in:
2026-01-27 16:42:43 +00:00
parent 4c2ec86639
commit 75168762b8
3 changed files with 152 additions and 25 deletions

View File

@@ -1,4 +1,3 @@
import { Icon } from "@iconify/react";
import { Link } from "react-router-dom";
import { useSession } from "@/components/session-provider";
import ThemeToggle from "@/components/theme-toggle";
@@ -12,16 +11,14 @@ export default function Landing() {
<header className="relative flex items-center justify-center p-2 border-b">
<div className="text-3xl font-basteleur font-700">Sprint</div>
<nav className="absolute right-2 flex items-center gap-4">
<Link to="/pricing" className="text-sm hover:text-personality transition-colors">
Pricing
</Link>
<ThemeToggle />
{!isLoading && user ? (
<>
{user && (
<h1 className="text-xl font-basteleur font-400">Welcome back {user.name.split(" ")[0]}!</h1>
)}
<Button asChild variant="outline" size="sm">
<Link to="/issues">Open app</Link>
</Button>
</>
<Button asChild variant="outline" size="sm">
<Link to="/issues">Open app</Link>
</Button>
) : (
<Button asChild variant="outline" size="sm">
<Link to="/login">Sign in</Link>
@@ -51,22 +48,6 @@ export default function Landing() {
<Link to="/login">Get started</Link>
</Button>
)}
<div className="inline-flex gap-2 items-center">
<span className="relative">
<a
href="https://github.com/hex248/issue"
target="_blank"
rel="noopener noreferrer"
className="inline-flex gap-2 text-muted-foreground hover:text-personality"
>
<Icon icon="mdi:github" className="h-7 w-7" />
<span className="font-goudy font-700 text-2xl">GitHub</span>
</a>
<span className="text-violet-400/90 absolute left-full top-[45%] ml-4 -translate-y-1/2 whitespace-nowrap select-none text-muted-foreground">
{"<-- you can self-host me!"}
</span>
</span>
</div>
</div>
</main>