Arnaud
e71c978e52
Adds a (marketing) route group -- Home, Features, About, Privacy, Terms, Contact -- reusing the app's design system/i18n/deploy pipeline rather than a separate site. Root page.tsx now branches on session instead of always redirecting to /recipes: logged-in visitors still land in the app unchanged, logged-out visitors see the vitrine home page. The actual integration point: proxy.ts's PUBLIC_PATHS previously sent every anonymous "/" request straight to /login before page.tsx's redirect ever ran. Added the new marketing routes to PUBLIC_PATHS, plus a separate exact-match list for "/" itself -- it can't go in the startsWith-matched array, since every path starts with "/" and that would make the whole app public. Also adds app/sitemap.ts and app/robots.ts (neither existed before), disallowing the authenticated app and the unlisted /r/ and /s/ share routes from crawling while allowing /u/ public profiles. Pricing page deliberately not included -- waiting on Stripe Checkout (STRIPE_PLAN.md) so its CTA goes somewhere real. Privacy/Terms are structural drafts flagged inline as not lawyer-reviewed, per STRIPE_PLAN.md's own tax-advice caveat -- same spirit here. Verified with a full production build (pnpm build) -- compiles clean, all 7 new routes render, since there's no DB in this sandbox to run the dev server against for a real click-through. v0.48.0
29 lines
959 B
TypeScript
29 lines
959 B
TypeScript
import Link from "next/link";
|
|
import { getMessages, formatMessage } from "@/lib/i18n/server";
|
|
|
|
const LINKS = [
|
|
{ href: "/about", key: "about" },
|
|
{ href: "/privacy", key: "privacy" },
|
|
{ href: "/terms", key: "terms" },
|
|
{ href: "/contact", key: "contact" },
|
|
] as const;
|
|
|
|
export function MarketingFooter({ locale }: { locale?: string }) {
|
|
const m = getMessages(locale);
|
|
|
|
return (
|
|
<footer className="border-t mt-auto">
|
|
<div className="container mx-auto px-4 py-8 flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-muted-foreground">
|
|
<p>{formatMessage(m.marketing.footer.copyright, { year: 2026 })}</p>
|
|
<nav className="flex items-center gap-4">
|
|
{LINKS.map(({ href, key }) => (
|
|
<Link key={href} href={href} className="hover:text-foreground transition-colors">
|
|
{m.marketing.footer[key]}
|
|
</Link>
|
|
))}
|
|
</nav>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|