Make tweaks to landing page

This commit is contained in:
Jared Schoeny 2025-10-24 14:24:42 -10:00
parent 4a5e77ca9f
commit e652943384

View File

@ -5,15 +5,15 @@ export default function Home() {
<div>
<section className="relative overflow-hidden">
<div className="absolute inset-0 bg-grid opacity-30 pointer-events-none" />
<div className="mx-auto max-w-screen-2xl px-6 py-20">
<div className="mx-auto max-w-screen-2xl px-6 py-10 sm:py-20">
<div className="max-w-2xl">
<h1 className="text-4xl font-bold tracking-tight sm:text-6xl">
<span className="gradient-text">Discover</span> and share Pokémon ROM hack patches
<span className="gradient-text">Discover</span> and share Pokémon romhacks
</h1>
<p className="mt-4 text-[15px] text-foreground/80">
Find community-made hacks and patch in-browser with your own legally-obtained base ROMs for Game Boy, Game Boy Color, Game Boy Advance, and Nintendo DS.
</p>
<div className="mt-8 flex items-center gap-3">
<div className="mt-8 flex flex-col items-start sm:flex-row sm:items-center gap-3">
<Link
href="/discover"
className="inline-flex h-12 items-center justify-center rounded-md bg-[var(--accent)] px-5 text-base font-medium text-[var(--accent-foreground)] transition-colors hover:bg-[var(--accent-700)] elevate"
@ -28,7 +28,7 @@ export default function Home() {
</Link>
<Link
href="/login"
className="inline-flex h-12 items-center justify-center rounded-md px-5 text-base font-medium text-foreground/90 hover:underline"
className="inline-flex sm:h-12 items-center justify-center rounded-md sm:px-5 text-base font-medium text-foreground/90 hover:underline"
>
Already a creator? Log in
</Link>
@ -37,7 +37,7 @@ export default function Home() {
</div>
</section>
<section className="mx-auto max-w-screen-2xl px-6 py-12">
<section className="mx-auto max-w-screen-2xl px-6 py-6 sm:py-12">
<div className="grid gap-6 sm:grid-cols-3">
<div className="card p-5">
<div className="text-[15px] font-semibold tracking-tight">Curated discovery</div>