feat: redesign site as a modern developer portfolio

- New home page: hero, stats, about, focus areas, stack, projects, contact
- Light/dark theme with system default and persisted toggle
- Content centralised in data/profile.js
- Restyle /rates to match; remove it from nav and projects
- Afriex: log a clear error now that its API requires a device id

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

components/Layout.js

@@ -2,19 +2,24 @@ import Head from 'next/head';
 import Header from './Header';
 import Footer from './Footer';
 
-export default function Layout({ children, title, description, showNavLinks = true }) {
+export default function Layout({ children, title, description }) {
+  const pageTitle = title || 'Jesse Egbosionu · Software Engineer';
+  const pageDescription =
+    description || 'Software engineer based in Amsterdam, focused on building scalable backend systems.';
+
   return (
-    <div className="container">
+    <div className="page">
       <Head>
-        <title>{title || 'Jesse Egbosionu - Software Engineer'}</title>
+        <title>{pageTitle}</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="description" content={pageDescription} />
+        <meta property="og:title" content={pageTitle} />
+        <meta property="og:description" content={pageDescription} />
+        <meta property="og:type" content="website" />
         <link rel="icon" href="/favicon.ico" />
-        <meta
-          name="description"
-          content={description || 'Software engineer based in Amsterdam, focused on building scalable backend systems.'}
-        />
       </Head>
 
-      <Header showNavLinks={showNavLinks} />
+      <Header />
 
       <main className="main-content">{children}</main>