---
import Base from '../layouts/Base.astro';
const title = "Help & Support - ComponentOwl";
const description = "Contact ComponentOwl support for Better ListView, Better Thumbnail Browser, and Better SplitButton .NET controls.";
const keywords = "support, help, contact, better listview, better thumbnail browser, better splitbutton";
const rawContent = `<div class="d-content-wrap">
            <div class="support-content">
  
  <h1>Help &amp; Support</h1>
  
  <div class="left">
    <p>You can contact us at <span class="emil">support (at) componentowl (dot) com</span> or use the form below.</p>
    <p>We will answer you as soon as possible, usually in 24 hours.</p>
    
    <div class="contact-form-ct">
      <div class="contact-form-wrap">
        <div class="contact-form " id="contact-form">
  <form action="http://www.componentowl.com/support_requests" class="new_support_request" id="new_support_request" method="post" onsubmit="if (!validate_contact_from(this)) return false; jQuery.ajax({data:jQuery.param(jQuery(this).serializeArray()) + '&amp;authenticity_token=' + encodeURIComponent('dJeFtbWrARc0arEomU+SG+XtypwJr2F4Kc9v14woStM='), dataType:'script', type:'post', url:'/support_requests'}); return false;"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="dJeFtbWrARc0arEomU+SG+XtypwJr2F4Kc9v14woStM=" /></div>
    <input id="support_request_support_request_origin_id" name="support_request[support_request_origin_id]" type="hidden" value="541448280" />
    <input id="support_request_subject" name="support_request[subject]" type="hidden" />
    <input id="support_request_product_id" name="support_request[product_id]" type="hidden" />
    <input id="callback" name="callback" type="hidden" value="feedback_sent" />
    <input name="magicwand" type="hidden" value="you-shall-not-pass" />
    <fieldset>
      <ul>
        <li><label for="support_request_name">Your Name</label><input class="name" id="support_request_name" name="support_request[name]" size="30" type="text" /></li>
        <li><label for="support_request_email">Your Email (Required)</label><input class="email" id="support_request_email" name="support_request[email]" size="30" type="text" /></li>
        <li><label for="support_request_message">Message (Required)</label><textarea class="message" cols="40" id="support_request_message" name="support_request[message]" rows="20"></textarea></li>
      </ul>
    </fieldset>
    <div class="submit">
    <span class="dbtn-c" id="send"><span class="dbtn-w"><input class="dbtn" name="commit" type="submit" value="&nbsp;&nbsp;&nbsp;Send&nbsp;&nbsp;&nbsp;" /></span></span>
    </div>
  </form></div>
      </div>
    </div>
    
    <hr />
    <p class="note">Please make sure that our reply will not be marked as spam by your filter (eg. add <span class="emil">support (at) componentowl (dot) com</span> to your white list) and that you typed your email address correctly, otherwise we will not be able to reply.</p>
  </div>
    
  <div class="right">
    
      <h2>Better ListView</h2>
      <p class="guide"><strong><a href="/better-listview/quick-start-guide" onclick="window.open(this.href); return false">See Quick Start Guide</a></strong></p>
      <p class="documentation"><strong><a href="/better-listview/documentation" onclick="window.open(this.href); return false">See Documentation</a></strong></p>
      <p class="reference"><strong><a href="/better-listview/class-reference" onclick="window.open(this.href); return false">See Class Reference</a></strong></p>
      <p class="stackoverflow"><strong><a href="http://stackoverflow.com/questions/tagged/better-listview" onclick="window.open(this.href); return false">Better ListView on StackOverflow</a></strong></p>
    
      <h2>Better Thumbnail Browser</h2>
      <p class="guide"><strong><a href="/better-thumbnail-browser/quick-start-guide" onclick="window.open(this.href); return false">See Quick Start Guide</a></strong></p>
      <p class="documentation"><strong><a href="/better-thumbnail-browser/documentation" onclick="window.open(this.href); return false">See Documentation</a></strong></p>
      <p class="reference"><strong><a href="/better-thumbnail-browser/class-reference" onclick="window.open(this.href); return false">See Class Reference</a></strong></p>
      
      <h2>Better SplitButton</h2>
      <p class="guide"><strong><a href="/better-splitbutton/quick-start-guide" onclick="window.open(this.href); return false">See Quick Start Guide</a></strong></p>
      <p class="documentation"><strong><a href="/better-splitbutton/documentation" onclick="window.open(this.href); return false">See Documentation</a></strong></p>
      <p class="reference"><strong><a href="/better-splitbutton/class-reference" onclick="window.open(this.href); return false">See Class Reference</a></strong></p>
      
  </div>
  
</div>
</div>`;
---
<Base title={title} description={description} keywords={keywords}>
  <Fragment set:html={rawContent} />
</Base>
