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
69 lines
2.6 KiB
TypeScript
69 lines
2.6 KiB
TypeScript
import { redirect } from "next/navigation";
|
|
import { headers } from "next/headers";
|
|
import Link from "next/link";
|
|
import { auth } from "@/lib/auth/server";
|
|
import { getMessages } from "@/lib/i18n/server";
|
|
import { buttonVariants } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
import { Sparkles, Calendar, Package, MessageCircle, Users, ChefHat } from "lucide-react";
|
|
|
|
const HIGHLIGHTS = [
|
|
{ icon: Sparkles, key: "ai" },
|
|
{ icon: MessageCircle, key: "assistant" },
|
|
{ icon: Calendar, key: "mealPlan" },
|
|
{ icon: Package, key: "pantry" },
|
|
{ icon: Users, key: "social" },
|
|
{ icon: ChefHat, key: "batchCook" },
|
|
] as const;
|
|
|
|
export default async function MarketingHomePage() {
|
|
const session = await auth.api.getSession({ headers: await headers() });
|
|
if (session) redirect("/recipes");
|
|
|
|
const m = getMessages(undefined);
|
|
const t = m.marketing.home;
|
|
|
|
return (
|
|
<div>
|
|
<section className="container mx-auto px-4 py-20 sm:py-28 text-center space-y-6">
|
|
<h1 className="text-4xl sm:text-5xl font-bold tracking-tight max-w-2xl mx-auto">
|
|
{t.heroTitle}
|
|
</h1>
|
|
<p className="text-lg text-muted-foreground max-w-xl mx-auto">
|
|
{t.heroSubtitle}
|
|
</p>
|
|
<div className="flex items-center justify-center gap-3 pt-2">
|
|
<Link href="/signup" className={cn(buttonVariants({ size: "lg" }))}>
|
|
{t.ctaPrimary}
|
|
</Link>
|
|
<Link href="/features" className={cn(buttonVariants({ variant: "outline", size: "lg" }))}>
|
|
{t.ctaSecondary}
|
|
</Link>
|
|
</div>
|
|
</section>
|
|
|
|
<section className="container mx-auto px-4 py-16 border-t">
|
|
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
{HIGHLIGHTS.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">{t.highlights[key].title}</h3>
|
|
<p className="text-sm text-muted-foreground leading-relaxed">{t.highlights[key].description}</p>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</section>
|
|
|
|
<section className="container mx-auto px-4 py-16 border-t text-center space-y-4">
|
|
<h2 className="text-2xl font-semibold">{t.bottomCtaTitle}</h2>
|
|
<p className="text-muted-foreground max-w-lg mx-auto">{t.bottomCtaSubtitle}</p>
|
|
<Link href="/signup" className={cn(buttonVariants({ size: "lg" }))}>
|
|
{t.ctaPrimary}
|
|
</Link>
|
|
</section>
|
|
</div>
|
|
);
|
|
}
|