Arnaud
8dccd8898b
Language switcher (flag toggle) and dark-mode toggle in the marketing header, both usable by logged-out visitors -- the marketing pages previously hardcoded English (getMessages(undefined)) regardless of any preference, and had no theme control since the authenticated Nav's toggle isn't rendered there. New cookie-based locale resolution (lib/marketing-locale.ts) separate from the authenticated app's useLocale/setLocale, which persists via an authenticated PATCH that would just 401 and revert for an anonymous visitor. Root layout now falls back to that cookie for <html lang> when there's no session. Features/Home now cover cook mode, recipe variations, personalized recommendations, and ingredient substitution -- all real, shipped features that were missing from the page copy. Signup CTAs check isSignupsDisabled() and swap to "Signups closed" instead of "Get started free" -- still linking to /signup, since that page already handles the invite-token exception correctly. Fixed along the way: importing the cookie-name constant from marketing-locale.ts in the client-side LanguageSwitcher pulled that file's server-only imports (lib/auth/server -> the DB client -> `postgres`) into the client bundle, breaking the build on Node built-ins. Split the constant into its own client-safe file (marketing-locale-cookie.ts). Caught by `pnpm build`, not typecheck. Verified with typecheck, lint, and a full production build (clean compile) -- no DB in this sandbox to click through a real dev server. v0.48.1
31 lines
1016 B
TypeScript
31 lines
1016 B
TypeScript
import type { Metadata } from "next";
|
|
import { Mail } from "lucide-react";
|
|
import { getMessages } from "@/lib/i18n/server";
|
|
import { getEffectiveMarketingLocale } from "@/lib/marketing-locale";
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Contact — Epicure",
|
|
description: "Get in touch with the Epicure team.",
|
|
};
|
|
|
|
const SUPPORT_EMAIL = "support@epicure.app";
|
|
|
|
export default async function ContactPage() {
|
|
const m = getMessages(await getEffectiveMarketingLocale());
|
|
const t = m.marketing.contact;
|
|
|
|
return (
|
|
<div className="container mx-auto px-4 py-16 max-w-lg text-center space-y-6">
|
|
<h1 className="text-3xl font-bold tracking-tight">{t.title}</h1>
|
|
<p className="text-muted-foreground">{t.subtitle}</p>
|
|
<a
|
|
href={`mailto:${SUPPORT_EMAIL}`}
|
|
className="inline-flex items-center gap-2 rounded-lg border px-4 py-2.5 text-sm font-medium hover:bg-accent transition-colors"
|
|
>
|
|
<Mail className="h-4 w-4" />
|
|
{SUPPORT_EMAIL}
|
|
</a>
|
|
</div>
|
|
);
|
|
}
|