Skip to content
This repository was archived by the owner on May 7, 2025. It is now read-only.

Rollback to working payment #1

Merged
4eckd merged 4 commits into from
Mar 26, 2025
Merged

Rollback to working payment #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
7c0189c
.
jlucus Mar 23, 2025
715368c
.
jlucus Mar 23, 2025
e9230ea
.
4eckd Mar 23, 2025
c1b878c
added dynamic components
4eckd Mar 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 59 additions & 0 deletions components/blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<div class="mt-32">
<div class="max-w-7xl mx-auto">
<div class="text-center">
<h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">LATEST BLOGS</h2>
<p class="text-gray-400">Insight From the Pioneers of StakeReloadXS in all things tech, web 3, and more.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12 mt-16">
<div class="cursor-pointer rounded overflow-hidden group">
<div>
<span class="block text-gray-400 mb-2">5 JAN 2025</span>

<h3 class="text-xl group-hover:text-red-600 transition-all">In BTC We Trust: The Elon Musk Effect on a US Backed Stablecoin
<a href="https://www.linkedin.com/in/supitsj/recent-activity/articles/" class="text-gray-400 hover:text-red-600 transition-all"></a>
</h3>
<div class="mt-6">
<p class="text-gray-400 ">Here's how we can transform the illicit gains of cybercriminals into a foundation for America’s prosperity, leveraging assets now worth billions or even trillions in the span of less than a decade.</p>
</div>
</div>
<hr class="my-6" />
<div class="flex flex-wrap items-center gap-3">
<img src="/images/supitsj.png" class="w-9 h-9 rounded-full" />
<p class="text-xs text-gray-400">BY SupItsJ</p>
</div>
</div>
<div class="cursor-pointer rounded overflow-hidden group">
<div>
<span class="block text-gray-400 mb-2">29 NOV 2024</span>
<h3 class="text-xl group-hover:text-red-600 transition-all">The Art of Affiliate Whoring
<a href="https://www.linkedin.com/in/supitsj/recent-activity/articles/" class="text-gray-400 hover:text-red-600 transition-all"></a>
</h3>
<div class="mt-6">
<p class="text-gray-400 ">Whether you're starting out or at a crossroads where the path forward seems uncertain, I’ll break it down for you in simple terms. Let’s dive into the The Art of Affiliate Whoring 2025 Edition.</p>
</div>
</div>
<hr class="my-6" />
<div class="flex flex-wrap items-center gap-3">
<img src="/images/supitsj.png" class="w-9 h-9 rounded-full" />
<p class="text-xs text-gray-400">BY SupItsJ</p>
</div>
</div>
<div class="cursor-pointer rounded overflow-hidden group">
<div>
<span class="block text-gray-400 mb-2">4 JUL 2024</span>
<h3 class="text-xl group-hover:text-red-600 transition-all">How Telegram & TON Could Revolutionize Advertising Networks in Social Media
<a href="https://www.linkedin.com/in/supitsj/recent-activity/articles/" class="text-gray-400 hover:text-red-600 transition-all"></a>
</h3>
<div class="mt-6">
<p class="text-gray-400">Telegram and its associated cryptocurrency, TON (The Open Network), are emerging as powerful disruptors.</p>
</div>
</div>
<hr class="my-6" />
<div class="flex flex-wrap items-center gap-3">
<img src="/images/supitsj.png" class="w-9 h-9 rounded-full" />
<p class="text-xs text-gray-400">BY SupItsJ</p>
</div>
</div>
</div>
</div>
</div>
120 changes: 120 additions & 0 deletions components/boost.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
<div class="mt-32 max-w-7xl mx-auto">
<div class="text-center">
<h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Boost your Credits!</h2>
<p class="text-gray-400">Get Boosted for your purchase!</p>
</div>
<div class="grid lg:grid-cols-3 md:grid-cols-2 gap-8 mt-16 max-md:max-w-md max-md:mx-auto">
<div class="hover:outline outline-red-600 rounded relative overflow-hidden transition-all p-6">
<div class="text-left">
<h4 class="text-xl mb-4">New XSID</h4>
<h3 class="text-4xl">$5.00</h3>
<p class="mt-4 text-gray-400">New XSID setup.</p>
</div>
<div class="mt-8">
<ul class="space-y-4">
<li class="flex items-center text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" width="17"
class="mr-4 bg-gray-200 fill-[#333] rounded-full p-[3px]" viewBox="0 0 24 24">
<path
d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z"
data-original="#000000" />
</svg>
5000 XSID Credits applied to a brand new XSID.
</li>
</ul>
</div>
<button type="button" data-package-id="new-xsid"
class="payment-button w-full px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all mt-10">Get
started today</button>
</div>

