Build public home, contact, and content pages

src/components/SiteFooter.tsx

@@ -1,3 +1,6 @@
+import Link from 'next/link';
+import { site } from '@/lib/site';
+
 export function SiteFooter() {
   const year = new Date().getFullYear();
 
@@ -5,7 +8,7 @@ export function SiteFooter() {
     <footer className="site-footer">
       <div>
         <p className="footer-label">Status</p>
-        <p>Phase 1 scaffold underway.</p>
+        <p>{site.tagline}</p>
       </div>
       <div>
         <p className="footer-label">Build</p>
@@ -14,7 +17,14 @@ export function SiteFooter() {
           {process.env.NEXT_PUBLIC_BUILD_ITERATION || '0'}
         </p>
       </div>
+      <div>
+        <p className="footer-label">Contact</p>
+        <p>
+          <Link href="/contact">{site.contact.email}</Link>
+          <br />
+          {site.contact.phone}
+        </p>
+      </div>
     </footer>
   );
 }
-

src/components/SiteHeader.tsx

@@ -1,29 +1,26 @@
-const navItems = [
-  { href: '#foundation', label: 'Foundation' },
-  { href: '#stack', label: 'Stack' },
-  { href: '#data', label: 'Data model' },
-  { href: '#launch', label: 'Launch' },
-];
+import Link from 'next/link';
+import { primaryNavigation, site } from '@/lib/site';
 
 export function SiteHeader() {
   return (
     <header className="site-header">
       <div className="brand-lockup">
-        <span className="brand-mark">HPB</span>
+        <Link className="brand-mark" href="/" aria-label={site.name}>
+          HPB
+        </Link>
         <div>
           <p className="brand-kicker">Project scaffold</p>
-          <h1>Holiday Property Booking</h1>
+          <h1>{site.name}</h1>
         </div>
       </div>
 
       <nav aria-label="Primary" className="site-nav">
-        {navItems.map((item) => (
-          <a key={item.href} href={item.href}>
+        {primaryNavigation.map((item) => (
+          <Link key={item.href} href={item.href}>
             {item.label}
-          </a>
+          </Link>
         ))}
       </nav>
     </header>
   );
 }
-