---
import Base from '../layouts/Base.astro';
---
<Base title="Help & Support - Component Owl" description="Get help and support for Better ListView, Better Thumbnail Browser and Better SplitButton .NET components.">

  <div class="support-content">

    <h1>Help &amp; Support</h1>

    <div class="left">
      <p>If you have any questions, suggestions, bug reports, or need help with any of our products, please don't hesitate to contact us. We usually reply within 24 hours or sooner.</p>

      <p>You can also email us directly at: <strong>support (at) componentowl (dot) com</strong></p>

      <div class="contact-form-ct">
        <div class="contact-form-wrap">
          <form class="contact-form" action="#" method="post">
            <fieldset>
              <label for="support_name">Your Name</label>
              <input type="text" id="support_name" name="name" class="name" style="width:100%" />

              <label for="support_email">Your Email</label>
              <input type="email" id="support_email" name="email" class="email" style="width:100%" />

              <label for="support_subject">Subject</label>
              <input type="text" id="support_subject" name="subject" style="width:100%" />

              <label for="support_message">Message</label>
              <textarea id="support_message" name="message" class="message" style="width:100%"></textarea>

              <div class="submit">
                <button type="submit" class="dbtn">Send Message</button>
              </div>
            </fieldset>
          </form>
        </div>
      </div>

      <hr />
      <p class="note">Please note: We provide support for our products only. For general .NET programming questions, please use <a href="http://stackoverflow.com">StackOverflow</a>.</p>
    </div>

    <div class="right">
      <h2>Better ListView</h2>
      <p class="guide"><strong><a href="/better-listview">See Quick Start Guide</a></strong></p>
      <p class="documentation"><strong><a href="/better-listview">See Documentation</a></strong></p>
      <p class="reference"><strong><a href="/better-listview">See Class Reference</a></strong></p>

      <h2>Better Thumbnail Browser</h2>
      <p class="guide"><strong><a href="/better-thumbnail-browser">See Quick Start Guide</a></strong></p>
      <p class="documentation"><strong><a href="/better-thumbnail-browser">See Documentation</a></strong></p>
      <p class="reference"><strong><a href="/better-thumbnail-browser">See Class Reference</a></strong></p>

      <h2>Better SplitButton</h2>
      <p class="guide"><strong><a href="/better-splitbutton">See Quick Start Guide</a></strong></p>
      <p class="documentation"><strong><a href="/better-splitbutton">See Documentation</a></strong></p>
      <p class="reference"><strong><a href="/better-splitbutton">See Class Reference</a></strong></p>
    </div>

  </div>

</Base>