How to Send Your Module to Bowland Autotech

<!doctype html>
<html lang="en-GB">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>How to Send Your Module to Bowland Autotech</title>
  <style>
    :root {
      /* British Racing Green palette */
      --brand: #004225;           /* British Racing Green */
      --brand-accent: #0a5c3b;    /* deeper accent */
      --ink: #0b1220;
      --muted: #5d6675;
      --bg: #f6f7f8;
      --white: #ffffff;
      --ok: #0e7a3e;
      --shadow: 0 8px 24px rgba(9, 30, 66, 0.12);
      --radius: 16px;
    }

    * { box-sizing: border-box; }
    html, body { margin:0; padding:0; }
    body {
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
      color: var(--ink);
      background: var(--bg);
      line-height: 1.55;
    }

    .page { max-width: 1100px; margin: clamp(16px, 4vw, 40px) auto; padding: 0 clamp(12px, 2.5vw, 24px); }

    .hero {
      border-radius: var(--radius);
      background: linear-gradient(135deg, var(--brand) 0%, #03361f 48%, var(--brand-accent) 100%);
      color: var(--white);
      padding: clamp(20px, 5vw, 48px);
      box-shadow: var(--shadow);
    }
    .hero h1 { margin: 0 0 8px; font-size: clamp(1.6rem, 3.2vw, 2.2rem); letter-spacing: 0.2px; }
    .hero p { margin: 0; opacity: 0.95; max-width: 72ch; }

    .steps { display: grid; grid-template-columns: repeat(12, 1fr); gap: clamp(12px, 2.2vw, 22px); margin-top: clamp(18px, 3.6vw, 28px); }

    .card {
      grid-column: span 6;
      background: var(--white);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: clamp(14px, 2.2vw, 22px);
      display: grid; grid-template-columns: auto 1fr; gap: 14px 16px; align-items: start;
    }
    @media (max-width: 780px) { .card { grid-column: 1 / -1; } }

    .step-num { width: 42px; height: 42px; border-radius: 50%; background: rgba(0,66,37,.08); border: 2px solid var(--brand-accent); color: var(--brand-accent); display: grid; place-items: center; font-weight: 700; font-size: 1.05rem; }

    .icon-wrap { display: inline-grid; place-items:center; width: 46px; height: 46px; border-radius: 12px; background: #edf5f1; }
    .card h3 { margin: 0; font-size: 1.06rem; }
    .sub { color: var(--muted); margin: 6px 0 0; font-size: 0.96rem; }
    .list { margin: 10px 0 0 0; padding: 0 0 0 18px; }
    .list li { margin: 6px 0; }

    .address { background: #063520; color: #e6f3ec; border-radius: var(--radius); padding: 16px; line-height: 1.6; }
    .address strong { display: block; font-weight: 800; }

    .actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
    .btn { appearance: none; border: 0; cursor: pointer; padding: 10px 14px; border-radius: 12px; font-weight: 650; box-shadow: var(--shadow); }
    .btn.primary { background: var(--brand); color: var(--white); }
    .btn.ghost { background: #e7efe9; color: var(--brand); }

    .footer-note { margin-top: 18px; color: var(--muted); font-size: .95rem; }
  </style>
</head>
<body>
  <main class="page">
    <section class="hero">
      <h1>How to Send Your Module to Bowland Autotech</h1>
      <p>Sending your <strong>Land Rover Gear Selector, Airbag, ECU, Battery</strong> or other electronic module to <strong>Bowland Autotech Ltd</strong> is quick and straightforward. Follow these steps for safe delivery and a fast turnaround.</p>
    </section>

    <section class="steps" aria-label="Step-by-step shipping instructions">
      <!-- Step 1 -->
      <article class="card" role="group" aria-label="Step 1">
        <div class="step-num" aria-hidden="true">1</div>
        <div>
          <h3>Package Your Module</h3>
          <p class="sub">Wrap securely with <strong>bubble wrap or foam</strong> and place in a <strong>sturdy box or padded envelope</strong> to avoid transit damage.</p>
        </div>
      </article>

      <!-- Step 2 -->
      <article class="card" role="group" aria-label="Step 2">
        <div class="step-num" aria-hidden="true">2</div>
        <div>
          <h3>Include Your Details</h3>
          <p class="sub">This helps us identify the sender, contact you quickly, start work, and provide repair updates.</p>
          <ul class="list">
            <li>Your <strong>full name</strong></li>
            <li>Your <strong>return shipping address</strong></li>
            <li>Your <strong>contact phone number</strong> (<strong>WhatsApp preferred</strong>) or email</li>
          </ul>
        </div>
      </article>

      <!-- Step 3 -->
      <article class="card" role="group" aria-label="Step 3">
        <div class="step-num" aria-hidden="true">3</div>
        <div>
          <h3>Shipping Address</h3>
          <div class="address">
            <strong>Bowland Autotech Ltd</strong>
            11 Penny Stone Road<br/>
            Halton<br/>
            Lancaster<br/>
            LA2 6QE<br/>
            United Kingdom<br/>
            <strong>Phone:</strong> 07342&nbsp;658764
          </div>
        </div>
      </article>

      <!-- Step 4 -->
      <article class="card" role="group" aria-label="Step 4">
        <div class="step-num" aria-hidden="true">4</div>
        <div>
          <h3>Choose Your Courier</h3>
          <p class="sub">Use <strong>any shipping company</strong> (Royal Mail, DPD, UPS, Evri, etc.). We recommend a <strong>tracked service</strong> for peace of mind.</p>
          <ul class="list">
            <li>Need it quicker? Choose a <strong>next-day or express</strong> option when sending to us.</li>
            <li>Keep your tracking receipt until delivery is confirmed.</li>
          </ul>
        </div>
      </article>

      <!-- Step 5 -->
      <article class="card" role="group" aria-label="Step 5">
        <div class="step-num" aria-hidden="true">5</div>
        <div>
          <h3>Return Shipping</h3>
          <p class="sub">We cover return delivery — your module is sent back with <strong>UK next‑day tracked shipping</strong>, included in the service price.</p>
        </div>
      </article>

      <!-- Step 6 -->
      <article class="card" role="group" aria-label="Step 6">
        <div class="step-num" aria-hidden="true">6</div>
        <div>
          <h3>Need Help?</h3>
          <p class="sub">Message us on <strong>WhatsApp</strong> at <strong>07342&nbsp;658764</strong> and we’ll reply as quickly as possible.</p>
          <div class="actions">
            <button class="btn primary" onclick="window.location.href='https://wa.me/447342658764'" aria-label="Message us on WhatsApp">WhatsApp us</button>
            <button class="btn ghost" onclick="navigator.clipboard.writeText('Bowland Autotech Ltd, 11 Penny Stone Road, Halton, Lancaster, LA2 6QE, United Kingdom. Phone: 07342 658764');" aria-label="Copy postal address">Copy postal address</button>
          </div>
          <p class="footer-note">Our team aims for a same‑day reset where possible. Turnaround depends on courier speed and module condition.</p>
        </div>
      </article>
    </section>
  </main>
</body>
</html>