68 lines
4.4 KiB
Plaintext
68 lines
4.4 KiB
Plaintext
|
---
|
||
|
|
import Base from '../layouts/Base.astro';
|
||
|
|
---
|
||
|
|
<Base title="Component Owl Support & Contact" description=".NET components support, and also general Component Owl contact form and information.">
|
||
|
|
|
||
|
|
<div class="max-w-5xl mx-auto px-4 py-10">
|
||
|
|
<h1 class="text-3xl font-bold text-owl-blue mb-6">Help & Support</h1>
|
||
|
|
|
||
|
|
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||
|
|
<!-- Contact form -->
|
||
|
|
<div class="lg:col-span-2">
|
||
|
|
<p class="text-gray-700 mb-2">You can contact us at <span class="font-mono text-owl-blue">support (at) componentowl (dot) com</span> or use the form below.</p>
|
||
|
|
<p class="text-gray-600 text-sm mb-6">We will answer you as soon as possible, usually in 24 hours.</p>
|
||
|
|
|
||
|
|
<form class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm space-y-4" action="mailto:support@componentowl.com" method="get">
|
||
|
|
<div>
|
||
|
|
<label class="block text-sm font-medium text-gray-700 mb-1" for="name">Your Name</label>
|
||
|
|
<input type="text" id="name" name="name" class="w-full border border-gray-300 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-owl-blue-light" />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<label class="block text-sm font-medium text-gray-700 mb-1" for="email">Your Email (Required)</label>
|
||
|
|
<input type="email" id="email" name="email" required class="w-full border border-gray-300 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-owl-blue-light" />
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<label class="block text-sm font-medium text-gray-700 mb-1" for="message">Message (Required)</label>
|
||
|
|
<textarea id="message" name="body" rows="8" required class="w-full border border-gray-300 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-owl-blue-light"></textarea>
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="bg-owl-blue hover:bg-owl-blue-light text-white font-semibold px-8 py-2 rounded transition">Send</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<p class="text-xs text-gray-500 mt-4">Please make sure that our reply will not be marked as spam by your filter (e.g. add <span class="font-mono">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>
|
||
|
|
|
||
|
|
<!-- Resources sidebar -->
|
||
|
|
<div class="space-y-6">
|
||
|
|
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
|
||
|
|
<h2 class="font-bold text-owl-blue mb-3">Better ListView</h2>
|
||
|
|
<ul class="space-y-2 text-sm">
|
||
|
|
<li><a href="/better-listview/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
|
||
|
|
<li><a href="/better-listview/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
|
||
|
|
<li><a href="/better-listview/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
|
||
|
|
<li><a href="http://stackoverflow.com/questions/tagged/better-listview" class="text-owl-blue-light hover:underline">Better ListView on StackOverflow</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
|
||
|
|
<h2 class="font-bold text-owl-blue mb-3">Better Thumbnail Browser</h2>
|
||
|
|
<ul class="space-y-2 text-sm">
|
||
|
|
<li><a href="/better-thumbnail-browser/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
|
||
|
|
<li><a href="/better-thumbnail-browser/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
|
||
|
|
<li><a href="/better-thumbnail-browser/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="bg-white border border-gray-200 rounded-lg p-5 shadow-sm">
|
||
|
|
<h2 class="font-bold text-owl-blue mb-3">Better SplitButton</h2>
|
||
|
|
<ul class="space-y-2 text-sm">
|
||
|
|
<li><a href="/better-splitbutton/quick-start-guide" class="text-owl-blue-light hover:underline">See Quick Start Guide</a></li>
|
||
|
|
<li><a href="/better-splitbutton/documentation" class="text-owl-blue-light hover:underline">See Documentation</a></li>
|
||
|
|
<li><a href="/better-splitbutton/class-reference" class="text-owl-blue-light hover:underline">See Class Reference</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</Base>
|