Allinea PageHero, lista programmi e dettaglio programma al design Figma

- PageHero: banner scuro min-height 380px, titolo bianco uppercase ~44px,
  variante con foto di sfondo e overlay scuro
- /programs: card con foto (aspect 4/3, hover zoom), ombra, reveal stagger
- Dettaglio programma: hero con foto, immagine grande nel corpo, categorie
  corrette da Figma, sidebar con icone programmi, pricing con card colorate
  tan/taupe/dark e prezzo grande
- Nuove foto card program-*.jpg e modulo condiviso program-icons.ts

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/components/PageHero.astro

@@ -14,10 +14,12 @@ const bg = bgImage ? await getImage({ src: bgImage, width: 1920 }) : null;
 </section>
 
 <style>
-  .phero { background: var(--c-bg-alt); padding-block: 70px; }
-  .phero h1 { text-transform: lowercase; font-weight: 500; margin: 0; }
-  .phero--photo { position: relative; background-size: cover; background-position: center; padding-block: 110px; }
+  /* Banner scuro come nel Figma: ~460px, titolo bianco maiuscolo ~44px */
+  .phero { background: var(--c-dark); min-height: 380px; display: flex; align-items: center; }
+  .phero .container { width: 100%; }
+  .phero h1 { text-transform: uppercase; font-weight: 500; color: #fff; font-size: clamp(2.2rem, 4vw, 2.75rem); letter-spacing: .04em; margin: 0; }
+  .phero--photo { position: relative; background-size: cover; background-position: center; }
   .phero--photo::before { content: ''; position: absolute; inset: 0; background: rgba(46,32,24,.6); }
   .phero--photo .container { position: relative; }
-  .phero--photo h1 { color: #fff; }
+  @media (max-width: 767px) { .phero { min-height: 240px; } }
 </style>

src/components/home/ProgramsGrid.astro

@@ -1,13 +1,6 @@
 ---
 import { programs } from '../../data/programs';
-const icons: Record<string, string> = {
-  'personal-training': 'M4 12h3m10 0h3M9 8v8m6-8v8M7 10v4m10-4v4',
-  'performance-class': 'M13 3l-2 7h4l-6 11 2-8H7l4-10z',
-  'coaching': 'M12 3a4 4 0 110 8 4 4 0 010-8zm-7 18a7 7 0 0114 0',
-  'pilates-flow': 'M12 4a2 2 0 110 4 2 2 0 010-4zM6 20c2-6 10-6 12 0M12 8v6',
-  'rehab': 'M12 21C7 17 3 13 3 9a5 5 0 019-3 5 5 0 019 3c0 4-4 8-9 12z',
-  'nutrition': 'M12 3c4 0 7 3 7 8s-3 10-7 10-7-5-7-10 3-8 7-8zm0-1v4',
-};
+import { programIcons as icons } from '../../data/program-icons';
 ---
 <section class="section">
   <div class="container">