Landing pages

<main id="main">
  <section class="section">
    <div class="width-container">
      <h1 class="hero-title">Request a quote</h1>
      <p class="hero-lead">Free, written, no obligation.</p>
    </div>
  </section>

  <!-- organisms/conversion.html → detailed quote form -->
  <!-- patterns/trust-strip.html → text badge strip -->
  <!-- molecules/content.html → FAQ items (quote process) -->
</main>

<header class="py-4 border-b border-neutral-20">
  <div class="width-container cluster-between">
    <a class="text-xl font-bold text-neutral-90 no-underline" href="/">Fenwick Heating</a>
    <a class="btn btn-primary btn-sm" href="tel:+441914980210">0191 498 0210</a>
  </div>
</header>
<main id="main">
  <!-- organisms/heroes.html → campaign/PPC hero (message-matched to the ad) -->
  <!-- patterns/trust-strip.html → text badge strip -->
  <!-- organisms/services.html → problem/solution blocks -->
  <!-- organisms/trust.html → testimonials grid -->
  <!-- organisms/conversion.html → detailed quote form, anchored as #form -->
  <!-- organisms/conversion.html → mobile sticky call button -->
</main>

<main id="main">
  <section class="section-sm">
    <div class="width-container">
      <div class="alert alert-info"><p><strong>Offer:</strong> valid until DATE.</p></div>
    </div>
  </section>
  <!-- then as PPC landing page -->
</main>

<main id="main">
  <section class="section-lg">
    <div class="width-container">
      <span class="eyebrow">Funding available</span>
      <h1 class="hero-title">Funding may cover part of this work</h1>
      <p class="hero-lead">Who typically qualifies, in one plain sentence.</p>
      <a class="btn btn-primary btn-lg" href="#check">Check if you qualify</a>
    </div>
  </section>

  <!-- organisms/informational.html → checklist section (eligibility) -->
  <!-- organisms/services.html → process/how-it-works (application steps) -->
  <!-- organisms/informational.html → warning/advice block (deadlines/limits) -->
  <!-- organisms/conversion.html → short enquiry form, anchored as #check -->
</main>

<main id="main">
  <!-- organisms/heroes.html → landing page hero (the guide as the offer) -->
  <!-- organisms/conversion.html → lead magnet/download form -->
  <!-- organisms/informational.html → checklist section (what is inside) -->
  <!-- organisms/trust.html → testimonials grid -->
</main>

<main id="main">
  <!-- organisms/heroes.html → campaign hero with the date in the headline -->
  <!-- molecules/content.html → alert (limited places / closing date) -->
  <!-- organisms/informational.html → text and image section (event details) -->
  <!-- organisms/conversion.html → short enquiry form (register interest) -->
  <!-- patterns/cta-band.html → CTA band -->
</main>

<main id="main">
  <!-- organisms/heroes.html → landing page hero (the comparison question) -->
  <!-- organisms/services.html → packages/pricing section (option cards) -->
  <!-- organisms/services.html → problem/solution blocks (when each option fits) -->
  <!-- molecules/content.html → FAQ items -->
  <!-- organisms/conversion.html → short enquiry form -->
</main>

<main id="main">
  <!-- organisms/heroes.html → local area hero (service + town in h1) -->
  <!-- organisms/services.html → service intro section -->
  <!-- organisms/trust.html → local proof section -->
  <!-- organisms/trust.html → testimonials grid -->
  <!-- organisms/services.html → postcode/town coverage -->
  <!-- organisms/conversion.html → detailed quote form -->
</main>