add thank you page, download page, payment page

This commit is contained in:
2026-07-21 22:07:36 +07:00
parent 72a9b3fea1
commit e0644ce110
19 changed files with 1497 additions and 1 deletions
@@ -0,0 +1,133 @@
<!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>Download - Blazor OMS | INDOTALENT</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='6' fill='%23f97316'/><text x='16' y='22' font-size='18' font-weight='bold' text-anchor='middle' fill='white'>I</text></svg>" />
<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',800:'#9a3412',900:'#7c2d12'}},fontFamily:{sans:['Inter','system-ui','-apple-system','sans-serif']}}}}</script>
<style>
[x-cloak]{display:none!important} html{scroll-behavior:smooth}
.nav-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.gradient-text{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);-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 0%,#ea580c 100%);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)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#374151;font-weight:600;border-radius:12px;padding:12px 24px;border:1px solid #e5e7eb;transition:all 0.2s}
.btn-secondary:hover{border-color:#f97316;color:#f97316}
.download-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);display:flex;align-items:center;justify-content:center;margin:0 auto}
.download-icon svg{width:28px;height:28px;color:#f97316}
</style>
</head>
<body class="bg-white text-gray-900 antialiased">
<!-- NAVBAR -->
<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 lg:h-18">
<a href="index.html" class="flex items-center gap-2.5"><img src="img/logo-indotalent-dark.svg" alt="Indotalent" class="h-8 w-auto" /></a>
<div class="flex items-center gap-3">
<a href="index.html" class="btn-secondary text-sm py-2.5 px-5">Back to Home</a>
</div>
</div>
</div>
</nav>
<!-- DOWNLOAD PAGE -->
<section class="min-h-screen flex items-center justify-center pt-20 pb-16">
<div class="absolute inset-0 opacity-[0.015]" style="background-image:radial-gradient(circle at 1px 1px,#f97316 1px,transparent 0);background-size:40px 40px"></div>
<div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 w-full">
<div class="bg-white border border-gray-200 rounded-3xl shadow-lg p-8 sm:p-10 lg:p-12">
<div class="download-icon mb-6">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" />
</svg>
</div>
<h1 class="text-3xl sm:text-4xl font-extrabold text-gray-900 mb-2 text-center tracking-tight">
Your Downloads Are <span class="gradient-text">Ready</span>
</h1>
<p class="text-gray-500 text-center mb-2">Thank you for purchasing <strong class="text-gray-800">Blazor OMS</strong>.</p>
<p class="text-gray-400 text-xs text-center mb-8">Click the buttons below to download your files.</p>
<div class="w-16 h-0.5 bg-gradient-to-r from-brand-400 to-brand-600 mx-auto mb-8"></div>
<!-- Main Product Download -->
<div class="bg-gradient-to-br from-brand-50/80 to-orange-50/80 border border-brand-200 rounded-2xl p-6 sm:p-8 mb-6">
<div class="flex items-start gap-4">
<div class="w-12 h-12 rounded-xl bg-brand-100 flex items-center justify-center shrink-0 mt-0.5">
<svg class="w-6 h-6 text-brand-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776" />
</svg>
</div>
<div class="flex-1">
<h2 class="text-lg font-semibold text-gray-900 mb-1">Blazor OMS</h2>
<p class="text-sm text-gray-500 mb-4">Clinic Management System - Complete Source Code</p>
<a href="https://drive.google.com/file/d/1xHwyDtiiM6EuAnupEw8F10040WpM_0jk/view?usp=sharing" target="_blank" rel="noopener" class="btn-primary text-sm px-6 py-2.5 inline-flex items-center gap-2">
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>
Download Now
</a>
</div>
</div>
</div>
<!-- Bonus Products -->
<div class="bg-gray-50 border border-gray-200 rounded-2xl p-6 sm:p-8">
<div class="flex items-center gap-2 mb-5">
<span class="inline-flex items-center gap-1 bg-emerald-50 border border-emerald-200 rounded-full px-3 py-1">
<svg class="w-3.5 h-3.5 text-emerald-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0Z" /></svg>
<span class="text-emerald-700 text-xs font-semibold">FREE BONUS</span>
</span>
<h2 class="text-lg font-semibold text-gray-900">Admin Templates</h2>
</div>
<p class="text-sm text-gray-500 mb-5">Included free with your purchase — three professional admin templates.</p>
<div class="space-y-3">
<a href="https://drive.google.com/file/d/1YzAcNyc7vGA4BbkbXrtEvDIfktdGC5rG/view?usp=sharing" target="_blank" rel="noopener" class="flex items-center justify-between bg-white border border-gray-200 rounded-xl p-4 hover:border-brand-300 transition-colors group">
<div class="flex items-center gap-3">
<div class="w-9 h-9 rounded-lg bg-orange-50 flex items-center justify-center shrink-0"><svg class="w-4 h-4 text-brand-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776" /></svg></div>
<div><p class="text-sm font-medium text-gray-800 group-hover:text-brand-600 transition-colors">Admin Template - HTML</p><p class="text-xs text-gray-400">Tailwind CSS + Alpine.js</p></div>
</div>
<svg class="w-5 h-5 text-gray-300 group-hover:text-brand-500 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>
</a>
<a href="https://drive.google.com/file/d/1TIC7Hb2MHM0H36zp2eVctJNziqXJ1df2/view?usp=sharing" target="_blank" rel="noopener" class="flex items-center justify-between bg-white border border-gray-200 rounded-xl p-4 hover:border-brand-300 transition-colors group">
<div class="flex items-center gap-3">
<div class="w-9 h-9 rounded-lg bg-blue-50 flex items-center justify-center shrink-0"><svg class="w-4 h-4 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776" /></svg></div>
<div><p class="text-sm font-medium text-gray-800 group-hover:text-brand-600 transition-colors">Admin Template - MVC</p><p class="text-xs text-gray-400">ASP.NET Core MVC</p></div>
</div>
<svg class="w-5 h-5 text-gray-300 group-hover:text-brand-500 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>
</a>
<a href="https://drive.google.com/file/d/1fC_aVTOoW_SCYSd_LBIloi9VlYNabK4v/view?usp=sharing" target="_blank" rel="noopener" class="flex items-center justify-between bg-white border border-gray-200 rounded-xl p-4 hover:border-brand-300 transition-colors group">
<div class="flex items-center gap-3">
<div class="w-9 h-9 rounded-lg bg-purple-50 flex items-center justify-center shrink-0"><svg class="w-4 h-4 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776" /></svg></div>
<div><p class="text-sm font-medium text-gray-800 group-hover:text-brand-600 transition-colors">Admin Template - Razor</p><p class="text-xs text-gray-400">ASP.NET Core Razor Pages</p></div>
</div>
<svg class="w-5 h-5 text-gray-300 group-hover:text-brand-500 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" /></svg>
</a>
</div>
</div>
<p class="text-xs text-gray-400 text-center mt-8">If you have any issues downloading, please contact <a href="mailto:hi@indotalent.com" class="text-brand-600 hover:text-brand-700 font-medium">hi@indotalent.com</a></p>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="bg-white border-t border-gray-200">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<div class="col-span-2 md:col-span-1"><a href="index.html" class="flex items-center gap-2 mb-3"><img src="img/logo-indotalent-dark.svg" alt="Indotalent" class="h-6 w-auto" /></a><p class="text-xs text-gray-500 leading-relaxed">Enterprise .NET 10 & Blazor complete source code. Back End + Front End in one VSA monolith. Thank you for your support.</p></div>
<div><h5 class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3">Products</h5><ul class="space-y-2"><li><a href="index.html#products" class="text-sm text-gray-500 hover:text-brand-500">CRM</a></li><li><a href="index.html#products" class="text-sm text-gray-500 hover:text-brand-500">CMS</a></li><li><a href="index.html#products" class="text-sm text-gray-500 hover:text-brand-500">HRM</a></li><li><a href="index.html#products" class="text-sm text-gray-500 hover:text-brand-500">SCM</a></li><li><a href="index.html#products" class="text-sm text-gray-500 hover:text-brand-500">WMS</a></li></ul></div>
<div><h5 class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3">Resources</h5><ul class="space-y-2"><li><a href="https://github.com/go2ismail" target="_blank" rel="noopener" class="text-sm text-gray-500 hover:text-brand-500">GitHub</a></li><li><a href="blog.html" class="text-sm text-gray-500 hover:text-brand-500">Blog</a></li><li><a href="support.html" class="text-sm text-gray-500 hover:text-brand-500">Support</a></li></ul></div>
<div><h5 class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3">Company</h5><ul class="space-y-2"><li><a href="privacy-policy.html" class="text-sm text-gray-500 hover:text-brand-500">Privacy</a></li><li><a href="no-refund-policy.html" class="text-sm text-gray-500 hover:text-brand-500">No Refund</a></li><li><a href="license.html" class="text-sm text-gray-500 hover:text-brand-500">License</a></li><li><a href="mailto:hi@indotalent.com" class="text-sm text-gray-500 hover:text-brand-500">Contact</a></li></ul></div>
</div>
<div class="border-t border-gray-200 mt-8 pt-6 flex flex-col md:flex-row items-center justify-between gap-4"><p class="text-xs text-gray-500">&copy; 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">&hearts;</span> by go2ismail</p></div>
</div>
</footer>
</body>
</html>