Marco
e9b7a2f582
Mirrors app/r/[code]/route.ts's Payload Redirects lookup under the fixed /sticker prefix already printed on existing sticker QR codes, so those stay admin-editable/toggleable in the same collection instead of needing a code-level static redirect. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01G5mssdCBir9kyXTmqBjV3h
60 lines
2.5 KiB
TypeScript
60 lines
2.5 KiB
TypeScript
import type { Metadata } from "next";
|
||
import Link from "next/link";
|
||
import { Reveal } from "../components/Reveal";
|
||
import { Footer } from "../components/Footer";
|
||
import { TrustRow } from "../components/TrustRow";
|
||
|
||
// Placeholder landing page for the /sticker/[code] QR redirects (see that
|
||
// route) — targetPath for those Redirects docs currently points here until
|
||
// a dedicated campaign page exists; swap targetPath in Payload once it does.
|
||
export const metadata: Metadata = {
|
||
title: "Schön, dass du da bist",
|
||
description: "Du hast einen einfach produktiv Sticker gescannt.",
|
||
};
|
||
|
||
export default function StickerPage() {
|
||
return (
|
||
<>
|
||
<main className="flex flex-col flex-1 bg-bg-base">
|
||
<Reveal className="flex flex-col gap-4 items-center text-center pt-24 pb-16 px-[var(--layout-padding-x)] w-full">
|
||
<div className="flex items-center justify-center size-14 rounded-full bg-brand/10 text-brand shrink-0">
|
||
<svg viewBox="0 0 24 24" className="size-6" fill="none" aria-hidden="true">
|
||
<path d="M9 3.5h6a1.5 1.5 0 0 1 1.5 1.5v14.5L12 16l-4.5 3.5V5A1.5 1.5 0 0 1 9 3.5Z" stroke="currentColor" strokeWidth="1.8" strokeLinejoin="round" />
|
||
</svg>
|
||
</div>
|
||
<p
|
||
className="font-semibold text-display text-text-primary"
|
||
style={{ fontFamily: "var(--font-playfair)" }}
|
||
>
|
||
Schön, dass du da bist!
|
||
</p>
|
||
<p
|
||
className="font-semibold text-h3 text-text-primary"
|
||
style={{ fontFamily: "var(--font-lora)" }}
|
||
>
|
||
Du hast einen unserer Sticker entdeckt.
|
||
</p>
|
||
<div className="h-[0.125rem] w-8 bg-brand" />
|
||
|
||
<div className="flex flex-col gap-4 text-left text-body text-text-muted max-w-[28rem] pt-2">
|
||
<p>Hallo,</p>
|
||
<p>
|
||
schön, dass dich der Sticker hierher geführt hat. Schau dich gerne um – hier
|
||
findest du alles, was einfach produktiv ausmacht.
|
||
</p>
|
||
</div>
|
||
|
||
<Link
|
||
href="/shop"
|
||
className="inline-flex items-center justify-center px-7 py-4 mt-4 rounded-sm bg-brand hover:bg-brand-hover active:scale-[0.97] transition-all font-bold text-h4 text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 focus-visible:ring-offset-bg-base"
|
||
>
|
||
Jetzt stöbern
|
||
</Link>
|
||
</Reveal>
|
||
<TrustRow />
|
||
</main>
|
||
<Footer />
|
||
</>
|
||
);
|
||
}
|