Adding stuff

src/pages/index.astro

@@ -16,12 +16,44 @@ const [notices, fuelPrices, events, news] = await Promise.all([
 
 const featuredEvents = events.filter((event) => event.is_featured).slice(0, 3);
 const latestNews = news.slice(0, 3);
+
+const businessPromos = [
+  {
+    name: 'Go Skydive',
+    href: 'https://www.goskydive.com/dropzone/skydive-centre-swansea/',
+    logo: '/images/goskydive.png',
+    alt: 'Go Skydive logo',
+    description: 'Tandem skydiving and experiences from Swansea.',
+  },
+  {
+    name: 'Gower Flight Centre',
+    href: 'https://www.gowerflightcentre.co.uk/',
+    logo: '/images/gowerflightcentre.jpg',
+    alt: 'Gower Flight Centre logo',
+    description: 'Flying lessons, aircraft hire, and pilot training.',
+  },
+  {
+    name: 'Fly A Spitfire',
+    href: 'https://flyaspitfire.com/',
+    logo: '/images/flyaspitfire.png',
+    alt: 'Fly A Spitfire logo',
+    description: 'Spitfire flight experiences and aviation events.',
+  },
+  {
+    name: 'AeroSuperBatics',
+    href: 'https://www.aerosuperbatics.com/',
+    logo: '/images/aerosuperbatics.jpg',
+    alt: 'AeroSuperBatics logo',
+    description: 'Wingwalking and aerobatic entertainment flights.',
+  },
+];
 ---
 
 <BaseLayout title="Home" description="Fast, clear airfield information for pilots and visitors.">
   <section class="hero">
     <div class="container hero-stack">
       <div class="hero-panel">
+        <img class="hero-logo" src="/images/swansea.webp" alt="Swansea Airport logo" loading="eager" />
         <p class="eyebrow">Operational website</p>
         <h1 class="hero-title">Welcome to Swansea Airport - Fairwood Common</h1>
         <p class="hero-copy">
@@ -39,28 +71,42 @@ const latestNews = news.slice(0, 3);
   </section>
 
   <section class="container story-flow">
-    <article class="story-copy surface">
+    <article class="story-copy">
       <p class="eyebrow">Flying from Swansea</p>
       <h2 class="section-title">A practical base for training, touring, and quick access</h2>
       <p>
         Swansea Airport is set up for straightforward arrivals and departures, with a compact layout, a clear operating rhythm, and enough room to keep the focus on flying rather than logistics.
       </p>
-    </article>
-
-    <figure class="story-image surface">
-      <img src="/images/cessna.jpg" alt="A Cessna aircraft on the apron at Swansea Airport" loading="lazy" />
-      <figcaption>
-        A light aircraft on the apron, shown here as an example of the kind of general aviation traffic the site is designed to support.
-      </figcaption>
-    </figure>
-
-    <article class="story-copy surface">
-      <p class="eyebrow">For pilots and visitors</p>
-      <h2 class="section-title">Useful information stays close at hand</h2>
       <p>
         Operational notices, fuel pricing, events, and visitor guidance are presented together so people can scan what they need without digging through the page.
       </p>
     </article>
+
+    <figure class="story-image">
+      <img src="/images/cessna.jpg" alt="A Cessna aircraft on the apron at Swansea Airport" loading="lazy" />
+    </figure>
+  </section>
+
+  <section class="container business-promo">
+    <div class="section-head">
+      <div>
+        <p class="eyebrow">On site businesses</p>
+        <h2 class="section-title">Experience, training, and adventure from one airfield</h2>
+      </div>
+    </div>
+
+    <div class="business-grid">
+      {businessPromos.map((business) => (
+        <a class="business-card" href={business.href} target="_blank" rel="noopener noreferrer">
+          <img class="business-logo" src={business.logo} alt={business.alt} loading="lazy" />
+          <div class="business-copy">
+            <h3>{business.name}</h3>
+            <p>{business.description}</p>
+            <span class="business-link">Visit website</span>
+          </div>
+        </a>
+      ))}
+    </div>
   </section>
 
   <div class="container stack">