feat: add proper marketing footer with privacy/terms links

- marketing/components/footer.tsx: multi-column footer with product,
  resources, and legal columns — Privacy Policy clearly linked on homepage
  (satisfies Google OAuth consent screen requirement)
- Replaces thin single-line footer in layout.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-02-19 15:16:53 -08:00
parent 85a355334a
commit 783700a7db
3 changed files with 143 additions and 33 deletions

View File

@@ -2,6 +2,7 @@ import { Button } from "@/components/ui/button";
import Link from "next/link";
import type { Metadata } from "next";
import { homepage } from "@/marketing/content/homepage";
import { Footer } from "@/marketing/components";
export const metadata: Metadata = {
title: homepage.meta.title,
@@ -86,39 +87,7 @@ export default function MarketingLayout({
{/* Main Content */}
<main className="flex-1 w-full">{children}</main>
{/* Footer */}
<footer className="border-t py-8 md:py-0">
<div className="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
<div className="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
<p className="text-center text-sm leading-loose text-muted-foreground md:text-left">
© {new Date().getFullYear()} Vib&apos;n. Built by{" "}
<a
href="https://github.com/MawkOne"
target="_blank"
rel="noreferrer"
className="font-medium underline underline-offset-4"
>
Mark Henderson
</a>
{" "}· Victoria, BC, Canada
</p>
</div>
<nav className="flex items-center gap-6 text-sm text-muted-foreground">
<Link href="/privacy" className="hover:text-foreground transition-colors">
Privacy Policy
</Link>
<Link href="/terms" className="hover:text-foreground transition-colors">
Terms of Service
</Link>
<a
href="mailto:legal@vibnai.com"
className="hover:text-foreground transition-colors"
>
Contact
</a>
</nav>
</div>
</footer>
<Footer />
</div>
);
}