19 lines
7.9 KiB
HTML
19 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-G9G5HP50VK"></script>
|
|
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-G9G5HP50VK');</script>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Support | Indotalent</title>
|
|
<meta name="description" content="Get help with Indotalent .NET 10 Blazor source code products. Contact support via email." />
|
|
<meta name="robots" content="index, follow" />
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
|
<script>tailwind.config={theme:{extend:{colors:{brand:{50:'#fff7ed',100:'#ffedd5',200:'#fed7aa',300:'#fdba74',400:'#fb923c',500:'#f97316',600:'#ea580c',700:'#c2410c'}},fontFamily:{sans:['Inter','system-ui','sans-serif']}}}}</script>
|
|
<style>.nav-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .gradient-text{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .btn-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:600;border-radius:12px;padding:12px 24px;transition:all 0.2s;box-shadow:0 4px 14px -4px rgba(249,115,22,0.35)} .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px -4px rgba(249,115,22,0.45)}</style>
|
|
</head>
|
|
<body class="bg-white text-gray-900 antialiased">
|
|
<nav class="fixed top-0 left-0 right-0 z-50 nav-blur bg-white/85 border-b border-gray-200/60"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-between h-16"><a href="index.html" class="flex items-center gap-2"><img src="img/logo-indotalent-dark.svg" alt="Indotalent" class="h-8 w-auto" /></a><a href="index.html" class="text-sm text-gray-500 hover:text-brand-500">← Back</a></div></div></nav>
|
|
<div class="pt-24 pb-16"><div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-10"><div class="inline-flex items-center gap-1.5 bg-orange-50 border border-orange-200 rounded-full px-3.5 py-1 mb-4"><span class="text-brand-700 text-xs font-medium tracking-wide">Support</span></div><h1 class="text-3xl sm:text-4xl font-bold text-gray-900">Get In <span class="gradient-text">Touch</span></h1><p class="text-gray-600 mt-4 max-w-xl mx-auto">Have a question, need help, or want to discuss a project? We're here for you.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8"><div class="bg-white border border-gray-200 rounded-xl p-5"><div class="w-10 h-10 rounded-lg bg-orange-50 flex items-center justify-center mb-3"><svg class="w-5 h-5 text-brand-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg></div><h3 class="text-sm font-semibold text-gray-900 mb-1">Email Us Directly</h3><p class="text-xs text-gray-500 mb-3">Send us an email and we'll respond within 48 hours.</p><a href="mailto:hi@indotalent.com" class="inline-flex items-center gap-1.5 bg-orange-50 text-brand-700 border border-orange-200 rounded-lg px-4 py-2 text-sm font-medium hover:bg-orange-100 transition-colors"><svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/></svg> hi@indotalent.com</a></div><div class="bg-white border border-gray-200 rounded-xl p-5"><div class="w-10 h-10 rounded-lg bg-emerald-50 flex items-center justify-center mb-3"><svg class="w-5 h-5 text-emerald-600" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"/></svg></div><h3 class="text-sm font-semibold text-gray-900 mb-1">Live Demo</h3><p class="text-xs text-gray-500 mb-3">Try our products before you buy. Explore the live demo.</p><a href="index.html#products" class="inline-flex items-center gap-1.5 bg-emerald-50 text-emerald-700 border border-emerald-200 rounded-lg px-4 py-2 text-sm font-medium hover:bg-emerald-100 transition-colors"><svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"/></svg> Try Demo</a></div></div><div class="bg-white border border-gray-200 rounded-2xl p-6 sm:p-8"><h2 class="text-lg font-semibold text-gray-900 mb-4">Send Us a Message</h2><div class="space-y-4"><div><label class="block text-sm font-medium text-gray-700 mb-1">Your Name</label><input type="text" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none" /></div><div><label class="block text-sm font-medium text-gray-700 mb-1">Your Email</label><input type="email" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none" /></div><div><label class="block text-sm font-medium text-gray-700 mb-1">Subject</label><input type="text" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none" value="Support Request" /></div><div><label class="block text-sm font-medium text-gray-700 mb-1">Message</label><textarea rows="5" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:ring-2 focus:ring-brand-500 focus:border-brand-500 outline-none"></textarea></div><div class="bg-amber-50 border border-amber-200 rounded-lg p-4 text-sm text-amber-800"><div class="flex items-start gap-2"><svg class="w-5 h-5 text-amber-500 mt-0.5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"/></svg><div><p class="font-medium">This form opens your default email client</p><p class="text-amber-700 mt-1">Since this is a static HTML page, clicking submit will open your email app. You can also reach us directly at <a href="mailto:hi@indotalent.com" class="font-semibold underline hover:no-underline">hi@indotalent.com</a>.</p></div></div></div><a href="mailto:hi@indotalent.com?subject=Support%20Request&body=Hi%20Indotalent%20Team%2C%0A%0AI%20would%20like%20to%20ask%20about%3A%0A%0A" class="btn-primary w-full sm:w-auto"><svg class="w-5 h-5 mr-1" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg> Send via Email</a></div></div></div></div><footer class="bg-white border-t border-gray-200 py-10"><div class="max-w-7xl mx-auto px-4"><div class="flex flex-col md:flex-row items-center justify-between gap-4"><p class="text-xs text-gray-500">© 2024-2026 Indotalent.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div></div></footer></body></html> |