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/Footer.js

@@ -1,11 +1,14 @@
+import SocialLinks from './SocialLinks';
+import { profile } from '../data/profile';
+
 export default function Footer() {
   return (
     <footer className="footer">
-      <div className="footer-content">
-        <p>
-          Built with <span className="heart">❤️</span>
+      <div className="shell footer-content">
+        <p className="footer-text">
+          © {new Date().getFullYear()} {profile.name}. Built with Next.js, shipped on Kubernetes.
         </p>
-        <p className="footer-year">© {new Date().getFullYear()}</p>
+        <SocialLinks variant="icons" />
       </div>
     </footer>
   );