add privacy policy to navigation

Author: Chad $yntax

components/Footer.tsx

@@ -1,6 +1,13 @@
+import Link from 'next/link';
+
 export const Footer = () => {
   return (
-    <div className="py-4">
+    <div className="py-4 w-full text-center">
+      <div>
+        <Link className="text-xs hover:underline" href="/privacy-policy">
+          Privacy Policy
+        </Link>
+      </div>
       <p className="text-xs">© {new Date().getFullYear()} Chad Syntax LLC</p>
     </div>
   );

components/HeroHeader.tsx

@@ -0,0 +1,17 @@
+import Link from 'next/link';
+import { ThemeSwitcher } from './theme-switcher';
+
+type HeroHeaderProps = {
+  title?: string;
+};
+
+export const HeroHeader = ({ title = 'Agentsmith' }: HeroHeaderProps) => {
+  return (
+    <div className="flex justify-between items-center mb-4 md:mb-12">
+      <Link href="/">
+        <h2 className="text-2xl md:text-5xl font-bold">{title}</h2>
+      </Link>
+      <ThemeSwitcher />
+    </div>
+  );
+};

components/landing-pages/LandingHero.tsx

@@ -10,6 +10,7 @@ import { ThemeSwitcher } from '../theme-switcher';
 import { useRef, useState } from 'react';
 import { usePostHog } from 'posthog-js/react';
 import Link from 'next/link';
+import { HeroHeader } from '../HeroHeader';
 
 type LandingHeroProps = {
   withAlphaClub?: boolean;
@@ -41,12 +42,7 @@ export const LandingHero = (props: LandingHeroProps) => {
 
   return (
     <div className="mb-16">
-      <div className="flex justify-between items-center mb-4 md:mb-12">
-        <Link href="/">
-          <h2 className="text-2xl md:text-5xl font-bold">Agentsmith</h2>
-        </Link>
-        <ThemeSwitcher />
-      </div>
+      <HeroHeader />
       <div className="flex justify-start items-center md:items-start flex-col lg:flex-row">
         <div className="flex flex-col">
           <h1 className="max-w-[400px] md:max-w-none text-5xl md:text-8xl font-bold leading-tight mb-10 leading-[1] md:leading-[90px]">

page-components/PrivacyPolicyPage.tsx

@@ -1,22 +1,15 @@
-import { ThemeSwitcher } from '@/components/theme-switcher';
+import { HeroHeader } from '@/components/HeroHeader';
 
 export const PrivacyPolicyPage = () => {
   return (
     <main>
-      <article className="mx-auto px-4 max-w-[1400px] py-16">
-        <nav
-          className="flex justify-between items-center"
-          aria-label="Top navigation"
-        >
-          <h1 className="text-4xl font-bold mb-6">Privacy Policy</h1>
-          <ThemeSwitcher />
-        </nav>
-
+      <article className="mx-auto px-4 max-w-[1400px] py-4 md:py-12">
+        <HeroHeader />
+        <h1 className="text-2xl md:text-4xl font-bold mb-4">Privacy Policy</h1>
         <div className="space-y-4">
           <p>
             <strong>Last updated:</strong> 2-7-2025
           </p>
-
           <section aria-label="Introduction">
             <p className="pt-6">
               This Privacy Policy describes how Chad Syntax LLC (the