feat: public marketing site (vitrine)

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
2026-07-18 09:33:47 +02:00
parent 2a256a8943
commit e71c978e52
19 changed files with 533 additions and 10 deletions
@@ -0,0 +1,54 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { Sparkles, Calendar, Package, MessageCircle, Users, ChefHat, Camera, ListChecks } from "lucide-react";
+import { getMessages } from "@/lib/i18n/server";
+import { buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+export const metadata: Metadata = {
+  title: "Features — Epicure",
+  description: "AI recipe generation, meal planning, pantry tracking, and a cooking assistant that can act on your behalf.",
+};
+
+const FEATURES = [
+  { icon: Sparkles, key: "ai" },
+  { icon: Camera, key: "photoImport" },
+  { icon: MessageCircle, key: "assistant" },
+  { icon: Calendar, key: "mealPlan" },
+  { icon: Package, key: "pantry" },
+  { icon: ListChecks, key: "shoppingList" },
+  { icon: Users, key: "social" },
+  { icon: ChefHat, key: "batchCook" },
+] as const;
+
+export default function FeaturesPage() {
+  const m = getMessages(undefined);
+  const t = m.marketing.features;
+
+  return (
+    <div className="container mx-auto px-4 py-16 space-y-12">
+      <div className="text-center space-y-4 max-w-2xl mx-auto">
+        <h1 className="text-3xl sm:text-4xl font-bold tracking-tight">{t.title}</h1>
+        <p className="text-lg text-muted-foreground">{t.subtitle}</p>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl mx-auto">
+        {FEATURES.map(({ icon: Icon, key }) => (
+          <div key={key} className="rounded-xl border bg-card p-6 space-y-3">
+            <div className="h-10 w-10 rounded-lg bg-primary/10 flex items-center justify-center">
+              <Icon className="h-5 w-5 text-primary" />
+            </div>
+            <h3 className="font-semibold text-lg">{t.items[key].title}</h3>
+            <p className="text-sm text-muted-foreground leading-relaxed">{t.items[key].description}</p>
+          </div>
+        ))}
+      </div>
+
+      <div className="text-center pt-4">
+        <Link href="/signup" className={cn(buttonVariants({ size: "lg" }))}>
+          {t.cta}
+        </Link>
+      </div>
+    </div>
+  );
+}