feat: Build Hero section component (Task 6)

- Create Hero.tsx with name, title, location pill, summary paragraph
- Add four vital sign metric cards (10+ Years, Python/SQL/BI, Pop. Health, NHS N&W)
- Implement staggered entrance animations with Framer Motion
- Add hover elevation effects on vital cards
- Responsive design with flex-wrap for mobile

src/App.tsx

@@ -3,6 +3,7 @@ import type { Phase } from './types'
 import { BootSequence } from './components/BootSequence'
 import { ECGAnimation } from './components/ECGAnimation'
 import { FloatingNav } from './components/FloatingNav'
+import { Hero } from './components/Hero'
 
 function App() {
   const [phase, setPhase] = useState<Phase>('boot')
@@ -21,16 +22,7 @@ function App() {
         <>
           <FloatingNav />
           <main className="max-w-[1000px] mx-auto px-8">
-            <section id="about" className="min-h-screen flex flex-col justify-center items-center text-center py-20">
-              <h1 className="font-primary font-bold text-5xl text-heading">Andy Charlwood</h1>
-              <p className="text-muted mt-2">Deputy Head of Population Health &amp; Data Analysis</p>
-              <span className="inline-block mt-2 px-4 py-1 border border-teal rounded-full text-xs text-teal font-medium">
-                Norwich, UK
-              </span>
-              <p className="mt-6 max-w-[560px] text-text">
-                GPhC Registered Pharmacist specialising in medicines optimisation, population health analytics, and NHS efficiency programmes.
-              </p>
-            </section>
+            <Hero />
             
             <section id="skills" className="py-20">
               <h2 className="font-primary text-2xl font-bold text-heading text-center mb-8">