add thank you page, download page, payment page
This commit is contained in:
@@ -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 CMS | 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 CMS</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 CMS</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/1N6vu5txMx7OrHep1mUUKe-Vsga-jVJ1l/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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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 CRM | 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 CRM</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 CRM</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/1OkUr9LFjzEMCrcAFsVKSXW0hML_S0FLv/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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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 HRM | 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 HRM</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 HRM</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/1TSDEjQ4ai2hVmt4ZgUxlIglsQ08TZTzi/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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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 SaaS CRM | 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 SaaS CRM</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 SaaS CRM</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/1bEMWq-ofyicgGHOA4SBqxr1WzLBmmPvA/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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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 SaaS HRM | 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 SaaS HRM</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 SaaS HRM</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/1Qsih8GvNIP1z5cOCaS8s1QfK0EzQ3R94/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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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 SCM | 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 SCM</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 SCM</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/1HdSXhdzbpKVkytmZMdXaJUDk2tnojSYH/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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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 SWM | 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 SWM</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 SWM</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/1zU2E4oi-sz_ny54DZMXw9qKeMBgpODA1/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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -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 WMS | 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 WMS</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 WMS</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/1xx-Qd07wu_Z-RTiO0qY4qzStMiNxCbyq/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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -100,6 +100,9 @@
|
||||
}
|
||||
</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,#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);text-decoration:none}.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;text-decoration:none}.btn-secondary:hover{border-color:#f97316;color:#f97316}.btn-buy{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff!important;font-weight:700;font-size:1.125rem;border-radius:14px;padding:16px 36px;transition:all 0.25s;box-shadow:0 6px 24px -6px rgba(249,115,22,0.45);text-decoration:none;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 6px 24px -6px rgba(249,115,22,0.45)}50%{box-shadow:0 8px 32px -4px rgba(249,115,22,0.65)}}.btn-buy:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(249,115,22,0.55);animation:none}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(249,115,22,0.12)}.toc-link{transition:all 0.2s}.toc-link:hover{color:#f97316}.toc-link.active{color:#f97316;font-weight:600}</style>
|
||||
<script
|
||||
src="https://www.paypal.com/sdk/js?client-id=BAA9KX29NUjTpNZL7GI_aSy-N6BzzpxWoO_VRy5f2rP-BCABrM_BLEZARoEOi6F_YzcIEnrSguykN28VEw&components=hosted-buttons&disable-funding=venmo¤cy=USD">
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900 antialiased">
|
||||
|
||||
@@ -127,7 +130,7 @@
|
||||
<div class="inline-flex items-center gap-1.5 bg-orange-50 border border-orange-200 rounded-full px-3.5 py-1 mb-5">
|
||||
<span class="text-brand-700 text-xs font-medium tracking-wide">.NET 10 · Blazor Server · VSA · MudBlazor</span>
|
||||
</div>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-gray-900 mb-4 tracking-tight">Blazor <span class="gradient-text">CRM</span></h1>
|
||||
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-gray-900 mb-4 tracking-tight">Blazor <span class="gradient-text">CMS</span></h1>
|
||||
<p class="text-lg text-gray-500 mb-3 max-w-xl">Clinic Management System — Complete Source Code</p>
|
||||
<p class="text-sm text-gray-400 mb-6 max-w-xl">A production-ready clinic management application to manage patients, medical records, appointments, and billing. Built with .NET 10, ASP.NET Core, Blazor Server, MudBlazor, and Vertical Slice Architecture.</p>
|
||||
<div class="flex items-center justify-center lg:justify-start gap-4 mb-8">
|
||||
@@ -454,6 +457,21 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYPAL -->
|
||||
<section class="py-10 lg:py-12 bg-gray-50/80">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">Pay via PayPal</h2>
|
||||
<p class="text-sm text-gray-500 mb-6">Secure payment via PayPal. Instant digital delivery after purchase.</p>
|
||||
<div id="paypal-container-Z8ABKQERMK8JN" class="w-full max-w-md mx-auto min-h-[180px]"></div>
|
||||
<script>
|
||||
paypal.HostedButtons({
|
||||
hostedButtonId: "Z8ABKQERMK8JN",
|
||||
}).render("#paypal-container-Z8ABKQERMK8JN")
|
||||
</script>
|
||||
<p class="text-xs text-gray-400 mt-4">100% secure checkout. No account required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BUY CTA -->
|
||||
<section class="py-8 lg:py-10 bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
|
||||
@@ -100,6 +100,9 @@
|
||||
}
|
||||
</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,#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);text-decoration:none}.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;text-decoration:none}.btn-secondary:hover{border-color:#f97316;color:#f97316}.btn-buy{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff!important;font-weight:700;font-size:1.125rem;border-radius:14px;padding:16px 36px;transition:all 0.25s;box-shadow:0 6px 24px -6px rgba(249,115,22,0.45);text-decoration:none;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 6px 24px -6px rgba(249,115,22,0.45)}50%{box-shadow:0 8px 32px -4px rgba(249,115,22,0.65)}}.btn-buy:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(249,115,22,0.55);animation:none}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(249,115,22,0.12)}.toc-link{transition:all 0.2s}.toc-link:hover{color:#f97316}.toc-link.active{color:#f97316;font-weight:600}</style>
|
||||
<script
|
||||
src="https://www.paypal.com/sdk/js?client-id=BAA9KX29NUjTpNZL7GI_aSy-N6BzzpxWoO_VRy5f2rP-BCABrM_BLEZARoEOi6F_YzcIEnrSguykN28VEw&components=hosted-buttons&disable-funding=venmo¤cy=USD">
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900 antialiased">
|
||||
|
||||
@@ -456,6 +459,21 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYPAL -->
|
||||
<section class="py-10 lg:py-12 bg-gray-50/80">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">Pay via PayPal</h2>
|
||||
<p class="text-sm text-gray-500 mb-6">Secure payment via PayPal. Instant digital delivery after purchase.</p>
|
||||
<div id="paypal-container-9PHW6N5HS4D5W" class="w-full max-w-md mx-auto min-h-[180px]"></div>
|
||||
<script>
|
||||
paypal.HostedButtons({
|
||||
hostedButtonId: "9PHW6N5HS4D5W",
|
||||
}).render("#paypal-container-9PHW6N5HS4D5W")
|
||||
</script>
|
||||
<p class="text-xs text-gray-400 mt-4">100% secure checkout. No account required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BUY CTA -->
|
||||
<section class="py-8 lg:py-10 bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
|
||||
@@ -100,6 +100,9 @@
|
||||
}
|
||||
</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,#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);text-decoration:none}.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;text-decoration:none}.btn-secondary:hover{border-color:#f97316;color:#f97316}.btn-buy{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff!important;font-weight:700;font-size:1.125rem;border-radius:14px;padding:16px 36px;transition:all 0.25s;box-shadow:0 6px 24px -6px rgba(249,115,22,0.45);text-decoration:none;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 6px 24px -6px rgba(249,115,22,0.45)}50%{box-shadow:0 8px 32px -4px rgba(249,115,22,0.65)}}.btn-buy:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(249,115,22,0.55);animation:none}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(249,115,22,0.12)}.toc-link{transition:all 0.2s}.toc-link:hover{color:#f97316}.toc-link.active{color:#f97316;font-weight:600}</style>
|
||||
<script
|
||||
src="https://www.paypal.com/sdk/js?client-id=BAA9KX29NUjTpNZL7GI_aSy-N6BzzpxWoO_VRy5f2rP-BCABrM_BLEZARoEOi6F_YzcIEnrSguykN28VEw&components=hosted-buttons&disable-funding=venmo¤cy=USD">
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900 antialiased">
|
||||
|
||||
@@ -453,6 +456,21 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYPAL -->
|
||||
<section class="py-10 lg:py-12 bg-gray-50/80">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">Pay via PayPal</h2>
|
||||
<p class="text-sm text-gray-500 mb-6">Secure payment via PayPal. Instant digital delivery after purchase.</p>
|
||||
<div id="paypal-container-FU2W5RZZQYBZY" class="w-full max-w-md mx-auto min-h-[180px]"></div>
|
||||
<script>
|
||||
paypal.HostedButtons({
|
||||
hostedButtonId: "FU2W5RZZQYBZY",
|
||||
}).render("#paypal-container-FU2W5RZZQYBZY")
|
||||
</script>
|
||||
<p class="text-xs text-gray-400 mt-4">100% secure checkout. No account required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BUY CTA -->
|
||||
<section class="py-8 lg:py-10 bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
|
||||
@@ -83,6 +83,9 @@
|
||||
}
|
||||
</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,#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);text-decoration:none}.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;text-decoration:none}.btn-secondary:hover{border-color:#f97316;color:#f97316}.btn-buy{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff!important;font-weight:700;font-size:1.125rem;border-radius:14px;padding:16px 36px;transition:all 0.25s;box-shadow:0 6px 24px -6px rgba(249,115,22,0.45);text-decoration:none;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 6px 24px -6px rgba(249,115,22,0.45)}50%{box-shadow:0 8px 32px -4px rgba(249,115,22,0.65)}}.btn-buy:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(249,115,22,0.55);animation:none}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(249,115,22,0.12)}.toc-link{transition:all 0.2s}.toc-link:hover{color:#f97316}.toc-link.active{color:#f97316;font-weight:600}</style>
|
||||
<script
|
||||
src="https://www.paypal.com/sdk/js?client-id=BAA9KX29NUjTpNZL7GI_aSy-N6BzzpxWoO_VRy5f2rP-BCABrM_BLEZARoEOi6F_YzcIEnrSguykN28VEw&components=hosted-buttons&disable-funding=venmo¤cy=USD">
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900 antialiased">
|
||||
|
||||
@@ -397,6 +400,21 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYPAL -->
|
||||
<section class="py-10 lg:py-12 bg-gray-50/80">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">Pay via PayPal</h2>
|
||||
<p class="text-sm text-gray-500 mb-6">Secure payment via PayPal. Instant digital delivery after purchase.</p>
|
||||
<div id="paypal-container-NVQGPLW6MHM4G" class="w-full max-w-md mx-auto min-h-[180px]"></div>
|
||||
<script>
|
||||
paypal.HostedButtons({
|
||||
hostedButtonId: "NVQGPLW6MHM4G",
|
||||
}).render("#paypal-container-NVQGPLW6MHM4G")
|
||||
</script>
|
||||
<p class="text-xs text-gray-400 mt-4">100% secure checkout. No account required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="py-8 lg:py-10 bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<div class="bg-white border border-orange-200 rounded-2xl p-6 sm:p-8 shadow-lg">
|
||||
|
||||
@@ -100,6 +100,9 @@
|
||||
}
|
||||
</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,#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);text-decoration:none}.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;text-decoration:none}.btn-secondary:hover{border-color:#f97316;color:#f97316}.btn-buy{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff!important;font-weight:700;font-size:1.125rem;border-radius:14px;padding:16px 36px;transition:all 0.25s;box-shadow:0 6px 24px -6px rgba(249,115,22,0.45);text-decoration:none;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 6px 24px -6px rgba(249,115,22,0.45)}50%{box-shadow:0 8px 32px -4px rgba(249,115,22,0.65)}}.btn-buy:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(249,115,22,0.55);animation:none}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(249,115,22,0.12)}.toc-link{transition:all 0.2s}.toc-link:hover{color:#f97316}.toc-link.active{color:#f97316;font-weight:600}</style>
|
||||
<script
|
||||
src="https://www.paypal.com/sdk/js?client-id=BAA9KX29NUjTpNZL7GI_aSy-N6BzzpxWoO_VRy5f2rP-BCABrM_BLEZARoEOi6F_YzcIEnrSguykN28VEw&components=hosted-buttons&disable-funding=venmo¤cy=USD">
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900 antialiased">
|
||||
|
||||
@@ -451,6 +454,21 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYPAL -->
|
||||
<section class="py-10 lg:py-12 bg-gray-50/80">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">Pay via PayPal</h2>
|
||||
<p class="text-sm text-gray-500 mb-6">Secure payment via PayPal. Instant digital delivery after purchase.</p>
|
||||
<div id="paypal-container-TNK22KMCW838J" class="w-full max-w-md mx-auto min-h-[180px]"></div>
|
||||
<script>
|
||||
paypal.HostedButtons({
|
||||
hostedButtonId: "TNK22KMCW838J",
|
||||
}).render("#paypal-container-TNK22KMCW838J")
|
||||
</script>
|
||||
<p class="text-xs text-gray-400 mt-4">100% secure checkout. No account required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BUY CTA -->
|
||||
<section class="py-8 lg:py-10 bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
|
||||
@@ -100,6 +100,9 @@
|
||||
}
|
||||
</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,#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);text-decoration:none}.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;text-decoration:none}.btn-secondary:hover{border-color:#f97316;color:#f97316}.btn-buy{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff!important;font-weight:700;font-size:1.125rem;border-radius:14px;padding:16px 36px;transition:all 0.25s;box-shadow:0 6px 24px -6px rgba(249,115,22,0.45);text-decoration:none;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 6px 24px -6px rgba(249,115,22,0.45)}50%{box-shadow:0 8px 32px -4px rgba(249,115,22,0.65)}}.btn-buy:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(249,115,22,0.55);animation:none}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(249,115,22,0.12)}.toc-link{transition:all 0.2s}.toc-link:hover{color:#f97316}.toc-link.active{color:#f97316;font-weight:600}</style>
|
||||
<script
|
||||
src="https://www.paypal.com/sdk/js?client-id=BAA9KX29NUjTpNZL7GI_aSy-N6BzzpxWoO_VRy5f2rP-BCABrM_BLEZARoEOi6F_YzcIEnrSguykN28VEw&components=hosted-buttons&disable-funding=venmo¤cy=USD">
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900 antialiased">
|
||||
|
||||
@@ -452,6 +455,21 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYPAL -->
|
||||
<section class="py-10 lg:py-12 bg-gray-50/80">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">Pay via PayPal</h2>
|
||||
<p class="text-sm text-gray-500 mb-6">Secure payment via PayPal. Instant digital delivery after purchase.</p>
|
||||
<div id="paypal-container-3THW54PV8Z99Q" class="w-full max-w-md mx-auto min-h-[180px]"></div>
|
||||
<script>
|
||||
paypal.HostedButtons({
|
||||
hostedButtonId: "3THW54PV8Z99Q",
|
||||
}).render("#paypal-container-3THW54PV8Z99Q")
|
||||
</script>
|
||||
<p class="text-xs text-gray-400 mt-4">100% secure checkout. No account required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BUY CTA -->
|
||||
<section class="py-8 lg:py-10 bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
|
||||
@@ -100,6 +100,9 @@
|
||||
}
|
||||
</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,#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);text-decoration:none}.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;text-decoration:none}.btn-secondary:hover{border-color:#f97316;color:#f97316}.btn-buy{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff!important;font-weight:700;font-size:1.125rem;border-radius:14px;padding:16px 36px;transition:all 0.25s;box-shadow:0 6px 24px -6px rgba(249,115,22,0.45);text-decoration:none;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 6px 24px -6px rgba(249,115,22,0.45)}50%{box-shadow:0 8px 32px -4px rgba(249,115,22,0.65)}}.btn-buy:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(249,115,22,0.55);animation:none}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(249,115,22,0.12)}.toc-link{transition:all 0.2s}.toc-link:hover{color:#f97316}.toc-link.active{color:#f97316;font-weight:600}</style>
|
||||
<script
|
||||
src="https://www.paypal.com/sdk/js?client-id=BAA9KX29NUjTpNZL7GI_aSy-N6BzzpxWoO_VRy5f2rP-BCABrM_BLEZARoEOi6F_YzcIEnrSguykN28VEw&components=hosted-buttons&disable-funding=venmo¤cy=USD">
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900 antialiased">
|
||||
|
||||
@@ -452,6 +455,21 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYPAL -->
|
||||
<section class="py-10 lg:py-12 bg-gray-50/80">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">Pay via PayPal</h2>
|
||||
<p class="text-sm text-gray-500 mb-6">Secure payment via PayPal. Instant digital delivery after purchase.</p>
|
||||
<div id="paypal-container-XH26NJW46KHD2" class="w-full max-w-md mx-auto min-h-[180px]"></div>
|
||||
<script>
|
||||
paypal.HostedButtons({
|
||||
hostedButtonId: "XH26NJW46KHD2",
|
||||
}).render("#paypal-container-XH26NJW46KHD2")
|
||||
</script>
|
||||
<p class="text-xs text-gray-400 mt-4">100% secure checkout. No account required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BUY CTA -->
|
||||
<section class="py-8 lg:py-10 bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
|
||||
@@ -100,6 +100,9 @@
|
||||
}
|
||||
</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,#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);text-decoration:none}.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;text-decoration:none}.btn-secondary:hover{border-color:#f97316;color:#f97316}.btn-buy{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff!important;font-weight:700;font-size:1.125rem;border-radius:14px;padding:16px 36px;transition:all 0.25s;box-shadow:0 6px 24px -6px rgba(249,115,22,0.45);text-decoration:none;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 6px 24px -6px rgba(249,115,22,0.45)}50%{box-shadow:0 8px 32px -4px rgba(249,115,22,0.65)}}.btn-buy:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(249,115,22,0.55);animation:none}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(249,115,22,0.12)}.toc-link{transition:all 0.2s}.toc-link:hover{color:#f97316}.toc-link.active{color:#f97316;font-weight:600}</style>
|
||||
<script
|
||||
src="https://www.paypal.com/sdk/js?client-id=BAA9KX29NUjTpNZL7GI_aSy-N6BzzpxWoO_VRy5f2rP-BCABrM_BLEZARoEOi6F_YzcIEnrSguykN28VEw&components=hosted-buttons&disable-funding=venmo¤cy=USD">
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900 antialiased">
|
||||
|
||||
@@ -453,6 +456,21 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYPAL -->
|
||||
<section class="py-10 lg:py-12 bg-gray-50/80">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">Pay via PayPal</h2>
|
||||
<p class="text-sm text-gray-500 mb-6">Secure payment via PayPal. Instant digital delivery after purchase.</p>
|
||||
<div id="paypal-container-HM9XZB6XBPPA2" class="w-full max-w-md mx-auto min-h-[180px]"></div>
|
||||
<script>
|
||||
paypal.HostedButtons({
|
||||
hostedButtonId: "HM9XZB6XBPPA2",
|
||||
}).render("#paypal-container-HM9XZB6XBPPA2")
|
||||
</script>
|
||||
<p class="text-xs text-gray-400 mt-4">100% secure checkout. No account required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BUY CTA -->
|
||||
<section class="py-8 lg:py-10 bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
|
||||
@@ -100,6 +100,9 @@
|
||||
}
|
||||
</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,#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);text-decoration:none}.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;text-decoration:none}.btn-secondary:hover{border-color:#f97316;color:#f97316}.btn-buy{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff!important;font-weight:700;font-size:1.125rem;border-radius:14px;padding:16px 36px;transition:all 0.25s;box-shadow:0 6px 24px -6px rgba(249,115,22,0.45);text-decoration:none;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 6px 24px -6px rgba(249,115,22,0.45)}50%{box-shadow:0 8px 32px -4px rgba(249,115,22,0.65)}}.btn-buy:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 12px 32px -8px rgba(249,115,22,0.55);animation:none}.product-card{transition:all 0.3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(249,115,22,0.12)}.toc-link{transition:all 0.2s}.toc-link:hover{color:#f97316}.toc-link.active{color:#f97316;font-weight:600}</style>
|
||||
<script
|
||||
src="https://www.paypal.com/sdk/js?client-id=BAA9KX29NUjTpNZL7GI_aSy-N6BzzpxWoO_VRy5f2rP-BCABrM_BLEZARoEOi6F_YzcIEnrSguykN28VEw&components=hosted-buttons&disable-funding=venmo¤cy=USD">
|
||||
</script>
|
||||
</head>
|
||||
<body class="bg-white text-gray-900 antialiased">
|
||||
|
||||
@@ -452,6 +455,21 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAYPAL -->
|
||||
<section class="py-10 lg:py-12 bg-gray-50/80">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-2xl sm:text-3xl font-bold text-gray-900 mb-4">Pay via PayPal</h2>
|
||||
<p class="text-sm text-gray-500 mb-6">Secure payment via PayPal. Instant digital delivery after purchase.</p>
|
||||
<div id="paypal-container-Y6GSFKL88BZ86" class="w-full max-w-md mx-auto min-h-[180px]"></div>
|
||||
<script>
|
||||
paypal.HostedButtons({
|
||||
hostedButtonId: "Y6GSFKL88BZ86",
|
||||
}).render("#paypal-container-Y6GSFKL88BZ86")
|
||||
</script>
|
||||
<p class="text-xs text-gray-400 mt-4">100% secure checkout. No account required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- BUY CTA -->
|
||||
<section class="py-8 lg:py-10 bg-gradient-to-r from-orange-50 via-amber-50 to-orange-50">
|
||||
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
|
||||
+137
@@ -0,0 +1,137 @@
|
||||
<!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>Thank You for Your Purchase | INDOTALENT</title>
|
||||
<meta name="description" content="Thank you for purchasing an Indotalent product. Your download link will be sent to your registered email address automatically." />
|
||||
<meta name="robots" content="noindex, nofollow" />
|
||||
<link rel="canonical" href="https://www.indotalent.com/thank-you.html" />
|
||||
<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 src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.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}
|
||||
.success-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);display:flex;align-items:center;justify-content:center;margin:0 auto}
|
||||
.success-icon svg{width:36px;height:36px;color:#059669}
|
||||
</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>
|
||||
|
||||
<!-- THANK YOU MAIN -->
|
||||
<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 id="thankYouCard" class="bg-white border border-gray-200 rounded-3xl shadow-lg p-8 sm:p-10 lg:p-12 text-center">
|
||||
|
||||
<!-- Success Icon -->
|
||||
<div class="success-icon mb-6">
|
||||
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<!-- Heading -->
|
||||
<h1 class="text-3xl sm:text-4xl font-extrabold text-gray-900 mb-4 tracking-tight">
|
||||
Thank You for <span class="gradient-text">Your Purchase</span>
|
||||
</h1>
|
||||
<p class="text-gray-500 text-base sm:text-lg mb-8 max-w-lg mx-auto">
|
||||
We truly appreciate your support. You're now part of the Indotalent community.
|
||||
</p>
|
||||
|
||||
<!-- Divider -->
|
||||
<div class="w-16 h-0.5 bg-gradient-to-r from-brand-400 to-brand-600 mx-auto mb-8"></div>
|
||||
|
||||
<!-- Info Section 1: Download Link -->
|
||||
<div class="bg-brand-50/60 border border-brand-100 rounded-2xl p-6 sm:p-8 mb-6 text-left">
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="w-10 h-10 rounded-xl bg-brand-100 flex items-center justify-center shrink-0 mt-0.5">
|
||||
<svg class="w-5 h-5 text-brand-600" 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>
|
||||
<div>
|
||||
<h2 class="text-lg font-semibold text-gray-900 mb-2">Download Link Sent Automatically</h2>
|
||||
<p class="text-sm text-gray-600 leading-relaxed">
|
||||
Your download link will be sent automatically to the email address you provided during checkout.
|
||||
Please ensure that your email inbox is not full and that the email address is valid
|
||||
so you don't miss the delivery.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Info Section 2: Contact Support -->
|
||||
<div class="bg-gray-50 border border-gray-200 rounded-2xl p-6 sm:p-8 mb-8 text-left">
|
||||
<div class="flex items-start gap-4">
|
||||
<div class="w-10 h-10 rounded-xl bg-gray-200 flex items-center justify-center shrink-0 mt-0.5">
|
||||
<svg class="w-5 h-5 text-gray-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" 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>
|
||||
<div>
|
||||
<h2 class="text-lg font-semibold text-gray-900 mb-2">Didn't Receive the Email?</h2>
|
||||
<p class="text-sm text-gray-600 leading-relaxed">
|
||||
If you haven't received your download link within a few minutes, please check your spam or promotions folder.
|
||||
If it's still not there, feel free to contact us at
|
||||
<a href="mailto:hi@indotalent.com" class="text-brand-600 hover:text-brand-700 font-semibold underline underline-offset-2">hi@indotalent.com</a>
|
||||
and we will assist you promptly.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CTA Buttons -->
|
||||
<div class="flex flex-col sm:flex-row items-center justify-center gap-3">
|
||||
<a href="index.html" class="btn-primary text-sm px-8 py-3.5 w-full sm:w-auto">Return to Homepage</a>
|
||||
<a href="mailto:hi@indotalent.com" class="btn-secondary text-sm px-8 py-3.5 w-full sm:w-auto">Contact Support</a>
|
||||
</div>
|
||||
</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">© 2024-2026 Indotalent. All rights reserved.</p><p class="text-xs text-gray-500">Built with <span class="text-brand-500">♥</span> by go2ismail</p></div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded',function(){
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
gsap.fromTo('#thankYouCard',{autoAlpha:0,y:40,scale:.98},{autoAlpha:1,y:0,scale:1,duration:.7,ease:'power4.out'});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user