<div class="hover:outline outline-red-600 rounded relative overflow-hidden transition-all p-6">
<div class="text-left">
<h4 class="text-xl mb-4">50,000 XS Credits</h4>
<h3 class="text-4xl">$50.00</h3>
<p class="mt-4 text-gray-400">%5 Additional Boost</p>
</div>
<div class="mt-8">
<ul class="space-y-4">
<li class="flex items-center text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" width="17"
class="mr-4 bg-gray-200 fill-[#333] rounded-full p-[3px]" viewBox="0 0 24 24">
<path
d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z"
data-original="#000000" />
</svg>
%5 Additional Boost
</li>
</ul>
</div>
<button type="button" data-package-id="xs-credits-50k"
class="payment-button w-full px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all mt-10">Boost Your Deposit</button>
</div>
<div class="hover:outline outline-red-600 rounded relative overflow-hidden transition-all p-6">
<div class="text-left">
<h4 class="text-xl mb-4">100,000 XS Credits</h4>
<h3 class="text-4xl">$100.00</h3>
<p class="mt-4 text-gray-400">%10 Additional Boost</p>
</div>
<div class="mt-8">
<ul class="space-y-4">
<li class="flex items-center text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" width="17"
class="mr-4 bg-gray-200 fill-[#333] rounded-full p-[3px]" viewBox="0 0 24 24">
<path
d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z"
data-original="#000000" />
</svg>
%10 Additional Boost
</li>
</ul>
</div>
<button type="button" data-package-id="xs-credits-100k"
class="payment-button w-full px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all mt-10">Boost Your Deposit</button>
</div>
<div class="hover:outline outline-red-600 rounded relative overflow-hidden transition-all p-6">
<div class="text-left">
<h4 class="text-xl mb-4">200,000 XS Credits</h4>
<h3 class="text-4xl">$200.00</h3>
<p class="mt-4 text-gray-400">%15 Additional Boost</p>
</div>
<div class="mt-8">
<ul class="space-y-4">
<li class="flex items-center text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" width="17"
class="mr-4 bg-gray-200 fill-[#333] rounded-full p-[3px]" viewBox="0 0 24 24">
<path
d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z"
data-original="#000000" />
</svg>
%15 Additional Boost
</li>
</ul>
</div>
<button type="button" data-package-id="xs-credits-200k"
class="payment-button w-full px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all mt-10">Boost Your Deposit</button>
</div>
<div class="hover:outline outline-red-600 rounded relative overflow-hidden transition-all p-6">
<div class="text-left">
<h4 class="text-xl mb-4">1,000,000 XS Credits</h4>
<h3 class="text-4xl">$1,000.00</h3>
<p class="mt-4 text-gray-400">%20 Additional Boost</p>
</div>
<div class="mt-8">
<ul class="space-y-4">
<li class="flex items-center text-gray-400">
<svg xmlns="http://www.w3.org/2000/svg" width="17"
class="mr-4 bg-gray-200 fill-[#333] rounded-full p-[3px]" viewBox="0 0 24 24">
<path
d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z"
data-original="#000000" />
</svg>
%20 Additional Boost
</li>
</ul>
</div>
<button type="button" data-package-id="xs-credits-1m"
class="payment-button w-full px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all mt-10">Boost Your Deposit</button>
</div>
</div>
</div>
21 changes: 0 additions & 21 deletions components/chat.html
View file
Open in desktop

This file was deleted.

19 changes: 19 additions & 0 deletions components/componentLoader.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
async function loadComponent(id, filePath) {
const element = document.getElementById(id);
if (element) {
const response = await fetch(filePath);
const html = await response.text();
element.innerHTML = html;
}
}

// Load Components
loadComponent("nav", "/components/nav.html");
loadComponent("chat", "/components/chat.html");
loadComponent("home", "/components/home.html");
loadComponent("features", "/components/features.html");
loadComponent("demo", "/components/demo.html");
loadComponent("boost", "/components/boost.html");
loadComponent("blog", "/components/blog.html");
loadComponent("nav", "/components/footer.html")
loadComponent("nav", "/components/metrics.html")
16 changes: 16 additions & 0 deletions components/demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<div class="mt-32 rounded-md px-4 py-12">
<div class="grid md:grid-cols-2 justify-center items-center max-w-7xl mx-auto">
<div>
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/cLhoih4c5Lc" title="" frameBorder="1" allow="accelerometer; autoplay; picture-in-picture; web-share" allowFullScreen></iframe></p>
</div>
<div class="max-md:text-center">
<h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Check out our Demo and see for yourself!</h2>
<p class="text-gray-400">
</p>
<button type="button"
class="px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all mt-10">
Watch Demo
</button>
</div>
</div>
</div>
Loading