41 lines
1.9 KiB
TypeScript
41 lines
1.9 KiB
TypeScript
import type { Metadata } from "next"
|
||
import { TeeCupWordmark } from "@/components/teecup/wordmark"
|
||
import { TeeCupAuth } from "@/components/teecup/teecup-auth"
|
||
|
||
export const metadata: Metadata = {
|
||
title: "Logg inn – TeeCup",
|
||
description: "Logg inn på TeeCup for live-scoring og golfturneringer med vennegjengen, klubben eller bedriften.",
|
||
}
|
||
|
||
export default function LoggInnPage() {
|
||
return (
|
||
<main className="relative flex min-h-dvh flex-col items-center justify-center overflow-hidden bg-clubhouse-bg px-4 py-8 text-clubhouse-ink">
|
||
{/* Quiet turf-horizon backdrop — the one bit of atmosphere, kept subtle. */}
|
||
<div aria-hidden="true" className="pointer-events-none absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-tee/15 to-transparent" />
|
||
|
||
<div className="relative z-10 w-full max-w-md">
|
||
{/* Header */}
|
||
<header className="mb-6 flex flex-col items-center text-center">
|
||
<TeeCupWordmark className="h-11" />
|
||
<p className="mt-3 text-pretty text-[0.9375rem] font-medium text-clubhouse-muted">
|
||
Live-scoring og turneringer — fra første tee til pokalen.
|
||
</p>
|
||
</header>
|
||
|
||
{/* Card — the scorecard. Continuation screens (2FA, link confirm) can
|
||
reuse this exact container. */}
|
||
<section className="overflow-hidden rounded-3xl border border-clubhouse-border bg-clubhouse-card shadow-[0_1px_0_rgba(23,32,15,0.04),0_18px_40px_-24px_rgba(23,32,15,0.35)]">
|
||
{/* Signature element: a fairway-green scorecard header stripe. */}
|
||
<div className="h-2 w-full bg-gradient-to-r from-tee-strong via-tee to-cup" />
|
||
<div className="p-6 sm:p-8">
|
||
<TeeCupAuth />
|
||
</div>
|
||
</section>
|
||
|
||
<p className="mt-6 text-center text-[0.875rem] leading-relaxed text-clubhouse-muted">
|
||
Ved å logge inn godtar du vilkårene våre. Trenger du hjelp? Ta kontakt med klubben din.
|
||
</p>
|
||
</div>
|
||
</main>
|
||
)
|
||
}
|