checkpoint

src/pages/index.astro

@@ -20,21 +20,60 @@ const latestNews = news.slice(0, 3);
 
 <BaseLayout title="Home" description="Fast, clear airfield information for pilots and visitors.">
   <section class="hero">
-    <div class="container hero-grid">
+    <div class="container hero-stack">
       <div class="hero-panel">
         <p class="eyebrow">Operational website</p>
-        <h1 class="hero-title">Clear airfield information, built for speed.</h1>
+        <h1 class="hero-title">Welcome to Swansea Airport - Fairwood Common</h1>
         <p class="hero-copy">
-          Visitor-critical information stays visible up front, while Directus supplies notices, news, events, and fuel pricing at build time.
+          Serving Swansea City and the Swansea Bay Region. Located on the stunning Gower Peninsula, just 15 minutes from Swansea City Centre - Swansea Airport is perfectly located for quick and convenient access to Swansea City, the vast, beautiful Gower Peninsula Area of Outstanding Natural Beauty and the rest of South & West Wales.
+        </p>
+        <p class="hero-copy">
+          There are a whole host of aviation activities at Swansea Airport. If you're looking to learn to fly, or charter an aircraft, Swansea is more convenient and more cost effective than other Welsh and West of England airports. No queues and no expensive handling fees.
         </p>
         <div class="cta-row">
           <a class="button primary" href="/visiting-pilots/">Visiting pilots</a>
           <a class="button secondary" href="/procedures-safety-noise-abatement/">Procedures and safety</a>
         </div>
       </div>
+    </div>
+  </section>
 
-      <aside class="hero-rail">
-        <div class="surface">
+  <section class="container story-flow">
+    <article class="story-copy surface">
+      <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>
+  </section>
+
+  <div class="container stack">
+    <section class="operational-info">
+      <div class="section-head">
+        <div>
+          <p class="eyebrow">Operational information</p>
+          <h2 class="section-title">Essential details for today</h2>
+        </div>
+      </div>
+
+      <div class="operational-grid">
+        <article class="surface">
           <p class="eyebrow">Today at the airfield</p>
           <div class="stats-grid">
             <div class="stat">
@@ -46,20 +85,19 @@ const latestNews = news.slice(0, 3);
               <span class="muted">Licensed hours</span>
             </div>
           </div>
-        </div>
-        <div class="surface">
+        </article>
+
+        <article class="surface">
           <p class="eyebrow">Runway overview</p>
           <ul class="compact-list">
             {site.runwayFacts.map((fact) => (
               <li>{fact}</li>
             ))}
           </ul>
-        </div>
-      </aside>
-    </div>
-  </section>
+        </article>
+      </div>
+    </section>
 
-  <div class="container stack">
     <NoticeBanner notices={notices} />
     <FuelPricesWidget fuelPrices={fuelPrices} />