From b0f5d62e3e008548e976b52e5601b1903e4dedd3 Mon Sep 17 00:00:00 2001
From: GeorgeWebberley <george@brain-plus.com>
Date: Mon, 26 Jan 2026 21:18:19 +0100
Subject: [PATCH] Added social links and corrected font size

---
 app/page.tsx | 129 +++++++++++++++++++++++++--------------------------
 1 file changed, 63 insertions(+), 66 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 64d4cab..f297c4e 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -12,82 +12,79 @@ export default function Home() {
         <header className="mb-12">
           <h1 className="text-4xl font-bold tracking-tight">George W.</h1>
           <p className="text-neutral-400 mt-2">Senior Full Stack Engineer & Tech Lead</p>
+          <div className="flex gap-6 text-[10px] font-mono tracking-[0.2em] uppercase mt-4">
+            <a href="https://git.georgew.dev" className="text-neutral-500 hover:text-white transition-colors">
+              Git
+            </a>
+            <a href="https://linkedin.com/in/georgew" className="text-neutral-500 hover:text-white transition-colors">
+              LinkedIn
+            </a>
+            {/* <a href="https://github.com/georgew" className="text-neutral-500 hover:text-white transition-colors">
+              GitHub
+            </a> */}
+          </div>
         </header>
 
         <div className="grid grid-cols-1 md:grid-cols-6 gap-6">
           
           {/* Top Row Left: The Architect */}
-          <div className="md:col-span-4 p-8 rounded-3xl bg-neutral-900/50 border border-neutral-800 flex flex-col md:flex-row gap-8 min-h-[350px] overflow-hidden relative">
-  {/* Background Decoration: Subtle Grid or Blueprint */}
-  <div className="absolute top-0 right-0 w-1/2 h-full opacity-[0.03] pointer-events-none">
-    {/* You could place a subtle SVG circuit or architectural grid here */}
-  </div>
+          <div className="md:col-span-4 p-8 rounded-3xl bg-neutral-900/50 border border-neutral-800 flex flex-col md:flex-row gap-8 min-h-[300px] overflow-hidden relative">
+          {/* Background Decoration: Subtle Grid or Blueprint */}
+          <div className="absolute top-0 right-0 w-1/2 h-full opacity-[0.03] pointer-events-none">
+            {/* You could place a subtle SVG circuit or architectural grid here */}
+          </div>
 
-  {/* Left: Bio & Tags */}
-  <div className="flex-[1.5] flex flex-col justify-between relative z-10">
-    <div>
-      <h2 className="text-3xl font-bold mb-4 tracking-tight">The Architect</h2>
-      <p className="text-base text-neutral-400 leading-relaxed max-w-lg">
-        Bridging the gap between rigid regulatory requirements and fluid user experiences. 
-        I specialize in designing <span className="text-white">distributed systems</span> and 
-        <span className="text-white"> cross-platform mobile apps</span> with a focus on 
-        automated delivery and high-integrity code.
-      </p>
-    </div>
-    
-    <div className="flex flex-wrap gap-2 mt-8">
-      {['#Architecture', '#Regulatory Compliance', '#Agile Leadership', '#DevOps'].map(tag => (
-        <span key={tag} className="text-[10px] font-mono text-neutral-500 border border-neutral-800 px-2 py-1 rounded">
-          {tag}
-        </span>
-      ))}
-    </div>
-  </div>
-
-  {/* Vertical Divider */}
-  <div className="hidden md:block w-px bg-neutral-800/50 self-stretch" />
-
-  {/* Right: Seniority Specs */}
-  <div className="flex-1 flex flex-col justify-around py-2 relative z-10">
-    <div className="space-y-6">
-      <section>
-        <h4 className="text-[10px] font-mono text-blue-500 uppercase tracking-[0.2em] mb-2">Leadership</h4>
-        <p className="text-xs text-neutral-300 leading-tight">
-          Tech Lead & Scrum Master. Orchestrating sprint cycles, system design, and cross-functional team growth.
-        </p>
-      </section>
-
-      <section>
-        <h4 className="text-[10px] font-mono text-purple-500 uppercase tracking-[0.2em] mb-2">Integrity</h4>
-        <p className="text-xs text-neutral-300 leading-tight">
-          Experienced in <span className="italic">High-Stakes Environments</span> (Medical/Regulatory), QMS, and Cyber Essentials.
-        </p>
-      </section>
-
-      <section>
-        <h4 className="text-[10px] font-mono text-green-500 uppercase tracking-[0.2em] mb-2">Infrastructure</h4>
-        <p className="text-xs text-neutral-300 leading-tight">
-          Kubernetes, GCP, and automated CI/CD pipelines. 
-        </p>
-      </section>
-    </div>
-  </div>
-</div>
-          {/* <div className="md:col-span-4 p-8 rounded-3xl bg-neutral-900/50 border border-neutral-800 flex flex-col justify-between min-h-[320px]">
+          {/* Left: Bio & Tags */}
+          <div className="flex-[1.5] flex flex-col justify-between relative z-10">
             <div>
-              <h2 className="text-2xl font-bold mb-4">The Architect</h2>
-              <p className="text-sm text-neutral-400 leading-relaxed">
-                Bridging the gap between complex system architecture and fluid user experiences. 
-                I specialize in designing distributed web systems and cross-platform mobile apps 
-                with a focus on performance and automated delivery.
+              <h2 className="text-3xl font-bold mb-4 tracking-tight">The Architect</h2>
+              <p className="text-base text-neutral-400 leading-relaxed max-w-lg">
+                Bridging the gap between rigid regulatory requirements and fluid user experiences. 
+                I specialize in designing <span className="text-white">distributed systems</span> and 
+                <span className="text-white"> cross-platform mobile apps</span> with a focus on 
+                automated delivery and high-integrity code.
               </p>
             </div>
-            <div className="flex flex-wrap gap-2 mt-8 text-[9px] font-mono text-neutral-600 uppercase tracking-tighter">
-              {['#Architecture', '#Regulatory', '#SystemDesign', '#Automation', '#FullStack', '#ProductOwner'].map(tag => (
-                <span key={tag}>{tag}</span>
+            
+            <div className="flex flex-wrap gap-2 mt-8">
+              {['#Architecture', '#Regulatory Compliance', '#Agile Leadership', '#DevOps'].map(tag => (
+                <span key={tag} className="text-[10px] font-mono text-neutral-500 border border-neutral-800 px-2 py-1 rounded">
+                  {tag}
+                </span>
               ))}
             </div>
-          </div> */}
+          </div>
+
+          {/* Vertical Divider */}
+          <div className="hidden md:block w-px bg-neutral-800/50 self-stretch" />
+
+          {/* Right: Seniority Specs */}
+          <div className="flex-1 flex flex-col justify-around py-2 relative z-10">
+            <div className="space-y-6">
+              <section>
+                <h4 className="text-[12px] font-mono text-blue-500 uppercase tracking-[0.2em] mb-2">Leadership</h4>
+                <p className="text-xs text-neutral-300 leading-tight">
+                  Tech Lead & Scrum Master. Orchestrating sprint cycles, system design, and cross-functional team growth.
+                </p>
+              </section>
+
+              <section>
+                <h4 className="text-[12px] font-mono text-purple-500 uppercase tracking-[0.2em] mb-2">Integrity</h4>
+                <p className="text-xs text-neutral-300 leading-tight">
+                  Experienced in <span className="italic">High-Stakes Environments</span> (Medical/Regulatory), QMS, and Cyber Essentials.
+                </p>
+              </section>
+
+              <section>
+                <h4 className="text-[12px] font-mono text-green-500 uppercase tracking-[0.2em] mb-2">Infrastructure</h4>
+                <p className="text-xs text-neutral-300 leading-tight">
+                  Kubernetes, GCP, and automated CI/CD pipelines. 
+                </p>
+              </section>
+            </div>
+          </div>
+        </div>
+         
 
           {/* Top Row Right: The Service Registry (Restored) */}
        <motion.div 
@@ -108,7 +105,7 @@ export default function Home() {
             return (
               <>
                 {/* Default View */}
-                <div className="flex items-center justify-between w-full group-hover:opacity-0 group-hover:pointer-events-none transition-opacity duration-300">
+                <div className="flex min-h-[250px] items-center justify-between w-full group-hover:opacity-0 group-hover:pointer-events-none transition-opacity duration-300">
                   <div>
                     <div className="flex items-center gap-2 mb-1">
                       <div className="w-2 h-2 rounded-full bg-green-500 animate-pulse" />