add thank you page, download page, payment page

This commit is contained in:
2026-07-21 22:07:36 +07:00
parent 72a9b3fea1
commit e0644ce110
19 changed files with 1497 additions and 1 deletions
+18
View File
@@ -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&currency=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">