<!-- HERO -->
<section class="narva-hero">
  <div class="narva-hero__content">
    <div class="narva-hero__inner">

      <img
        class="narva-hero__logo"
        src="YOUR-NARVA-LOGO-URL"
        alt="Narva"
      >

      <p class="narva-eyebrow">Every workshop has one</p>

      <h1 class="narva-heading-xl">
        Share Your Favourite.<br>
        Win Your Favourite.
      </h1>

      <p class="narva-hero__copy">
        Tell us which Narva product you couldn't work without
        and why it has earned your trust.
      </p>

      <a href="#testimonial-form" class="narva-button">
        Share Your Product
      </a>

      <p class="narva-hero__website">
        Visit
        <a href="https://www.narva.com.au/" target="_blank">
          narva.com.au
        </a>
      </p>

    </div>
  </div>
</section>


<!-- CAMPAIGN OVERVIEW -->
<section class="narva-section">
  <div class="narva-container narva-overview">

    <div class="narva-overview__content">
      <p class="narva-eyebrow">The product you trust</p>

      <h2 class="narva-heading-lg">
        Which Narva product couldn't you work without?
      </h2>

      <p class="narva-copy">
        It might be the inspection light you reach for every day,
        the connector that always gets the job done or the lighting
        product you recommend without hesitation.
      </p>

      <p class="narva-copy">
        We want to hear which Narva product has earned its place
        in your workshop and why.
      </p>
    </div>

    <div class="narva-overview__highlight">
      <p>
        Big or small, every trusted product has a story.
      </p>
    </div>

  </div>
</section>


<!-- HOW TO ENTER -->
<section class="narva-section narva-section--light">
  <div class="narva-container">

    <div class="narva-text-centre">
      <p class="narva-eyebrow">Your experience deserves to be heard</p>

      <h2 class="narva-heading-lg">
        Share your story in around two minutes
      </h2>
    </div>

    <div class="narva-steps">

      <div class="narva-step">
        <div class="narva-step__number">1</div>
        <h3 class="narva-step__title">Choose your product</h3>
        <p class="narva-step__copy">
          Nominate the Narva product you rely on most.
        </p>
      </div>

      <div class="narva-step">
        <div class="narva-step__number">2</div>
        <h3 class="narva-step__title">Tell us why</h3>
        <p class="narva-step__copy">
          Share how it has earned your trust in the workshop.
        </p>
      </div>

      <div class="narva-step">
        <div class="narva-step__number">3</div>
        <h3 class="narva-step__title">Submit your testimonial</h3>
        <p class="narva-step__copy">
          Complete your entry and go into the draw for a personalised
          Narva prize pack.
        </p>
      </div>

    </div>

    <div class="narva-prize-panel">
      <div class="narva-prize-panel__icon">★</div>

      <div>
        <h3>A personalised Narva prize pack</h3>
        <p>
          The prize will be built around the product you nominate
          and supplemented with complementary Narva products.
        </p>
      </div>
    </div>

  </div>
</section>


<!-- TESTIMONIAL FORM -->
<section
  id="testimonial-form"
  class="narva-section narva-form-section"
>
  <div class="narva-container narva-form-grid">

    <div class="narva-form-intro">
      <p class="narva-eyebrow">Tell us your story</p>

      <h2 class="narva-heading-lg">
        What is the Narva product you couldn't work without?
      </h2>

      <p class="narva-copy">
        Share your experience and help us celebrate the products
        professionals trust every day.
      </p>
    </div>

    <div class="narva-form-card">
      <!-- Place your Zoho Form embed here -->
    </div>

  </div>
</section>