diff --git a/components/blog.html b/components/blog.html
new file mode 100644
index 0000000..5f6a348
--- /dev/null
+++ b/components/blog.html
@@ -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>
\ No newline at end of file
diff --git a/components/boost.html b/components/boost.html
new file mode 100644
index 0000000..e171adf
--- /dev/null
+++ b/components/boost.html
@@ -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>
\ No newline at end of file
diff --git a/components/chat.html b/components/chat.html
deleted file mode 100644
index 1fda781..0000000
--- a/components/chat.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!-- Chat Button (Replaces Search Bar) -->
-<div class="hidden lg:flex items-center px-6 py-2.5 rounded border border-white bg-transparent">
-  <button id="open-chat" class="flex items-center space-x-2 cursor-pointer">
-    <span class="text-white text-sm">Chat with us</span>
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20px" class="fill-gray-400">
-      <path d="M12 3C6.486 3 2 7.03 2 12c0 1.857.634 3.642 1.793 5.177L2.07 21.299A1 1 0 0 0 3 22h9.515A9.974 9.974 0 0 0 22 12c0-4.97-4.486-9-10-9zm0 16H4.839l1.32-2.208A7.949 7.949 0 0 1 4 12c0-3.869 3.582-7 8-7s8 3.131 8 7-3.582 7-8 7z"></path>
-    </svg>
-  </button>
-</div>
-
-<!-- Live Chat Provider Script (Example: Tawk.to) -->
-<script async src="https://embed.tawk.to/YOUR_TAWK_ID/default"></script>
-
-<!-- Optional: Open Chat Programmatically -->
-<script>
-  document.getElementById("open-chat").addEventListener("click", function () {
-    if (window.Tawk_API) {
-      window.Tawk_API.maximize();
-    }
-  });
-</script>
diff --git a/components/componentLoader.js b/components/componentLoader.js
new file mode 100644
index 0000000..c397d7f
--- /dev/null
+++ b/components/componentLoader.js
@@ -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")
diff --git a/components/demo.html b/components/demo.html
new file mode 100644
index 0000000..c93978d
--- /dev/null
+++ b/components/demo.html
@@ -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>
\ No newline at end of file
diff --git a/components/features.html b/components/features.html
new file mode 100644
index 0000000..aa66aa7
--- /dev/null
+++ b/components/features.html
@@ -0,0 +1,118 @@
+<div class="px-4 sm:px-10">
+  <div class="mt-32 max-w-7xl mx-auto">
+    <div class="mb-16 max-w-2xl text-center mx-auto">
+      <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Our Features</h2>
+      <p class="text-gray-400">We make your life easy.</p>
+    </div>
+    <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12 mt-16">
+      <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
+          class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 32 32">
+          <path
+            d="M28.068 12h-.128a.934.934 0 0 1-.864-.6.924.924 0 0 1 .2-1.01l.091-.091a2.938 2.938 0 0 0 0-4.147l-1.511-1.51a2.935 2.935 0 0 0-4.146 0l-.091.091A.956.956 0 0 1 20 4.061v-.129A2.935 2.935 0 0 0 17.068 1h-2.136A2.935 2.935 0 0 0 12 3.932v.129a.956.956 0 0 1-1.614.668l-.086-.091a2.935 2.935 0 0 0-4.146 0l-1.516 1.51a2.938 2.938 0 0 0 0 4.147l.091.091a.935.935 0 0 1 .185 1.035.924.924 0 0 1-.854.579h-.128A2.935 2.935 0 0 0 1 14.932v2.136A2.935 2.935 0 0 0 3.932 20h.128a.934.934 0 0 1 .864.6.924.924 0 0 1-.2 1.01l-.091.091a2.938 2.938 0 0 0 0 4.147l1.51 1.509a2.934 2.934 0 0 0 4.147 0l.091-.091a.936.936 0 0 1 1.035-.185.922.922 0 0 1 .579.853v.129A2.935 2.935 0 0 0 14.932 31h2.136A2.935 2.935 0 0 0 20 28.068v-.129a.956.956 0 0 1 1.614-.668l.091.091a2.935 2.935 0 0 0 4.146 0l1.511-1.509a2.938 2.938 0 0 0 0-4.147l-.091-.091a.935.935 0 0 1-.185-1.035.924.924 0 0 1 .854-.58h.128A2.935 2.935 0 0 0 31 17.068v-2.136A2.935 2.935 0 0 0 28.068 12ZM29 17.068a.933.933 0 0 1-.932.932h-.128a2.956 2.956 0 0 0-2.083 5.028l.09.091a.934.934 0 0 1 0 1.319l-1.511 1.509a.932.932 0 0 1-1.318 0l-.09-.091A2.957 2.957 0 0 0 18 27.939v.129a.933.933 0 0 1-.932.932h-2.136a.933.933 0 0 1-.932-.932v-.129a2.951 2.951 0 0 0-5.028-2.082l-.091.091a.934.934 0 0 1-1.318 0l-1.51-1.509a.934.934 0 0 1 0-1.319l.091-.091A2.956 2.956 0 0 0 4.06 18h-.128A.933.933 0 0 1 3 17.068v-2.136A.933.933 0 0 1 3.932 14h.128a2.956 2.956 0 0 0 2.083-5.028l-.09-.091a.933.933 0 0 1 0-1.318l1.51-1.511a.932.932 0 0 1 1.318 0l.09.091A2.957 2.957 0 0 0 14 4.061v-.129A.933.933 0 0 1 14.932 3h2.136a.933.933 0 0 1 .932.932v.129a2.956 2.956 0 0 0 5.028 2.082l.091-.091a.932.932 0 0 1 1.318 0l1.51 1.511a.933.933 0 0 1 0 1.318l-.091.091A2.956 2.956 0 0 0 27.94 14h.128a.933.933 0 0 1 .932.932Z"
+            data-original="#000000" />
+          <path d="M16 9a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7Zm0 12a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5Z"
+            data-original="#000000" />
+        </svg>
+        <h3 class="text-xl mb-4">Private Servers</h3>
+        <p class="text-gray-400">Have bigger requirements? We work with many big clients who require specialist set up. Contact us for more info.</p>
+        <a href="https://t.me/supitsj" class="text-red-600 inline-block mt-4 hover:underline">Learn more</a>
+      </div>
+      <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
+          class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 682.667 682.667">
+          <defs>
+            <clipPath id="a" clipPathUnits="userSpaceOnUse">
+              <path d="M0 512h512V0H0Z" data-original="#000000" />
+            </clipPath>
+          </defs>
+          <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+            stroke-width="40" clip-path="url(#a)" transform="matrix(1.33 0 0 -1.33 0 682.667)">
+            <path
+              d="M256 492 60 410.623v-98.925C60 183.674 137.469 68.38 256 20c118.53 48.38 196 163.674 196 291.698v98.925z"
+              data-original="#000000" />
+            <path d="M178 271.894 233.894 216 334 316.105" data-original="#000000" />
+          </g>
+        </svg>
+        <h3 class="text-xl mb-4">Automatic CLaims</h3>
+        <p class="text-gray-400">We make your bonus lifecycle as simple
+          and painless as possible.</p>
+        <a href="https://t.me/supitsj" class="text-red-600 inline-block mt-4 hover:underline">Learn more</a>
+      </div>
+      <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
+          class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 512.001 512.001">
+          <path
+            d="M271.029 0c-33.091 0-61 27.909-61 61s27.909 61 61 61 60-27.909 60-61-26.909-61-60-61zm66.592 122c-16.485 18.279-40.096 30-66.592 30-26.496 0-51.107-11.721-67.592-30-14.392 15.959-23.408 36.866-23.408 60v15c0 8.291 6.709 15 15 15h151c8.291 0 15-6.709 15-15v-15c0-23.134-9.016-44.041-23.408-60zM144.946 460.404 68.505 307.149c-7.381-14.799-25.345-20.834-40.162-13.493l-19.979 9.897c-7.439 3.689-10.466 12.73-6.753 20.156l90 180c3.701 7.423 12.704 10.377 20.083 6.738l19.722-9.771c14.875-7.368 20.938-25.417 13.53-40.272zM499.73 247.7c-12.301-9-29.401-7.2-39.6 3.9l-82 100.8c-5.7 6-16.5 9.6-22.2 9.6h-69.901c-8.401 0-15-6.599-15-15s6.599-15 15-15h60c16.5 0 30-13.5 30-30s-13.5-30-30-30h-78.6c-7.476 0-11.204-4.741-17.1-9.901-23.209-20.885-57.949-30.947-93.119-22.795-19.528 4.526-32.697 12.415-46.053 22.993l-.445-.361-21.696 19.094L174.28 452h171.749c28.2 0 55.201-13.5 72.001-36l87.999-126c9.9-13.201 7.2-32.399-6.299-42.3z"
+            data-original="#000000" />
+        </svg>
+        <h3 class="text-xl mb-4">24/7 Customer Support</h3>
+        <p class="text-gray-400">Get prompt and reliable assistance with our 24/7 customer support for all your
+          inquiries and concerns.</p>
+        <a href="https://t.me/supitsj" class="text-red-600 inline-block mt-4 hover:underline">Learn more</a>
+      </div>
+    </div>
+  </div>
+
+  <div class="px-4 sm:px-10">
+    <div class="mt-32 max-w-7xl mx-auto">
+      <div class="mb-16 max-w-2xl text-center mx-auto">
+        <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Additional Services</h2>
+        <p class="text-gray-400">See what else TeamXS is cooking up!</p>
+      </div>
+      <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12 mt-16">
+        <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
+            class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 32 32">
+            <path
+              d="M28.068 12h-.128a.934.934 0 0 1-.864-.6.924.924 0 0 1 .2-1.01l.091-.091a2.938 2.938 0 0 0 0-4.147l-1.511-1.51a2.935 2.935 0 0 0-4.146 0l-.091.091A.956.956 0 0 1 20 4.061v-.129A2.935 2.935 0 0 0 17.068 1h-2.136A2.935 2.935 0 0 0 12 3.932v.129a.956.956 0 0 1-1.614.668l-.086-.091a2.935 2.935 0 0 0-4.146 0l-1.516 1.51a2.938 2.938 0 0 0 0 4.147l.091.091a.935.935 0 0 1 .185 1.035.924.924 0 0 1-.854.579h-.128A2.935 2.935 0 0 0 1 14.932v2.136A2.935 2.935 0 0 0 3.932 20h.128a.934.934 0 0 1 .864.6.924.924 0 0 1-.2 1.01l-.091.091a2.938 2.938 0 0 0 0 4.147l1.51 1.509a2.934 2.934 0 0 0 4.147 0l.091-.091a.936.936 0 0 1 1.035-.185.922.922 0 0 1 .579.853v.129A2.935 2.935 0 0 0 14.932 31h2.136A2.935 2.935 0 0 0 20 28.068v-.129a.956.956 0 0 1 1.614-.668l.091.091a2.935 2.935 0 0 0 4.146 0l1.511-1.509a2.938 2.938 0 0 0 0-4.147l-.091-.091a.935.935 0 0 1-.185-1.035.924.924 0 0 1 .854-.58h.128A2.935 2.935 0 0 0 31 17.068v-2.136A2.935 2.935 0 0 0 28.068 12ZM29 17.068a.933.933 0 0 1-.932.932h-.128a2.956 2.956 0 0 0-2.083 5.028l.09.091a.934.934 0 0 1 0 1.319l-1.511 1.509a.932.932 0 0 1-1.318 0l-.09-.091A2.957 2.957 0 0 0 18 27.939v.129a.933.933 0 0 1-.932.932h-2.136a.933.933 0 0 1-.932-.932v-.129a2.951 2.951 0 0 0-5.028-2.082l-.091.091a.934.934 0 0 1-1.318 0l-1.51-1.509a.934.934 0 0 1 0-1.319l.091-.091A2.956 2.956 0 0 0 4.06 18h-.128A.933.933 0 0 1 3 17.068v-2.136A.933.933 0 0 1 3.932 14h.128a2.956 2.956 0 0 0 2.083-5.028l-.09-.091a.933.933 0 0 1 0-1.318l1.51-1.511a.932.932 0 0 1 1.318 0l.09.091A2.957 2.957 0 0 0 14 4.061v-.129A.933.933 0 0 1 14.932 3h2.136a.933.933 0 0 1 .932.932v.129a2.956 2.956 0 0 0 5.028 2.082l.091-.091a.932.932 0 0 1 1.318 0l1.51 1.511a.933.933 0 0 1 0 1.318l-.091.091A2.956 2.956 0 0 0 27.94 14h.128a.933.933 0 0 1 .932.932Z"
+              data-original="#000000" />
+            <path d="M16 9a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7Zm0 12a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5Z"
+              data-original="#000000" />
+          </svg>
+          <h3 class="text-xl mb-4">KYC Account Fixes</h3>
+          <p class="text-gray-400">Level 2 = $75</p>
+          <p class="text-gray-400">Level 3 = $500</p>
+          <p class="text-gray-400">Level 4 = $1,000</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">
+            <a href="https://t.me/supitsj">KYC Help</a>
+          </button>
+        </div>
+        <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
+            class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 682.667 682.667">
+            <defs>
+              <clipPath id="a" clipPathUnits="userSpaceOnUse">
+                <path d="M0 512h512V0H0Z" data-original="#000000" />
+              </clipPath>
+            </defs>
+            <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
+              stroke-width="40" clip-path="url(#a)" transform="matrix(1.33 0 0 -1.33 0 682.667)">
+              <path
+                d="M256 492 60 410.623v-98.925C60 183.674 137.469 68.38 256 20c118.53 48.38 196 163.674 196 291.698v98.925z"
+                data-original="#000000" />
+              <path d="M178 271.894 233.894 216 334 316.105" data-original="#000000" />
+            </g>
+          </svg>
+          <h3 class="text-xl mb-4">Guaranteed $10,000 Wager</h3>
+          <p class="text-gray-400">That's right - Guaranteed $10k wagered. We have over $60,000,000 wagered on Stake alone, and we're in profit</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">
+            <a href="https://t.me/supitsj">Guaranteed</a>
+          </button>
+        </div>
+        <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
+            class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 512.001 512.001">
+            <path
+              d="M271.029 0c-33.091 0-61 27.909-61 61s27.909 61 61 61 60-27.909 60-61-26.909-61-60-61zm66.592 122c-16.485 18.279-40.096 30-66.592 30-26.496 0-51.107-11.721-67.592-30-14.392 15.959-23.408 36.866-23.408 60v15c0 8.291 6.709 15 15 15h151c8.291 0 15-6.709 15-15v-15c0-23.134-9.016-44.041-23.408-60zM144.946 460.404 68.505 307.149c-7.381-14.799-25.345-20.834-40.162-13.493l-19.979 9.897c-7.439 3.689-10.466 12.73-6.753 20.156l90 180c3.701 7.423 12.704 10.377 20.083 6.738l19.722-9.771c14.875-7.368 20.938-25.417 13.53-40.272zM499.73 247.7c-12.301-9-29.401-7.2-39.6 3.9l-82 100.8c-5.7 6-16.5 9.6-22.2 9.6h-69.901c-8.401 0-15-6.599-15-15s6.599-15 15-15h60c16.5 0 30-13.5 30-30s-13.5-30-30-30h-78.6c-7.476 0-11.204-4.741-17.1-9.901-23.209-20.885-57.949-30.947-93.119-22.795-19.528 4.526-32.697 12.415-46.053 22.993l-.445-.361-21.696 19.094L174.28 452h171.749c28.2 0 55.201-13.5 72.001-36l87.999-126c9.9-13.201 7.2-32.399-6.299-42.3z"
+              data-original="#000000" />
+          </svg>
+          <h3 class="text-xl mb-4">Affiliates</h3>
+          <p class="text-gray-400">Partner with StakeReloadXS and earn from referrals up to %20 of their 
+            deposits.</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">
+              <a href="https://t.me/supitsj">Contact Us</a>
+          </button>
+        </div>
+      </div>
+    </div>
\ No newline at end of file
diff --git a/components/footer.html b/components/footer.html
deleted file mode 100644
index baeeeec..0000000
--- a/components/footer.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<footer class="bg-[#111] px-4 sm:px-10 py-12 mt-32">
-  <div class="Socials">
-    <ul class="space-y-6">
-      <li><a href="mailto:info@stakereloadxs.com" target="_blank">Email</a></li>
-      <li><a href="https://github.com/stakereload/" target="_blank">GitHub</a></li>
-      <li><a href="https://twitter.com/ReloadedXS" target="_blank">Twitter</a></li>
-      <li><a href="https://discord.gg/KsFPXT5QDW" target="_blank">Discord</a></li>
-      <li><a href="https://t.me/stakereloadxs" target="_blank">Telegram</a></li>
-    </ul>
-  </div>
-  <div class="lg:max-w-[50%] mx-auto text-center">
-      <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Newsletter</h2>
-      <p class="text-gray-400">Subscribe to our newsletter and stay up to date with the latest news,
-        updates, and exclusive offers. Get valuable insights. Join our community today!</p>
-      <div class="bg-[#444] flex px-2 py-1 rounded-md text-left mt-10">
-        <input type='email' placeholder='Enter your email' class="w-full outline-none bg-transparent pl-2" />
-        <button type='button'
-          class="px-6 py-3 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all ml-auto">Submit</button>
-      </div>
-    </div>
-    <div>
-     <!--spacer--> 
-    </div>
-    <div>
-    <div>
-      <h4 class="text-lg text-center mb-6">2025 © All Rights Reserved | StakeReloadXS</h4> 
-  </div>
-</div>
-    <hr class="border-gray-400 my-12" />
-
-    <div class="grid max-sm:grid-cols-1 max-lg:grid-cols-2 lg:grid-cols-4 gap-8">
-      
-      <div>
-        <h4 class="text-lg mb-6">About Us</h4>
-        <p class="text-gray-400 mb-2">We a small team of talented web 3 devs breaking barriers in the space and disrupting normal conventions.</p>
-      </div>
-      <div>
-        <h4 class="text-lg mb-6">Like What We Do? Hire Us for You Next Project</h4>
-        <ul class="space-y-4">
-          <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Web
-              Development</a></li>
-          <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Mobile App
-              Development</a></li>
-          <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">UI/UX
-              Design</a></li>
-          <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Digital
-              Marketing</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4 class="text-lg mb-6">Resources</h4>
-        <ul class="space-y-4">
-          <li><a href="https://linkedin.com/in/supitsj/articles" class="text-gray-400 hover:text-red-600 transition-all">Blog</a>
-          </li>
-          <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-          </li>
-          <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-          </li>
-          <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a></li>
-        </ul>
-      </div>
-      <div>
-        <h4 class="text-lg mb-6">About Us</h4>
-        <ul class="space-y-4">
-          <li><a href="/src/pages/team.html" class="text-gray-400 hover:text-red-600 transition-all">Meet the Team</a></li>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </footer>
\ No newline at end of file
diff --git a/components/home.html b/components/home.html
new file mode 100644
index 0000000..a6c2f85
--- /dev/null
+++ b/components/home.html
@@ -0,0 +1,37 @@
+<div class="relative w-full h-screen flex items-center justify-center before:absolute before:inset-0 before:w-full before:h-full before:bg-black before:opacity-60" style="background-image: url('/images/page-logo.svg'); background-size: cover; background-position: center; background-repeat: no-repeat;">
+  <div class="flex flex-col items-center justify-center space-y-4">
+    <h1 class="text-5xl font-bold text-white">StakeReloadXS</h1>
+    <p class="text-lg text-gray-300">Xtremely Simple Reloads</p>
+    <a href="https://github.com/jlucus/StakeReloadXS" target="_blank" rel="noopener noreferrer">
+      <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Get Started</button>
+    </a>
+  </div>
+  <div class="max-w-5xl mx-auto text-center relative px-4 sm:px-10 mt-16">
+    <h1 class="lg:text-7xl md:text-6xl text-4xl font-semibold mb-6 md:!leading-[80px]">Xtremely Simple Reloads
+    </h1>
+    <p class="text-base text-gray-400">Claim your stake.com and stake.us reloads and social drops in less than 2 seconds, using our innovative and first of its kind automation.</p>
+    <div class="grid sm:grid-cols-3 gap-6 items-center mt-16">
+      <div class="flex flex-col items-center text-center">
+        <h5 class="font-bold text-2xl text-red-600 mb-2">700+</h5>
+        <p>Monthly Users</p>
+      </div>
+      <div class="flex flex-col items-center text-center">
+        <h5 class="font-bold text-2xl text-red-600 mb-2">25+</h5>
+        <p>Years combined Software Development Experience.</p>
+      </div>
+      <div class="flex flex-col items-center text-center">
+        <h5 class="font-bold text-2xl text-red-600 mb-2">0</h5>
+        <p>Complaints</p>
+      </div>
+    </div>
+    <div class="mt-14 flex gap-x-8 gap-y-4 justify-center max-sm:flex-col">
+      <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">
+        <a href="https://github.com/stakereload/xs">Try It Free!</a>
+      </button>
+      <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">
+        <a href="src/pages/shop.html">Top Up</a>
+      </button>
+    </div>
+  </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/components/metrics.html b/components/metrics.html
new file mode 100644
index 0000000..bbeb03e
--- /dev/null
+++ b/components/metrics.html
@@ -0,0 +1,49 @@
+<div class="mt-32">
+  <div class="mb-16 max-w-2xl text-center mx-auto">
+    <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Application Metrics</h2>
+    <p class="text-gray-400">An overview of how we are serving players.</p>
+  </div>
+  <div class="grid lg:grid-cols-4 sm:grid-cols-2 gap-12 lg:divide-x lg:divide-gray-300">
+    <div class="text-center">
+      <svg xmlns="http://www.w3.org/2000/svg" class="fill-red-600 w-10 inline-block" viewBox="0 0 512 512">
+        <path
+          d="M437 268.152h-50.118c-6.821 0-13.425.932-19.71 2.646-12.398-24.372-37.71-41.118-66.877-41.118h-88.59c-29.167 0-54.479 16.746-66.877 41.118a74.798 74.798 0 0 0-19.71-2.646H75c-41.355 0-75 33.645-75 75v80.118c0 24.813 20.187 45 45 45h422c24.813 0 45-20.187 45-45v-80.118c0-41.355-33.645-75-75-75zm-300.295 36.53v133.589H45c-8.271 0-15-6.729-15-15v-80.118c0-24.813 20.187-45 45-45h50.118c4.072 0 8.015.553 11.769 1.572a75.372 75.372 0 0 0-.182 4.957zm208.59 133.589h-178.59v-133.59c0-24.813 20.187-45 45-45h88.59c24.813 0 45 20.187 45 45v133.59zm136.705-15c0 8.271-6.729 15-15 15h-91.705v-133.59a75.32 75.32 0 0 0-.182-4.957 44.899 44.899 0 0 1 11.769-1.572H437c24.813 0 45 20.187 45 45v80.119z"
+          data-original="#000000" />
+        <path
+          d="M100.06 126.504c-36.749 0-66.646 29.897-66.646 66.646-.001 36.749 29.897 66.646 66.646 66.646 36.748 0 66.646-29.897 66.646-66.646s-29.897-66.646-66.646-66.646zm-.001 103.292c-20.207 0-36.646-16.439-36.646-36.646s16.439-36.646 36.646-36.646 36.646 16.439 36.646 36.646-16.439 36.646-36.646 36.646zM256 43.729c-49.096 0-89.038 39.942-89.038 89.038s39.942 89.038 89.038 89.038 89.038-39.942 89.038-89.038c0-49.095-39.942-89.038-89.038-89.038zm0 148.076c-32.554 0-59.038-26.484-59.038-59.038 0-32.553 26.484-59.038 59.038-59.038s59.038 26.484 59.038 59.038c0 32.554-26.484 59.038-59.038 59.038zm155.94-65.301c-36.748 0-66.646 29.897-66.646 66.646.001 36.749 29.898 66.646 66.646 66.646 36.749 0 66.646-29.897 66.646-66.646s-29.897-66.646-66.646-66.646zm0 103.292c-20.206 0-36.646-16.439-36.646-36.646.001-20.207 16.44-36.646 36.646-36.646 20.207 0 36.646 16.439 36.646 36.646s-16.439 36.646-36.646 36.646z"
+          data-original="#000000" />
+      </svg>
+      <h3 class="text-4xl text-red-600 mt-6">400+</h3>
+      <p class="mt-4">Weekly Clients Served</p>
+    </div>
+    <div class="text-center">
+      <svg xmlns="http://www.w3.org/2000/svg" class="fill-red-600 w-10 inline-block" viewBox="0 0 512 512">
+        <path fill-rule="evenodd"
+          d="M64.217 333.491h41.421c5.508 0 10 4.492 10 10v97.833c0 5.508-4.492 10-10 10H64.217c-5.508 0-10-4.492-10-10v-97.833c0-5.508 4.492-10 10-10zm155.471-61.737h-41.422c-5.508 0-10 4.492-10 10v159.571c0 5.508 4.492 10 10 10h41.422c5.508 0 10-4.492 10-10V281.754c0-5.508-4.493-10-10-10zm114.049-64.466h-41.421c-5.508 0-10 4.492-10 10v224.036c0 5.508 4.492 10 10 10h41.421c5.508 0 10-4.492 10-10V217.288c-.001-5.507-4.493-10-10-10zm72.625-57.992h41.421c5.508 0 10 4.492 10 10v282.028c0 5.508-4.492 10-10 10h-41.421c-5.508 0-10-4.492-10-10V159.296c0-5.508 4.492-10 10-10zm2.707-106.018a7.98 7.98 0 0 1-.812-15.938l49.121-2.666a7.98 7.98 0 0 1 8.307 9.094l.006.001-7.088 48.68a7.986 7.986 0 0 1-15.812-2.25l3.878-26.632C385.642 108.019 321.72 152.702 257.158 189.5c-69.131 39.402-138.98 69.744-206.779 93.355a7.976 7.976 0 0 1-5.25-15.062c66.943-23.313 135.906-53.269 204.154-92.167 63.527-36.208 126.449-80.188 186.56-133.799zM45.262 481.873h421.477c5.508 0 10 4.492 10 10v3.193c0 5.508-4.492 10-10 10H45.262c-5.508 0-10-4.492-10-10v-3.193c0-5.508 4.492-10 10-10zM139.587 6.935c-48.325 0-87.5 39.175-87.5 87.5s39.175 87.5 87.5 87.5 87.5-39.175 87.5-87.5c-.001-48.325-39.176-87.5-87.5-87.5zm-8 32.13v5.279c-5.474 1.183-10.606 3.537-14.768 6.92-6.626 5.387-10.827 13.21-10.353 22.965.476 9.817 5.372 16.4 12.186 20.849 5.887 3.844 13.093 5.827 19.733 6.917 5.206.855 10.757 2.201 14.95 4.733 3.261 1.969 5.71 4.838 6.23 9.127.072.595.111 1.013.117 1.26.08 3.359-1.536 5.926-3.962 7.767-3.135 2.379-7.564 3.785-12.005 4.324a33.57 33.57 0 0 1-3.172.254c-5.25.126-10.424-1.156-14.458-3.842-3.274-2.18-5.775-5.367-6.818-9.552a7.982 7.982 0 0 0-15.5 3.812c2.094 8.399 7.044 14.749 13.505 19.052 4.252 2.831 9.164 4.736 14.315 5.711v5.165a8 8 0 1 0 16-.001v-5.01c6.309-1.038 12.699-3.388 17.758-7.226 6.302-4.782 10.494-11.632 10.275-20.829a29.17 29.17 0 0 0-.179-2.76c-1.22-10.052-6.653-16.591-13.856-20.94-6.27-3.786-13.768-5.668-20.637-6.796-4.832-.793-9.912-2.13-13.607-4.543-2.767-1.806-4.752-4.416-4.937-8.224-.202-4.157 1.615-7.512 4.478-9.84 2.281-1.854 5.196-3.144 8.362-3.781a22.978 22.978 0 0 1 10.115.244c5.278 1.338 10.083 4.817 12.614 10.845a7.997 7.997 0 0 0 10.469 4.281 7.997 7.997 0 0 0 4.281-10.469c-4.701-11.196-13.65-17.664-23.489-20.158a37.3 37.3 0 0 0-1.646-.377v-5.161a8 8 0 1 0-16.001.004z"
+          clip-rule="evenodd" data-original="#000000" />
+      </svg>
+      <h3 class="text-4xl text-red-600 mt-6">$250,000</h3>
+      <p class="mt-4">Weekly Claims</p>
+    </div>
+    <div class="text-center">
+      <svg xmlns="http://www.w3.org/2000/svg" class="fill-red-600 w-10 inline-block" viewBox="0 0 28 28">
+        <path
+          d="M18.56 16.94h-3.12l.65-2.16a2.58 2.58 0 0 0-1.66-3.21 1.41 1.41 0 0 0-1.81 1l-.1.42a8.61 8.61 0 0 1-2.26 4l-.57.56a1.56 1.56 0 0 0-1.21-.59h-.73a1.56 1.56 0 0 0-1.56 1.54v6.44a1.56 1.56 0 0 0 1.56 1.56h.73a1.55 1.55 0 0 0 1.33-.76l.14.07a6.55 6.55 0 0 0 2.91.69h3.59a3.58 3.58 0 0 0 3-1.6 6.34 6.34 0 0 0 1.07-3.53v-2.49a1.94 1.94 0 0 0-1.96-1.94zm-9.56 8a.56.56 0 0 1-.56.56h-.69a.56.56 0 0 1-.56-.56V18.5a.56.56 0 0 1 .56-.56h.73a.56.56 0 0 1 .52.56zm10.5-3.57a5.38 5.38 0 0 1-.9 3 2.59 2.59 0 0 1-2.15 1.15h-3.59a5.53 5.53 0 0 1-2.46-.58l-.4-.2V18.6l.92-.92a9.63 9.63 0 0 0 2.53-4.46l.1-.41a.43.43 0 0 1 .2-.26.4.4 0 0 1 .32 0 1.58 1.58 0 0 1 1 2l-.84 2.81a.5.5 0 0 0 .08.44.48.48 0 0 0 .4.2h3.79a.94.94 0 0 1 .94.94zM11 7.3l-.32 1.85a1.09 1.09 0 0 0 .44 1.09 1.11 1.11 0 0 0 .65.22 1.18 1.18 0 0 0 .52-.13L14 9.45l1.67.88a1.1 1.1 0 0 0 1.17-.09 1.09 1.09 0 0 0 .44-1.08L17 7.3 18.31 6a1.1 1.1 0 0 0 .29-1.14 1.12 1.12 0 0 0-.9-.76l-1.87-.27L15 2.12a1.12 1.12 0 0 0-2 0l-.83 1.69-1.87.27a1.12 1.12 0 0 0-.9.76A1.1 1.1 0 0 0 9.69 6zm-.6-2.23 2.13-.31a.49.49 0 0 0 .47-.27l1-1.93a.11.11 0 0 1 .2 0l1 1.93a.49.49 0 0 0 .38.27l2.13.31a.12.12 0 0 1 .09.08.11.11 0 0 1 0 .11l-1.54 1.5a.53.53 0 0 0-.15.45l.37 2.11a.09.09 0 0 1-.05.11.1.1 0 0 1-.12 0l-1.9-1a.47.47 0 0 0-.46 0l-1.91 1a.09.09 0 0 1-.11 0 .09.09 0 0 1-.05-.11l.37-2.11a.53.53 0 0 0-.15-.45l-1.54-1.5a.11.11 0 0 1 0-.11.12.12 0 0 1-.12-.08zm-3.06 8.18a1 1 0 0 0 1-1.19l-.27-1.52 1.12-1.09a1 1 0 0 0-.56-1.73L7.1 7.5l-.69-1.39a1.05 1.05 0 0 0-1.82 0L3.9 7.5l-1.53.22a1 1 0 0 0-.56 1.73l1.11 1.09-.27 1.52a1 1 0 0 0 .41 1 1 1 0 0 0 1.07.07l1.37-.72 1.37.72a1 1 0 0 0 .47.12zm-1.84-1.9a.46.46 0 0 0-.23.06l-1.63.82.36-1.78a.53.53 0 0 0-.2-.45L2.51 8.71l1.8-.26a.47.47 0 0 0 .37-.27l.83-1.63.81 1.63a.47.47 0 0 0 .37.27l1.8.29L7.2 10a.53.53 0 0 0-.15.45l.29 1.8-1.61-.84a.46.46 0 0 0-.23-.06zm20.95-2.94a1 1 0 0 0-.82-.69L24.1 7.5l-.69-1.39a1.05 1.05 0 0 0-1.82 0L20.9 7.5l-1.53.22a1 1 0 0 0-.56 1.73l1.11 1.09-.27 1.52a1 1 0 0 0 .41 1 1 1 0 0 0 1.07.07l1.37-.72 1.37.72a1 1 0 0 0 .47.12 1 1 0 0 0 1-1.19l-.27-1.52 1.11-1.09a1 1 0 0 0 .27-1.04zM24.2 10a.53.53 0 0 0-.15.45l.29 1.8-1.61-.84a.47.47 0 0 0-.46 0l-1.63.82.36-1.78a.53.53 0 0 0-.2-.45l-1.29-1.29 1.8-.26a.47.47 0 0 0 .37-.27l.83-1.63.81 1.63a.47.47 0 0 0 .37.27l1.8.29z"
+          data-name="Layer 2" data-original="#000000" />
+      </svg>
+      <h3 class="text-4xl text-red-600 mt-6">%100</h3>
+      <p class="mt-4">Customer Satisfaction</p>
+    </div>
+    <div class="text-center">
+      <svg xmlns="http://www.w3.org/2000/svg" class="fill-red-600 w-10 inline-block" viewBox="0 0 512 512">
+        <path
+          d="M477.797 290.203c0 59.244-23.071 114.942-64.963 156.834S315.244 512 256 512s-114.942-23.071-156.834-64.963-64.963-97.59-64.963-156.834c0-39.621 10.579-78.512 30.595-112.468 19.419-32.944 47.178-60.48 80.276-79.63 7.646-4.427 17.437-1.814 21.861 5.836 4.426 7.648 1.813 17.437-5.836 21.861-53.882 31.175-88.951 87.036-94.189 148.4H84.6c8.837 0 16 7.163 16 16s-7.163 16-16 16H66.884C74.594 398.12 148.083 471.609 240 479.319v-17.717c0-8.837 7.163-16 16-16s16 7.163 16 16v17.717c91.917-7.71 165.406-81.199 173.116-173.116h-17.717c-8.837 0-16-7.163-16-16s7.163-16 16-16h17.69c-5.238-61.364-40.307-117.227-94.19-148.4-7.648-4.425-10.262-14.212-5.836-21.861 4.425-7.648 14.214-10.261 21.861-5.836 33.098 19.148 60.857 46.685 80.277 79.63 20.016 33.955 30.596 72.846 30.596 112.467zm-253.173-220.2 15.259-15.259-.258 71.899c-.031 8.837 7.106 16.025 15.942 16.058h.059c8.81 0 15.967-7.126 15.999-15.942l.259-72.248 15.492 15.492c3.124 3.124 7.219 4.687 11.313 4.687s8.189-1.563 11.313-4.687c6.248-6.248 6.248-16.379 0-22.627L267.313 4.687c-6.248-6.248-16.379-6.248-22.627 0l-42.689 42.689c-6.248 6.248-6.248 16.379 0 22.627s16.379 6.248 22.627 0zM272 174.358v64.628c16.74 5.24 29.977 18.478 35.218 35.217h50.493c8.837 0 16 7.163 16 16s-7.163 16-16 16h-50.493c-6.823 21.795-27.202 37.655-51.218 37.655-29.585 0-53.654-24.069-53.654-53.655 0-24.015 15.86-44.394 37.654-51.217v-64.628c0-8.837 7.163-16 16-16s16 7.163 16 16zm5.655 115.845c0-11.94-9.715-21.654-21.655-21.654s-21.654 9.714-21.654 21.654 9.714 21.655 21.654 21.655 21.655-9.714 21.655-21.655z"
+          data-original="#000000" />
+      </svg>
+      <h3 class="text-4xl text-red-600 mt-6">3 Years</h3>
+      <p class="mt-4">Serving Players</p>
+    </div>
+  </div>
+</div>
+
+</div>
\ No newline at end of file
diff --git a/components/nav.html b/components/nav.html
deleted file mode 100644
index 7e31d8d..0000000
--- a/components/nav.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<nav class="Navigation">
-  <div class="fixed top-0 left-0 w-full py-4 px-4 sm:px-10 z-50 min-h-[20px] bg-black bg-opacity-5 text-white">
-    <div class="flex items-center justify-between">
-      <!-- Logo Section -->
-      <a href="/index.html">
-        <img src="images/og-image.png" alt="Logo" class="w-40" />
-      </a>
-        <!-- Mobile Menu Toggle Button -->
-    <button id="toggleOpen" class="lg:hidden">
-      <svg class="w-7 h-7" fill="#fff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
-      </svg>
-    </button>
-    <!-- Navigation Links -->
-    <ul class="hidden lg:flex gap-x-10">
-      <li><a href="/index.html" class="hover:text-red-600">Home</a></li>
-      <li><a href="/pages/team.html" class="hover:text-red-600">Team</a></li>
-      <li><a href="/pages/shop.html" class="hover:text-red-600">Shop</a></li>
-      <li><a href="/pages/offers.html" class="hover:text-red-600">Signup Offers</a></li>
-      <li><a href="/pages/help.html" class="hover:text-red-600">Help Center</a></li>
-    </ul>
-    <!-- Search Bar -->
-    <div include="/components/chat.html">
-    <div class="hidden lg:flex items-center bg-transparent px-6 py-2.5 rounded border border-white">
-      <input type="text" placeholder="Search something..." class="bg-transparent w-full outline-none" />
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192.904 192.904" width="16px" class="cursor-pointer fill-gray-400">
-        <path d="m190.707 180.101-47.078-47.077c11.702-14.072 18.752-32.142 18.752-51.831C162.381 36.423 125.959 0 81.191 0 36.422 0 0 36.423 0 81.193c0 44.767 36.422 81.187 81.191 81.187 19.688 0 37.759-7.049 51.831-18.751l47.079 47.078a7.474 7.474 0 0 0 5.303 2.197 7.498 7.498 0 0 0 5.303-12.803zM15 81.193C15 44.694 44.693 15 81.191 15c36.497 0 66.189 29.694 66.189 66.193 0 36.496-29.692 66.187-66.189 66.187C44.693 147.38 15 117.689 15 81.193z"></path>
-      </svg>
-    </div>
-  </nav>
diff --git a/index.html b/index.html
index f31e73d..c35997a 100644
--- a/index.html
+++ b/index.html
@@ -3,526 +3,46 @@
 
 <head>
   <title>StakeReloadXS - Xtremely Simple Reloads</title> 
+  <!--Meta Tags-->
   <meta name="ccpayment-site-verification" content="0139266877771d61f301725cd29cdb86"/> 
   <meta author="https://github.com/jlucus">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <!--Scripts-->
   <script src="https://cdn.tailwindcss.com"></script>
   <script defer="defer" type="text/javascript" src="http://78.128.127.152:8069/im_livechat/assets_embed.js"></script>
-
+  <!--Imports-->
+  <script defer src="/scripts/componentLoader.js"></script>
   <!-- google font -->
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link
     href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
     rel="stylesheet">
-
   <style>
     body {
       font-family: Poppins, sans-serif;
     }
   </style>
 </head>
+<!--Body-->
 <body class="bg-black text-gray-100 text-[15px]">
-  <nav class="fixed top-0 left-0 w-full py-4 px-4 sm:px-10 z-50 min-h-[20px] bg-black bg-opacity-5 text-white">
-    <div class="flex items-center justify-between">
-      <!-- Logo Section -->
-      <a href="/index.html">
-        <img src="images/og-image.png" alt="Logo" class="w-40" />
-      </a>
-        <!-- Mobile Menu Toggle Button -->
-    <button id="toggleOpen" class="lg:hidden">
-      <svg class="w-7 h-7" fill="#fff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
-      </svg>
-    </button>
-    <!-- Navigation Links -->
-    <ul class="hidden lg:flex gap-x-10">
-      <li><a href="/index.html" class="hover:text-red-600">Home</a></li>
-      <li><a href="/pages/team.html" class="hover:text-red-600">Team</a></li>
-      <li><a href="/pages/shop.html" class="hover:text-red-600">Shop</a></li>
-      <li><a href="/pages/offers.html" class="hover:text-red-600">Signup Offers</a></li>
-      <li><a href="/pages/help.html" class="hover:text-red-600">Help Center</a></li>
-    </ul>
-    <!-- Search Bar -->
-    <div include="/components/chat.html">
-    <div class="hidden lg:flex items-center bg-transparent px-6 py-2.5 rounded border border-white">
-      <input type="text" placeholder="Search something..." class="bg-transparent w-full outline-none" />
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192.904 192.904" width="16px" class="cursor-pointer fill-gray-400">
-        <path d="m190.707 180.101-47.078-47.077c11.702-14.072 18.752-32.142 18.752-51.831C162.381 36.423 125.959 0 81.191 0 36.422 0 0 36.423 0 81.193c0 44.767 36.422 81.187 81.191 81.187 19.688 0 37.759-7.049 51.831-18.751l47.079 47.078a7.474 7.474 0 0 0 5.303 2.197 7.498 7.498 0 0 0 5.303-12.803zM15 81.193C15 44.694 44.693 15 81.191 15c36.497 0 66.189 29.694 66.189 66.193 0 36.496-29.692 66.187-66.189 66.187C44.693 147.38 15 117.689 15 81.193z"></path>
-      </svg>
-    </div>
-  </nav>
-  <div class="relative w-full h-screen flex items-center justify-center before:absolute before:inset-0 before:w-full before:h-full before:bg-black before:opacity-60" style="background-image: url('/images/page-logo.svg'); background-size: cover; background-position: center; background-repeat: no-repeat;">
-
-
-      <div class="max-w-5xl mx-auto text-center relative px-4 sm:px-10 mt-16">
-        <h1 class="lg:text-7xl md:text-6xl text-4xl font-semibold mb-6 md:!leading-[80px]">Xtremely Simple Reloads
-        </h1>
-        <p class="text-base text-gray-400">Claim your stake.com and stake.us reloads and social drops in less than 2 seconds, using our innovative and first of its kind automation.</p>
-        <div class="grid sm:grid-cols-3 gap-6 items-center mt-16">
-          <div class="flex flex-col items-center text-center">
-            <h5 class="font-bold text-2xl text-red-600 mb-2">700+</h5>
-            <p>Monthly Users</p>
-          </div>
-          <div class="flex flex-col items-center text-center">
-            <h5 class="font-bold text-2xl text-red-600 mb-2">25+</h5>
-            <p>Years combined Software Development Experience.</p>
-          </div>
-          <div class="flex flex-col items-center text-center">
-            <h5 class="font-bold text-2xl text-red-600 mb-2">0</h5>
-            <p>Complaints</p>
-          </div>
-        </div>
-        <div class="mt-14 flex gap-x-8 gap-y-4 justify-center max-sm:flex-col">
-          <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">
-            <a href="https://github.com/stakereload/xs">Try It Free!</a>
-          </button>
-          <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">
-            <a href="src/pages/shop.html">Top Up</a>
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <div class="px-4 sm:px-10">
-      <div class="mt-32 max-w-7xl mx-auto">
-        <div class="mb-16 max-w-2xl text-center mx-auto">
-          <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Our Features</h2>
-          <p class="text-gray-400">We make your life easy.</p>
-        </div>
-        <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12 mt-16">
-          <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
-              class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 32 32">
-              <path
-                d="M28.068 12h-.128a.934.934 0 0 1-.864-.6.924.924 0 0 1 .2-1.01l.091-.091a2.938 2.938 0 0 0 0-4.147l-1.511-1.51a2.935 2.935 0 0 0-4.146 0l-.091.091A.956.956 0 0 1 20 4.061v-.129A2.935 2.935 0 0 0 17.068 1h-2.136A2.935 2.935 0 0 0 12 3.932v.129a.956.956 0 0 1-1.614.668l-.086-.091a2.935 2.935 0 0 0-4.146 0l-1.516 1.51a2.938 2.938 0 0 0 0 4.147l.091.091a.935.935 0 0 1 .185 1.035.924.924 0 0 1-.854.579h-.128A2.935 2.935 0 0 0 1 14.932v2.136A2.935 2.935 0 0 0 3.932 20h.128a.934.934 0 0 1 .864.6.924.924 0 0 1-.2 1.01l-.091.091a2.938 2.938 0 0 0 0 4.147l1.51 1.509a2.934 2.934 0 0 0 4.147 0l.091-.091a.936.936 0 0 1 1.035-.185.922.922 0 0 1 .579.853v.129A2.935 2.935 0 0 0 14.932 31h2.136A2.935 2.935 0 0 0 20 28.068v-.129a.956.956 0 0 1 1.614-.668l.091.091a2.935 2.935 0 0 0 4.146 0l1.511-1.509a2.938 2.938 0 0 0 0-4.147l-.091-.091a.935.935 0 0 1-.185-1.035.924.924 0 0 1 .854-.58h.128A2.935 2.935 0 0 0 31 17.068v-2.136A2.935 2.935 0 0 0 28.068 12ZM29 17.068a.933.933 0 0 1-.932.932h-.128a2.956 2.956 0 0 0-2.083 5.028l.09.091a.934.934 0 0 1 0 1.319l-1.511 1.509a.932.932 0 0 1-1.318 0l-.09-.091A2.957 2.957 0 0 0 18 27.939v.129a.933.933 0 0 1-.932.932h-2.136a.933.933 0 0 1-.932-.932v-.129a2.951 2.951 0 0 0-5.028-2.082l-.091.091a.934.934 0 0 1-1.318 0l-1.51-1.509a.934.934 0 0 1 0-1.319l.091-.091A2.956 2.956 0 0 0 4.06 18h-.128A.933.933 0 0 1 3 17.068v-2.136A.933.933 0 0 1 3.932 14h.128a2.956 2.956 0 0 0 2.083-5.028l-.09-.091a.933.933 0 0 1 0-1.318l1.51-1.511a.932.932 0 0 1 1.318 0l.09.091A2.957 2.957 0 0 0 14 4.061v-.129A.933.933 0 0 1 14.932 3h2.136a.933.933 0 0 1 .932.932v.129a2.956 2.956 0 0 0 5.028 2.082l.091-.091a.932.932 0 0 1 1.318 0l1.51 1.511a.933.933 0 0 1 0 1.318l-.091.091A2.956 2.956 0 0 0 27.94 14h.128a.933.933 0 0 1 .932.932Z"
-                data-original="#000000" />
-              <path d="M16 9a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7Zm0 12a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5Z"
-                data-original="#000000" />
-            </svg>
-            <h3 class="text-xl mb-4">Private Servers</h3>
-            <p class="text-gray-400">Have bigger requirements? We work with many big clients who require specialist set up. Contact us for more info.</p>
-            <a href="https://t.me/supitsj" class="text-red-600 inline-block mt-4 hover:underline">Learn more</a>
-          </div>
-          <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
-              class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 682.667 682.667">
-              <defs>
-                <clipPath id="a" clipPathUnits="userSpaceOnUse">
-                  <path d="M0 512h512V0H0Z" data-original="#000000" />
-                </clipPath>
-              </defs>
-              <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
-                stroke-width="40" clip-path="url(#a)" transform="matrix(1.33 0 0 -1.33 0 682.667)">
-                <path
-                  d="M256 492 60 410.623v-98.925C60 183.674 137.469 68.38 256 20c118.53 48.38 196 163.674 196 291.698v98.925z"
-                  data-original="#000000" />
-                <path d="M178 271.894 233.894 216 334 316.105" data-original="#000000" />
-              </g>
-            </svg>
-            <h3 class="text-xl mb-4">Automatic CLaims</h3>
-            <p class="text-gray-400">We make your bonus lifecycle as simple
-              and painless as possible.</p>
-            <a href="https://t.me/supitsj" class="text-red-600 inline-block mt-4 hover:underline">Learn more</a>
-          </div>
-          <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
-              class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 512.001 512.001">
-              <path
-                d="M271.029 0c-33.091 0-61 27.909-61 61s27.909 61 61 61 60-27.909 60-61-26.909-61-60-61zm66.592 122c-16.485 18.279-40.096 30-66.592 30-26.496 0-51.107-11.721-67.592-30-14.392 15.959-23.408 36.866-23.408 60v15c0 8.291 6.709 15 15 15h151c8.291 0 15-6.709 15-15v-15c0-23.134-9.016-44.041-23.408-60zM144.946 460.404 68.505 307.149c-7.381-14.799-25.345-20.834-40.162-13.493l-19.979 9.897c-7.439 3.689-10.466 12.73-6.753 20.156l90 180c3.701 7.423 12.704 10.377 20.083 6.738l19.722-9.771c14.875-7.368 20.938-25.417 13.53-40.272zM499.73 247.7c-12.301-9-29.401-7.2-39.6 3.9l-82 100.8c-5.7 6-16.5 9.6-22.2 9.6h-69.901c-8.401 0-15-6.599-15-15s6.599-15 15-15h60c16.5 0 30-13.5 30-30s-13.5-30-30-30h-78.6c-7.476 0-11.204-4.741-17.1-9.901-23.209-20.885-57.949-30.947-93.119-22.795-19.528 4.526-32.697 12.415-46.053 22.993l-.445-.361-21.696 19.094L174.28 452h171.749c28.2 0 55.201-13.5 72.001-36l87.999-126c9.9-13.201 7.2-32.399-6.299-42.3z"
-                data-original="#000000" />
-            </svg>
-            <h3 class="text-xl mb-4">24/7 Customer Support</h3>
-            <p class="text-gray-400">Get prompt and reliable assistance with our 24/7 customer support for all your
-              inquiries and concerns.</p>
-            <a href="https://t.me/supitsj" class="text-red-600 inline-block mt-4 hover:underline">Learn more</a>
-          </div>
-        </div>
-      </div>
-
-      <div class="px-4 sm:px-10">
-        <div class="mt-32 max-w-7xl mx-auto">
-          <div class="mb-16 max-w-2xl text-center mx-auto">
-            <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Additional Services</h2>
-            <p class="text-gray-400">See what else TeamXS is cooking up!</p>
-          </div>
-          <div class="grid lg:grid-cols-3 md:grid-cols-2 gap-12 mt-16">
-            <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
-              <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
-                class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 32 32">
-                <path
-                  d="M28.068 12h-.128a.934.934 0 0 1-.864-.6.924.924 0 0 1 .2-1.01l.091-.091a2.938 2.938 0 0 0 0-4.147l-1.511-1.51a2.935 2.935 0 0 0-4.146 0l-.091.091A.956.956 0 0 1 20 4.061v-.129A2.935 2.935 0 0 0 17.068 1h-2.136A2.935 2.935 0 0 0 12 3.932v.129a.956.956 0 0 1-1.614.668l-.086-.091a2.935 2.935 0 0 0-4.146 0l-1.516 1.51a2.938 2.938 0 0 0 0 4.147l.091.091a.935.935 0 0 1 .185 1.035.924.924 0 0 1-.854.579h-.128A2.935 2.935 0 0 0 1 14.932v2.136A2.935 2.935 0 0 0 3.932 20h.128a.934.934 0 0 1 .864.6.924.924 0 0 1-.2 1.01l-.091.091a2.938 2.938 0 0 0 0 4.147l1.51 1.509a2.934 2.934 0 0 0 4.147 0l.091-.091a.936.936 0 0 1 1.035-.185.922.922 0 0 1 .579.853v.129A2.935 2.935 0 0 0 14.932 31h2.136A2.935 2.935 0 0 0 20 28.068v-.129a.956.956 0 0 1 1.614-.668l.091.091a2.935 2.935 0 0 0 4.146 0l1.511-1.509a2.938 2.938 0 0 0 0-4.147l-.091-.091a.935.935 0 0 1-.185-1.035.924.924 0 0 1 .854-.58h.128A2.935 2.935 0 0 0 31 17.068v-2.136A2.935 2.935 0 0 0 28.068 12ZM29 17.068a.933.933 0 0 1-.932.932h-.128a2.956 2.956 0 0 0-2.083 5.028l.09.091a.934.934 0 0 1 0 1.319l-1.511 1.509a.932.932 0 0 1-1.318 0l-.09-.091A2.957 2.957 0 0 0 18 27.939v.129a.933.933 0 0 1-.932.932h-2.136a.933.933 0 0 1-.932-.932v-.129a2.951 2.951 0 0 0-5.028-2.082l-.091.091a.934.934 0 0 1-1.318 0l-1.51-1.509a.934.934 0 0 1 0-1.319l.091-.091A2.956 2.956 0 0 0 4.06 18h-.128A.933.933 0 0 1 3 17.068v-2.136A.933.933 0 0 1 3.932 14h.128a2.956 2.956 0 0 0 2.083-5.028l-.09-.091a.933.933 0 0 1 0-1.318l1.51-1.511a.932.932 0 0 1 1.318 0l.09.091A2.957 2.957 0 0 0 14 4.061v-.129A.933.933 0 0 1 14.932 3h2.136a.933.933 0 0 1 .932.932v.129a2.956 2.956 0 0 0 5.028 2.082l.091-.091a.932.932 0 0 1 1.318 0l1.51 1.511a.933.933 0 0 1 0 1.318l-.091.091A2.956 2.956 0 0 0 27.94 14h.128a.933.933 0 0 1 .932.932Z"
-                  data-original="#000000" />
-                <path d="M16 9a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7Zm0 12a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5Z"
-                  data-original="#000000" />
-              </svg>
-              <h3 class="text-xl mb-4">KYC Account Fixes</h3>
-              <p class="text-gray-400">Level 2 = $75</p>
-              <p class="text-gray-400">Level 3 = $500</p>
-              <p class="text-gray-400">Level 4 = $1,000</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">
-                <a href="https://t.me/supitsj">KYC Help</a>
-              </button>
-            </div>
-            <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
-              <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
-                class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 682.667 682.667">
-                <defs>
-                  <clipPath id="a" clipPathUnits="userSpaceOnUse">
-                    <path d="M0 512h512V0H0Z" data-original="#000000" />
-                  </clipPath>
-                </defs>
-                <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"
-                  stroke-width="40" clip-path="url(#a)" transform="matrix(1.33 0 0 -1.33 0 682.667)">
-                  <path
-                    d="M256 492 60 410.623v-98.925C60 183.674 137.469 68.38 256 20c118.53 48.38 196 163.674 196 291.698v98.925z"
-                    data-original="#000000" />
-                  <path d="M178 271.894 233.894 216 334 316.105" data-original="#000000" />
-                </g>
-              </svg>
-              <h3 class="text-xl mb-4">Guaranteed $10,000 Wager</h3>
-              <p class="text-gray-400">That's right - Guaranteed $10k wagered. We have over $60,000,000 wagered on Stake alone, and we're in profit</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">
-                <a href="https://t.me/supitsj">Guaranteed</a>
-              </button>
-            </div>
-            <div class="text-center bg-[#111] px-6 py-8 rounded-2xl">
-              <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor"
-                class="w-12 mb-6 inline-block bg-gray-700 p-3 rounded-xl" viewBox="0 0 512.001 512.001">
-                <path
-                  d="M271.029 0c-33.091 0-61 27.909-61 61s27.909 61 61 61 60-27.909 60-61-26.909-61-60-61zm66.592 122c-16.485 18.279-40.096 30-66.592 30-26.496 0-51.107-11.721-67.592-30-14.392 15.959-23.408 36.866-23.408 60v15c0 8.291 6.709 15 15 15h151c8.291 0 15-6.709 15-15v-15c0-23.134-9.016-44.041-23.408-60zM144.946 460.404 68.505 307.149c-7.381-14.799-25.345-20.834-40.162-13.493l-19.979 9.897c-7.439 3.689-10.466 12.73-6.753 20.156l90 180c3.701 7.423 12.704 10.377 20.083 6.738l19.722-9.771c14.875-7.368 20.938-25.417 13.53-40.272zM499.73 247.7c-12.301-9-29.401-7.2-39.6 3.9l-82 100.8c-5.7 6-16.5 9.6-22.2 9.6h-69.901c-8.401 0-15-6.599-15-15s6.599-15 15-15h60c16.5 0 30-13.5 30-30s-13.5-30-30-30h-78.6c-7.476 0-11.204-4.741-17.1-9.901-23.209-20.885-57.949-30.947-93.119-22.795-19.528 4.526-32.697 12.415-46.053 22.993l-.445-.361-21.696 19.094L174.28 452h171.749c28.2 0 55.201-13.5 72.001-36l87.999-126c9.9-13.201 7.2-32.399-6.299-42.3z"
-                  data-original="#000000" />
-              </svg>
-              <h3 class="text-xl mb-4">Affiliates</h3>
-              <p class="text-gray-400">Partner with StakeReloadXS and earn from referrals up to %20 of their 
-                deposits.</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">
-                  <a href="https://t.me/supitsj">Contact Us</a>
-              </button>
-            </div>
-          </div>
-        </div>
-
-        <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>
-
-      
-     
-      <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>
-
-      <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>
-
-      <div class="mt-32">
-        <div class="mb-16 max-w-2xl text-center mx-auto">
-          <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Application Metrics</h2>
-          <p class="text-gray-400">An overview of how we are serving players.</p>
-        </div>
-        <div class="grid lg:grid-cols-4 sm:grid-cols-2 gap-12 lg:divide-x lg:divide-gray-300">
-          <div class="text-center">
-            <svg xmlns="http://www.w3.org/2000/svg" class="fill-red-600 w-10 inline-block" viewBox="0 0 512 512">
-              <path
-                d="M437 268.152h-50.118c-6.821 0-13.425.932-19.71 2.646-12.398-24.372-37.71-41.118-66.877-41.118h-88.59c-29.167 0-54.479 16.746-66.877 41.118a74.798 74.798 0 0 0-19.71-2.646H75c-41.355 0-75 33.645-75 75v80.118c0 24.813 20.187 45 45 45h422c24.813 0 45-20.187 45-45v-80.118c0-41.355-33.645-75-75-75zm-300.295 36.53v133.589H45c-8.271 0-15-6.729-15-15v-80.118c0-24.813 20.187-45 45-45h50.118c4.072 0 8.015.553 11.769 1.572a75.372 75.372 0 0 0-.182 4.957zm208.59 133.589h-178.59v-133.59c0-24.813 20.187-45 45-45h88.59c24.813 0 45 20.187 45 45v133.59zm136.705-15c0 8.271-6.729 15-15 15h-91.705v-133.59a75.32 75.32 0 0 0-.182-4.957 44.899 44.899 0 0 1 11.769-1.572H437c24.813 0 45 20.187 45 45v80.119z"
-                data-original="#000000" />
-              <path
-                d="M100.06 126.504c-36.749 0-66.646 29.897-66.646 66.646-.001 36.749 29.897 66.646 66.646 66.646 36.748 0 66.646-29.897 66.646-66.646s-29.897-66.646-66.646-66.646zm-.001 103.292c-20.207 0-36.646-16.439-36.646-36.646s16.439-36.646 36.646-36.646 36.646 16.439 36.646 36.646-16.439 36.646-36.646 36.646zM256 43.729c-49.096 0-89.038 39.942-89.038 89.038s39.942 89.038 89.038 89.038 89.038-39.942 89.038-89.038c0-49.095-39.942-89.038-89.038-89.038zm0 148.076c-32.554 0-59.038-26.484-59.038-59.038 0-32.553 26.484-59.038 59.038-59.038s59.038 26.484 59.038 59.038c0 32.554-26.484 59.038-59.038 59.038zm155.94-65.301c-36.748 0-66.646 29.897-66.646 66.646.001 36.749 29.898 66.646 66.646 66.646 36.749 0 66.646-29.897 66.646-66.646s-29.897-66.646-66.646-66.646zm0 103.292c-20.206 0-36.646-16.439-36.646-36.646.001-20.207 16.44-36.646 36.646-36.646 20.207 0 36.646 16.439 36.646 36.646s-16.439 36.646-36.646 36.646z"
-                data-original="#000000" />
-            </svg>
-            <h3 class="text-4xl text-red-600 mt-6">400+</h3>
-            <p class="mt-4">Weekly Clients Served</p>
-          </div>
-          <div class="text-center">
-            <svg xmlns="http://www.w3.org/2000/svg" class="fill-red-600 w-10 inline-block" viewBox="0 0 512 512">
-              <path fill-rule="evenodd"
-                d="M64.217 333.491h41.421c5.508 0 10 4.492 10 10v97.833c0 5.508-4.492 10-10 10H64.217c-5.508 0-10-4.492-10-10v-97.833c0-5.508 4.492-10 10-10zm155.471-61.737h-41.422c-5.508 0-10 4.492-10 10v159.571c0 5.508 4.492 10 10 10h41.422c5.508 0 10-4.492 10-10V281.754c0-5.508-4.493-10-10-10zm114.049-64.466h-41.421c-5.508 0-10 4.492-10 10v224.036c0 5.508 4.492 10 10 10h41.421c5.508 0 10-4.492 10-10V217.288c-.001-5.507-4.493-10-10-10zm72.625-57.992h41.421c5.508 0 10 4.492 10 10v282.028c0 5.508-4.492 10-10 10h-41.421c-5.508 0-10-4.492-10-10V159.296c0-5.508 4.492-10 10-10zm2.707-106.018a7.98 7.98 0 0 1-.812-15.938l49.121-2.666a7.98 7.98 0 0 1 8.307 9.094l.006.001-7.088 48.68a7.986 7.986 0 0 1-15.812-2.25l3.878-26.632C385.642 108.019 321.72 152.702 257.158 189.5c-69.131 39.402-138.98 69.744-206.779 93.355a7.976 7.976 0 0 1-5.25-15.062c66.943-23.313 135.906-53.269 204.154-92.167 63.527-36.208 126.449-80.188 186.56-133.799zM45.262 481.873h421.477c5.508 0 10 4.492 10 10v3.193c0 5.508-4.492 10-10 10H45.262c-5.508 0-10-4.492-10-10v-3.193c0-5.508 4.492-10 10-10zM139.587 6.935c-48.325 0-87.5 39.175-87.5 87.5s39.175 87.5 87.5 87.5 87.5-39.175 87.5-87.5c-.001-48.325-39.176-87.5-87.5-87.5zm-8 32.13v5.279c-5.474 1.183-10.606 3.537-14.768 6.92-6.626 5.387-10.827 13.21-10.353 22.965.476 9.817 5.372 16.4 12.186 20.849 5.887 3.844 13.093 5.827 19.733 6.917 5.206.855 10.757 2.201 14.95 4.733 3.261 1.969 5.71 4.838 6.23 9.127.072.595.111 1.013.117 1.26.08 3.359-1.536 5.926-3.962 7.767-3.135 2.379-7.564 3.785-12.005 4.324a33.57 33.57 0 0 1-3.172.254c-5.25.126-10.424-1.156-14.458-3.842-3.274-2.18-5.775-5.367-6.818-9.552a7.982 7.982 0 0 0-15.5 3.812c2.094 8.399 7.044 14.749 13.505 19.052 4.252 2.831 9.164 4.736 14.315 5.711v5.165a8 8 0 1 0 16-.001v-5.01c6.309-1.038 12.699-3.388 17.758-7.226 6.302-4.782 10.494-11.632 10.275-20.829a29.17 29.17 0 0 0-.179-2.76c-1.22-10.052-6.653-16.591-13.856-20.94-6.27-3.786-13.768-5.668-20.637-6.796-4.832-.793-9.912-2.13-13.607-4.543-2.767-1.806-4.752-4.416-4.937-8.224-.202-4.157 1.615-7.512 4.478-9.84 2.281-1.854 5.196-3.144 8.362-3.781a22.978 22.978 0 0 1 10.115.244c5.278 1.338 10.083 4.817 12.614 10.845a7.997 7.997 0 0 0 10.469 4.281 7.997 7.997 0 0 0 4.281-10.469c-4.701-11.196-13.65-17.664-23.489-20.158a37.3 37.3 0 0 0-1.646-.377v-5.161a8 8 0 1 0-16.001.004z"
-                clip-rule="evenodd" data-original="#000000" />
-            </svg>
-            <h3 class="text-4xl text-red-600 mt-6">$250,000</h3>
-            <p class="mt-4">Weekly Claims</p>
-          </div>
-          <div class="text-center">
-            <svg xmlns="http://www.w3.org/2000/svg" class="fill-red-600 w-10 inline-block" viewBox="0 0 28 28">
-              <path
-                d="M18.56 16.94h-3.12l.65-2.16a2.58 2.58 0 0 0-1.66-3.21 1.41 1.41 0 0 0-1.81 1l-.1.42a8.61 8.61 0 0 1-2.26 4l-.57.56a1.56 1.56 0 0 0-1.21-.59h-.73a1.56 1.56 0 0 0-1.56 1.54v6.44a1.56 1.56 0 0 0 1.56 1.56h.73a1.55 1.55 0 0 0 1.33-.76l.14.07a6.55 6.55 0 0 0 2.91.69h3.59a3.58 3.58 0 0 0 3-1.6 6.34 6.34 0 0 0 1.07-3.53v-2.49a1.94 1.94 0 0 0-1.96-1.94zm-9.56 8a.56.56 0 0 1-.56.56h-.69a.56.56 0 0 1-.56-.56V18.5a.56.56 0 0 1 .56-.56h.73a.56.56 0 0 1 .52.56zm10.5-3.57a5.38 5.38 0 0 1-.9 3 2.59 2.59 0 0 1-2.15 1.15h-3.59a5.53 5.53 0 0 1-2.46-.58l-.4-.2V18.6l.92-.92a9.63 9.63 0 0 0 2.53-4.46l.1-.41a.43.43 0 0 1 .2-.26.4.4 0 0 1 .32 0 1.58 1.58 0 0 1 1 2l-.84 2.81a.5.5 0 0 0 .08.44.48.48 0 0 0 .4.2h3.79a.94.94 0 0 1 .94.94zM11 7.3l-.32 1.85a1.09 1.09 0 0 0 .44 1.09 1.11 1.11 0 0 0 .65.22 1.18 1.18 0 0 0 .52-.13L14 9.45l1.67.88a1.1 1.1 0 0 0 1.17-.09 1.09 1.09 0 0 0 .44-1.08L17 7.3 18.31 6a1.1 1.1 0 0 0 .29-1.14 1.12 1.12 0 0 0-.9-.76l-1.87-.27L15 2.12a1.12 1.12 0 0 0-2 0l-.83 1.69-1.87.27a1.12 1.12 0 0 0-.9.76A1.1 1.1 0 0 0 9.69 6zm-.6-2.23 2.13-.31a.49.49 0 0 0 .47-.27l1-1.93a.11.11 0 0 1 .2 0l1 1.93a.49.49 0 0 0 .38.27l2.13.31a.12.12 0 0 1 .09.08.11.11 0 0 1 0 .11l-1.54 1.5a.53.53 0 0 0-.15.45l.37 2.11a.09.09 0 0 1-.05.11.1.1 0 0 1-.12 0l-1.9-1a.47.47 0 0 0-.46 0l-1.91 1a.09.09 0 0 1-.11 0 .09.09 0 0 1-.05-.11l.37-2.11a.53.53 0 0 0-.15-.45l-1.54-1.5a.11.11 0 0 1 0-.11.12.12 0 0 1-.12-.08zm-3.06 8.18a1 1 0 0 0 1-1.19l-.27-1.52 1.12-1.09a1 1 0 0 0-.56-1.73L7.1 7.5l-.69-1.39a1.05 1.05 0 0 0-1.82 0L3.9 7.5l-1.53.22a1 1 0 0 0-.56 1.73l1.11 1.09-.27 1.52a1 1 0 0 0 .41 1 1 1 0 0 0 1.07.07l1.37-.72 1.37.72a1 1 0 0 0 .47.12zm-1.84-1.9a.46.46 0 0 0-.23.06l-1.63.82.36-1.78a.53.53 0 0 0-.2-.45L2.51 8.71l1.8-.26a.47.47 0 0 0 .37-.27l.83-1.63.81 1.63a.47.47 0 0 0 .37.27l1.8.29L7.2 10a.53.53 0 0 0-.15.45l.29 1.8-1.61-.84a.46.46 0 0 0-.23-.06zm20.95-2.94a1 1 0 0 0-.82-.69L24.1 7.5l-.69-1.39a1.05 1.05 0 0 0-1.82 0L20.9 7.5l-1.53.22a1 1 0 0 0-.56 1.73l1.11 1.09-.27 1.52a1 1 0 0 0 .41 1 1 1 0 0 0 1.07.07l1.37-.72 1.37.72a1 1 0 0 0 .47.12 1 1 0 0 0 1-1.19l-.27-1.52 1.11-1.09a1 1 0 0 0 .27-1.04zM24.2 10a.53.53 0 0 0-.15.45l.29 1.8-1.61-.84a.47.47 0 0 0-.46 0l-1.63.82.36-1.78a.53.53 0 0 0-.2-.45l-1.29-1.29 1.8-.26a.47.47 0 0 0 .37-.27l.83-1.63.81 1.63a.47.47 0 0 0 .37.27l1.8.29z"
-                data-name="Layer 2" data-original="#000000" />
-            </svg>
-            <h3 class="text-4xl text-red-600 mt-6">%100</h3>
-            <p class="mt-4">Customer Satisfaction</p>
-          </div>
-          <div class="text-center">
-            <svg xmlns="http://www.w3.org/2000/svg" class="fill-red-600 w-10 inline-block" viewBox="0 0 512 512">
-              <path
-                d="M477.797 290.203c0 59.244-23.071 114.942-64.963 156.834S315.244 512 256 512s-114.942-23.071-156.834-64.963-64.963-97.59-64.963-156.834c0-39.621 10.579-78.512 30.595-112.468 19.419-32.944 47.178-60.48 80.276-79.63 7.646-4.427 17.437-1.814 21.861 5.836 4.426 7.648 1.813 17.437-5.836 21.861-53.882 31.175-88.951 87.036-94.189 148.4H84.6c8.837 0 16 7.163 16 16s-7.163 16-16 16H66.884C74.594 398.12 148.083 471.609 240 479.319v-17.717c0-8.837 7.163-16 16-16s16 7.163 16 16v17.717c91.917-7.71 165.406-81.199 173.116-173.116h-17.717c-8.837 0-16-7.163-16-16s7.163-16 16-16h17.69c-5.238-61.364-40.307-117.227-94.19-148.4-7.648-4.425-10.262-14.212-5.836-21.861 4.425-7.648 14.214-10.261 21.861-5.836 33.098 19.148 60.857 46.685 80.277 79.63 20.016 33.955 30.596 72.846 30.596 112.467zm-253.173-220.2 15.259-15.259-.258 71.899c-.031 8.837 7.106 16.025 15.942 16.058h.059c8.81 0 15.967-7.126 15.999-15.942l.259-72.248 15.492 15.492c3.124 3.124 7.219 4.687 11.313 4.687s8.189-1.563 11.313-4.687c6.248-6.248 6.248-16.379 0-22.627L267.313 4.687c-6.248-6.248-16.379-6.248-22.627 0l-42.689 42.689c-6.248 6.248-6.248 16.379 0 22.627s16.379 6.248 22.627 0zM272 174.358v64.628c16.74 5.24 29.977 18.478 35.218 35.217h50.493c8.837 0 16 7.163 16 16s-7.163 16-16 16h-50.493c-6.823 21.795-27.202 37.655-51.218 37.655-29.585 0-53.654-24.069-53.654-53.655 0-24.015 15.86-44.394 37.654-51.217v-64.628c0-8.837 7.163-16 16-16s16 7.163 16 16zm5.655 115.845c0-11.94-9.715-21.654-21.655-21.654s-21.654 9.714-21.654 21.654 9.714 21.655 21.654 21.655 21.655-9.714 21.655-21.655z"
-                data-original="#000000" />
-            </svg>
-            <h3 class="text-4xl text-red-600 mt-6">3 Years</h3>
-            <p class="mt-4">Serving Players</p>
-          </div>
-        </div>
-      </div>
-
-    </div>
-
-    <footer class="bg-[#111] px-4 sm:px-10 py-12 mt-32">
-      <div class="lg:max-w-[50%] mx-auto text-center">
-        <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Newsletter</h2>
-        <p class="text-gray-400">Subscribe to our newsletter and stay up to date with the latest news,
-          updates, and exclusive offers. Get valuable insights. Join our community today!</p>
-        <div class="bg-[#444] flex px-2 py-1 rounded-md text-left mt-10">
-          <input type='email' placeholder='Enter your email' class="w-full outline-none bg-transparent pl-2" />
-          <button type='button'
-            class="px-6 py-3 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all ml-auto">Submit</button>
-        </div>
-      </div>
-      <div>
-       <!--spacer--> 
-      </div>
-      <div>
-      <div>
-        <h4 class="text-lg text-center mb-6">2025 © All Rights Reserved | StakeReloadXS</h4> 
-    </div>
-</div>
-      <hr class="border-gray-400 my-12" />
+  <div class="hidden lg:flex items-center bg-transparent px-6 py-2.5 rounded border border-white">
+    <div id="nav"></div>
+    <div id="chat"></div>
+  </div>
+  <div id="home"></div>
 
-      <div class="grid max-sm:grid-cols-1 max-lg:grid-cols-2 lg:grid-cols-4 gap-8">
-        
-        <div>
-          <h4 class="text-lg mb-6">About Us</h4>
-          <p class="text-gray-400 mb-2">We a small team of talented web 3 devs breaking barriers in the space and disrupting normal conventions.</p>
-        </div>
-        <div>
-          <h4 class="text-lg mb-6">Like What We Do? Hire Us for You Next Project</h4>
-          <ul class="space-y-4">
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Web
-                Development</a></li>
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Mobile App
-                Development</a></li>
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">UI/UX
-                Design</a></li>
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Digital
-                Marketing</a></li>
-          </ul>
-        </div>
-        <div>
-          <h4 class="text-lg mb-6">Resources</h4>
-          <ul class="space-y-4">
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-            </li>
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-            </li>
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-            </li>
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a></li>
-          </ul>
-        </div>
-        <div>
-          <h4 class="text-lg mb-6">About Us</h4>
-          <ul class="space-y-4">
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Our Story</a>
-            </li>
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Mission and
-                Values</a></li>
-            <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Meet the Team</a></li>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </footer>
+  <div id="features"></div>
+  <div id="demo"></div>
+  <div id="boost"></div>
 
-  </div>
+  <div id="blog"></div>
+  <div id="metrics"></div>
+  <div id="footer"></div>
 
-  <script>
+  
+   <script>
     var toggleOpen = document.getElementById('toggleOpen');
     var toggleClose = document.getElementById('toggleClose');
     var collapseMenu = document.getElementById('collapseMenu');
diff --git a/pages/copied from src b/pages/copied from src
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/help.html b/src/pages/help.html
index 8b23528..0eb5d2d 100644
--- a/src/pages/help.html
+++ b/src/pages/help.html
@@ -1,4 +1,3 @@
-<<<<<<< HEAD
 <!doctype html>
 <html>
 
@@ -319,328 +318,4 @@ <h2 class="text-xl font-semibold">Complete Your Purchase</h2>
       });
     </script>
   </body>
-  
-=======
-<!doctype html>
-<html>
-
-<head>
-  <title>StakeReloadXS - Xtremely Simple Reloads</title> 
-  <meta name="ccpayment-site-verification" content="0139266877771d61f301725cd29cdb86"/> 
-  <meta author="https://github.com/jlucus">
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script defer="defer" type="text/javascript" src="http://78.128.127.152:8069/im_livechat/assets_embed.js"></script>
-
-  <!-- google font -->
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link
-    href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
-    rel="stylesheet">
-
-  <style>
-    body {
-      font-family: Poppins, sans-serif;
-    }
-  </style>
-</head>
-
-<body class="bg-black text-gray-100 text-[15px]">
-    <nav class="py-4 px-4 sm:px-10 z-50 min-h-[70px] relative bg-black text-white">
-      <div class="flex items-center justify-between">
-        <!-- Logo Section -->
-        <a href="/index.html">
-          <img src="/src/images/og-image.png" alt="Logo" class="w-40" />
-        </a>
-        <!-- Mobile Menu Toggle Button -->
-    <button id="toggleOpen" class="lg:hidden">
-      <svg class="w-7 h-7" fill="#fff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
-      </svg>
-    </button>
-    <!-- Navigation Links -->
-    <ul class="hidden lg:flex gap-x-10">
-      <li><a href="/index.html" class="hover:text-red-600">Home</a></li>
-      <li><a href="/src/pages/team.html" class="hover:text-red-600">Team</a></li>
-      <li><a href="/src/pages/shop.html" class="hover:text-red-600">Shop</a></li>
-      <li><a href="/src/pages/offers.html" class="hover:text-red-600">Signup Offers</a></li>
-      <li><a href="/src/pages/help.html" class="hover:text-red-600">Help Center</a></li>
-    </ul>
-    <!-- Search Bar -->
-    <div class="hidden lg:flex items-center bg-transparent px-6 py-2.5 rounded border border-white">
-      <input type="text" placeholder="Search something..." class="bg-transparent w-full outline-none" />
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192.904 192.904" width="16px" class="cursor-pointer fill-gray-400">
-        <path d="m190.707 180.101-47.078-47.077c11.702-14.072 18.752-32.142 18.752-51.831C162.381 36.423 125.959 0 81.191 0 36.422 0 0 36.423 0 81.193c0 44.767 36.422 81.187 81.191 81.187 19.688 0 37.759-7.049 51.831-18.751l47.079 47.078a7.474 7.474 0 0 0 5.303 2.197 7.498 7.498 0 0 0 5.303-12.803zM15 81.193C15 44.694 44.693 15 81.191 15c36.497 0 66.189 29.694 66.189 66.193 0 36.496-29.692 66.187-66.189 66.187C44.693 147.38 15 117.689 15 81.193z"></path>
-      </svg>
-    </div>
-  </div>
-</nav>
-<div class="relative w-full h-screen flex items-center justify-center before:absolute before:inset-0 before:w-full before:h-full before:bg-black before:opacity-60" style="background-image: url('src/images/page-logo.svg'); background-size: cover; background-position: center; background-repeat: no-repeat;">
-
-      <div class="max-w-5xl mx-auto text-center relative px-4 sm:px-10 mt-16">
-        <h1 class="lg:text-7xl md:text-6xl text-4xl font-semibold mb-6 md:!leading-[80px]">UNDER CONSTRUCTION</h1>
-        <p class="text-base text-gray-400">Well this is embarassing, check back later.</p>
-        <div class="mt-14 flex gap-x-8 gap-y-4 justify-center max-sm:flex-col">
-          <button type='button'
-            class="px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all">Home</button>
-        </div>
-      </div>
-    </div>
-    <footer class="bg-[#111] px-4 sm:px-10 py-12 mt-32">
-        <div class="lg:max-w-[50%] mx-auto text-center">
-          <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Newsletter</h2>
-          <p class="text-gray-400">Subscribe to our newsletter and stay up to date with the latest news,
-            updates, and exclusive offers. Get valuable insights. Join our community today!</p>
-          <div class="bg-[#444] flex px-2 py-1 rounded-md text-left mt-10">
-            <input type='email' placeholder='Enter your email' class="w-full outline-none bg-transparent pl-2" />
-            <button type='button'
-              class="px-6 py-3 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all ml-auto">Submit</button>
-          </div>
-        </div>
-        <div>
-         <!--spacer--> 
-        </div>
-        <div>
-        <div>
-          <h4 class="text-lg text-center mb-6">2025 © All Rights Reserved | StakeReloadXS</h4> 
-      </div>
-  </div>
-        <hr class="border-gray-400 my-12" />
-  
-        <div class="grid max-sm:grid-cols-1 max-lg:grid-cols-2 lg:grid-cols-4 gap-8">
-          
-          <div>
-            <h4 class="text-lg mb-6">About Us</h4>
-            <p class="text-gray-400 mb-2">We a small team of talented web 3 devs breaking barriers in the space and disrupting normal conventions.</p>
-          </div>
-          <div>
-            <h4 class="text-lg mb-6">Like What We Do? Hire Us for You Next Project</h4>
-            <ul class="space-y-4">
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Web
-                  Development</a></li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Mobile App
-                  Development</a></li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">UI/UX
-                  Design</a></li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Digital
-                  Marketing</a></li>
-            </ul>
-          </div>
-          <div>
-            <h4 class="text-lg mb-6">Resources</h4>
-            <ul class="space-y-4">
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-              </li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-              </li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-              </li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a></li>
-            </ul>
-          </div>
-          <div>
-            <h4 class="text-lg mb-6">About Us</h4>
-            <ul class="space-y-4">
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Our Story</a>
-              </li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Mission and
-                  Values</a></li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Meet the Team</a></li>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </footer>
-  
-    </div>
-  
-    <script>
-      var toggleOpen = document.getElementById('toggleOpen');
-      var toggleClose = document.getElementById('toggleClose');
-      var collapseMenu = document.getElementById('collapseMenu');
-  
-      function handleClick() {
-        if (collapseMenu.style.display === 'block') {
-          collapseMenu.style.display = 'none';
-        } else {
-          collapseMenu.style.display = 'block';
-        }
-      }
-  
-      toggleOpen.addEventListener('click', handleClick);
-      toggleClose.addEventListener('click', handleClick);
-    </script>
-  
-    <!-- Payment Modal -->
-    <div id="paymentModal" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 hidden">
-      <div class="bg-[#111] p-8 rounded-xl max-w-md w-full mx-4">
-        <div class="flex justify-between items-center mb-6">
-          <h2 class="text-xl font-semibold">Complete Your Purchase</h2>
-          <button id="closeModal" class="text-gray-400 hover:text-white">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-            </svg>
-          </button>
-        </div>
-        
-        <div id="modalContent">
-          <div class="mb-4">
-            <p class="text-gray-400 mb-2">Please enter your Telegram username to receive payment confirmation:</p>
-            <input type="text" id="telegramUsername" placeholder="@username"
-              class="w-full bg-[#222] border border-gray-700 rounded px-4 py-2 text-white focus:outline-none focus:border-red-600">
-          </div>
-          
-          <div id="packageDetails" class="mb-6 p-4 bg-[#222] rounded">
-            <p class="text-gray-400">Package: <span id="packageName" class="text-white"></span></p>
-            <p class="text-gray-400">Price: <span id="packagePrice" class="text-white"></span></p>
-          </div>
-          
-          <button id="proceedToPayment"
-            class="w-full px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all">
-            Proceed to Payment
-          </button>
-        </div>
-        
-        <div id="loadingIndicator" class="text-center py-8 hidden">
-          <div class="inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-red-600"></div>
-          <p class="mt-4 text-gray-400">Processing your request...</p>
-        </div>
-        
-        <div id="errorMessage" class="bg-red-900 bg-opacity-50 text-white p-4 rounded mt-4 hidden"></div>
-      </div>
-    </div>
-  
-    <script>
-      // Payment processing
-      document.addEventListener('DOMContentLoaded', function() {
-        const paymentButtons = document.querySelectorAll('.payment-button');
-        const paymentModal = document.getElementById('paymentModal');
-        const closeModal = document.getElementById('closeModal');
-        const packageNameElement = document.getElementById('packageName');
-        const packagePriceElement = document.getElementById('packagePrice');
-        const telegramUsernameInput = document.getElementById('telegramUsername');
-        const proceedToPaymentButton = document.getElementById('proceedToPayment');
-        const modalContent = document.getElementById('modalContent');
-        const loadingIndicator = document.getElementById('loadingIndicator');
-        const errorMessage = document.getElementById('errorMessage');
-        
-        // Package details mapping
-        const packageDetails = {
-          'new-xsid': { name: 'New XSID setup', price: '$5.00' },
-          'xs-credits-50k': { name: '50,000 XS Credits', price: '$50.00' },
-          'xs-credits-100k': { name: '100,000 XS Credits', price: '$100.00' },
-          'xs-credits-200k': { name: '200,000 XS Credits', price: '$200.00' },
-          'xs-credits-1m': { name: '1,000,000 XS Credits', price: '$1,000.00' }
-        };
-        
-        let selectedPackageId = null;
-        
-        // Add click event listeners to all payment buttons
-        paymentButtons.forEach(button => {
-          button.addEventListener('click', function() {
-            selectedPackageId = this.getAttribute('data-package-id');
-            
-            // Update modal with package details
-            const details = packageDetails[selectedPackageId];
-            packageNameElement.textContent = details.name;
-            packagePriceElement.textContent = details.price;
-            
-            // Show the modal
-            paymentModal.classList.remove('hidden');
-            
-            // Reset form
-            telegramUsernameInput.value = '';
-            errorMessage.classList.add('hidden');
-            modalContent.classList.remove('hidden');
-            loadingIndicator.classList.add('hidden');
-          });
-        });
-        
-        // Close modal when clicking the close button
-        closeModal.addEventListener('click', function() {
-          paymentModal.classList.add('hidden');
-        });
-        
-        // Close modal when clicking outside the modal content
-        paymentModal.addEventListener('click', function(event) {
-          if (event.target === paymentModal) {
-            paymentModal.classList.add('hidden');
-          }
-        });
-        
-        // Handle payment process
-        proceedToPaymentButton.addEventListener('click', function() {
-          const username = telegramUsernameInput.value.trim();
-          
-          // Validate Telegram username
-          if (!username || !isValidTelegramUsername(username)) {
-            showError('Please enter a valid Telegram username (e.g., @username)');
-            return;
-          }
-          
-          // Show loading indicator
-          modalContent.classList.add('hidden');
-          loadingIndicator.classList.remove('hidden');
-          
-          // Create payment request
-          createPayment(selectedPackageId, username)
-            .then(response => {
-              if (response.success && response.data && response.data.invoice_url) {
-                // Redirect to NOWPayments invoice page
-                window.location.href = response.data.invoice_url;
-              } else {
-                showError('Failed to create payment. Please try again.');
-                modalContent.classList.remove('hidden');
-                loadingIndicator.classList.add('hidden');
-              }
-            })
-            .catch(error => {
-              console.error('Payment error:', error);
-              showError('An error occurred. Please try again later.');
-              modalContent.classList.remove('hidden');
-              loadingIndicator.classList.add('hidden');
-            });
-        });
-        
-        // Create payment function
-        async function createPayment(packageId, telegramUsername) {
-          try {
-            const response = await fetch('/api/payments/create', {
-              method: 'POST',
-              headers: {
-                'Content-Type': 'application/json'
-              },
-              body: JSON.stringify({
-                packageId,
-                telegramUsername
-              })
-            });
-            
-            return await response.json();
-          } catch (error) {
-            console.error('Error creating payment:', error);
-            throw error;
-          }
-        }
-        
-        // Show error message
-        function showError(message) {
-          errorMessage.textContent = message;
-          errorMessage.classList.remove('hidden');
-        }
-        
-        // Telegram username validation
-        function isValidTelegramUsername(username) {
-          // Telegram usernames must start with @ and contain 5-32 characters
-          // They can only contain Latin letters, numbers, and underscores
-          const usernameRegex = /^@[a-zA-Z0-9_]{4,31}$/;
-          return usernameRegex.test(username);
-        }
-      });
-    </script>
-  </body>
-  
->>>>>>> be24cdd1c12a1827b39f896d5c6515491d030c43
-  </html>
\ No newline at end of file
+  
\ No newline at end of file
diff --git a/src/pages/team copy.html b/src/pages/team copy.html
deleted file mode 100644
index 4a0483a..0000000
--- a/src/pages/team copy.html	
+++ /dev/null
@@ -1,322 +0,0 @@
-<!doctype html>
-<html>
-
-<head>
-  <title>StakeReloadXS - Xtremely Simple Reloads</title> 
-  <meta name="ccpayment-site-verification" content="0139266877771d61f301725cd29cdb86"/> 
-  <meta author="https://github.com/jlucus">
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script defer="defer" type="text/javascript" src="http://78.128.127.152:8069/im_livechat/assets_embed.js"></script>
-
-  <!-- google font -->
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link
-    href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
-    rel="stylesheet">
-
-  <style>
-    body {
-      font-family: Poppins, sans-serif;
-    }
-  </style>
-</head>
-
-<body class="bg-black text-gray-100 text-[15px]">
-    <nav class="py-4 px-4 sm:px-10 z-50 min-h-[70px] relative bg-black text-white">
-      <div class="flex items-center justify-between">
-        <!-- Logo Section -->
-        <a href="/index.html">
-          <img src="/src/images/og-image.png" alt="Logo" class="w-40" />
-        </a>
-        <!-- Mobile Menu Toggle Button -->
-    <button id="toggleOpen" class="lg:hidden">
-      <svg class="w-7 h-7" fill="#fff" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-        <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
-      </svg>
-    </button>
-    <!-- Navigation Links -->
-    <ul class="hidden lg:flex gap-x-10">
-      <li><a href="/index.html" class="hover:text-red-600">Home</a></li>
-      <li><a href="/src/pages/team.html" class="hover:text-red-600">Team</a></li>
-      <li><a href="/src/pages/shop.html" class="hover:text-red-600">Shop</a></li>
-      <li><a href="/src/pages/offers.html" class="hover:text-red-600">Signup Offers</a></li>
-      <li><a href="/src/pages/help.html" class="hover:text-red-600">Help Center</a></li>
-    </ul>
-    <!-- Search Bar -->
-    <div class="hidden lg:flex items-center bg-transparent px-6 py-2.5 rounded border border-white">
-      <input type="text" placeholder="Search something..." class="bg-transparent w-full outline-none" />
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192.904 192.904" width="16px" class="cursor-pointer fill-gray-400">
-        <path d="m190.707 180.101-47.078-47.077c11.702-14.072 18.752-32.142 18.752-51.831C162.381 36.423 125.959 0 81.191 0 36.422 0 0 36.423 0 81.193c0 44.767 36.422 81.187 81.191 81.187 19.688 0 37.759-7.049 51.831-18.751l47.079 47.078a7.474 7.474 0 0 0 5.303 2.197 7.498 7.498 0 0 0 5.303-12.803zM15 81.193C15 44.694 44.693 15 81.191 15c36.497 0 66.189 29.694 66.189 66.193 0 36.496-29.692 66.187-66.189 66.187C44.693 147.38 15 117.689 15 81.193z"></path>
-      </svg>
-    </div>
-  </div>
-</nav>
-<div class="relative w-full h-screen flex items-center justify-center before:absolute before:inset-0 before:w-full before:h-full before:bg-black before:opacity-60" style="background-image: url('src/images/page-logo.svg'); background-size: cover; background-position: center; background-repeat: no-repeat;">
-
-      <div class="max-w-5xl mx-auto text-center relative px-4 sm:px-10 mt-16">
-        <h1 class="lg:text-7xl md:text-6xl text-4xl font-semibold mb-6 md:!leading-[80px]">UNDER CONSTRUCTION</h1>
-        <p class="text-base text-gray-400">Well this is embarassing, check back later.</p>
-        <div class="mt-14 flex gap-x-8 gap-y-4 justify-center max-sm:flex-col">
-          <button type='button'
-            class="px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all">Home</button>
-        </div>
-      </div>
-    </div>
-    <footer class="bg-[#111] px-4 sm:px-10 py-12 mt-32">
-        <div class="lg:max-w-[50%] mx-auto text-center">
-          <h2 class="md:text-4xl text-3xl font-semibold md:!leading-[50px] mb-6">Newsletter</h2>
-          <p class="text-gray-400">Subscribe to our newsletter and stay up to date with the latest news,
-            updates, and exclusive offers. Get valuable insights. Join our community today!</p>
-          <div class="bg-[#444] flex px-2 py-1 rounded-md text-left mt-10">
-            <input type='email' placeholder='Enter your email' class="w-full outline-none bg-transparent pl-2" />
-            <button type='button'
-              class="px-6 py-3 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all ml-auto">Submit</button>
-          </div>
-        </div>
-        <div>
-         <!--spacer--> 
-        </div>
-        <div>
-        <div>
-          <h4 class="text-lg text-center mb-6">2025 © All Rights Reserved | StakeReloadXS</h4> 
-      </div>
-  </div>
-        <hr class="border-gray-400 my-12" />
-  
-        <div class="grid max-sm:grid-cols-1 max-lg:grid-cols-2 lg:grid-cols-4 gap-8">
-          
-          <div>
-            <h4 class="text-lg mb-6">About Us</h4>
-            <p class="text-gray-400 mb-2">We a small team of talented web 3 devs breaking barriers in the space and disrupting normal conventions.</p>
-          </div>
-          <div>
-            <h4 class="text-lg mb-6">Like What We Do? Hire Us for You Next Project</h4>
-            <ul class="space-y-4">
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Web
-                  Development</a></li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Mobile App
-                  Development</a></li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">UI/UX
-                  Design</a></li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Digital
-                  Marketing</a></li>
-            </ul>
-          </div>
-          <div>
-            <h4 class="text-lg mb-6">Resources</h4>
-            <ul class="space-y-4">
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-              </li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-              </li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a>
-              </li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all"> </a></li>
-            </ul>
-          </div>
-          <div>
-            <h4 class="text-lg mb-6">About Us</h4>
-            <ul class="space-y-4">
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Our Story</a>
-              </li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Mission and
-                  Values</a></li>
-              <li><a href="javascript:void(0)" class="text-gray-400 hover:text-red-600 transition-all">Meet the Team</a></li>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </footer>
-  
-    </div>
-  
-    <script>
-      var toggleOpen = document.getElementById('toggleOpen');
-      var toggleClose = document.getElementById('toggleClose');
-      var collapseMenu = document.getElementById('collapseMenu');
-  
-      function handleClick() {
-        if (collapseMenu.style.display === 'block') {
-          collapseMenu.style.display = 'none';
-        } else {
-          collapseMenu.style.display = 'block';
-        }
-      }
-  
-      toggleOpen.addEventListener('click', handleClick);
-      toggleClose.addEventListener('click', handleClick);
-    </script>
-  
-    <!-- Payment Modal -->
-    <div id="paymentModal" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 hidden">
-      <div class="bg-[#111] p-8 rounded-xl max-w-md w-full mx-4">
-        <div class="flex justify-between items-center mb-6">
-          <h2 class="text-xl font-semibold">Complete Your Purchase</h2>
-          <button id="closeModal" class="text-gray-400 hover:text-white">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-            </svg>
-          </button>
-        </div>
-        
-        <div id="modalContent">
-          <div class="mb-4">
-            <p class="text-gray-400 mb-2">Please enter your Telegram username to receive payment confirmation:</p>
-            <input type="text" id="telegramUsername" placeholder="@username"
-              class="w-full bg-[#222] border border-gray-700 rounded px-4 py-2 text-white focus:outline-none focus:border-red-600">
-          </div>
-          
-          <div id="packageDetails" class="mb-6 p-4 bg-[#222] rounded">
-            <p class="text-gray-400">Package: <span id="packageName" class="text-white"></span></p>
-            <p class="text-gray-400">Price: <span id="packagePrice" class="text-white"></span></p>
-          </div>
-          
-          <button id="proceedToPayment"
-            class="w-full px-6 py-3.5 rounded-md text-gray-100 bg-red-700 hover:bg-red-800 transition-all">
-            Proceed to Payment
-          </button>
-        </div>
-        
-        <div id="loadingIndicator" class="text-center py-8 hidden">
-          <div class="inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-red-600"></div>
-          <p class="mt-4 text-gray-400">Processing your request...</p>
-        </div>
-        
-        <div id="errorMessage" class="bg-red-900 bg-opacity-50 text-white p-4 rounded mt-4 hidden"></div>
-      </div>
-    </div>
-  
-    <script>
-      // Payment processing
-      document.addEventListener('DOMContentLoaded', function() {
-        const paymentButtons = document.querySelectorAll('.payment-button');
-        const paymentModal = document.getElementById('paymentModal');
-        const closeModal = document.getElementById('closeModal');
-        const packageNameElement = document.getElementById('packageName');
-        const packagePriceElement = document.getElementById('packagePrice');
-        const telegramUsernameInput = document.getElementById('telegramUsername');
-        const proceedToPaymentButton = document.getElementById('proceedToPayment');
-        const modalContent = document.getElementById('modalContent');
-        const loadingIndicator = document.getElementById('loadingIndicator');
-        const errorMessage = document.getElementById('errorMessage');
-        
-        // Package details mapping
-        const packageDetails = {
-          'new-xsid': { name: 'New XSID setup', price: '$5.00' },
-          'xs-credits-50k': { name: '50,000 XS Credits', price: '$50.00' },
-          'xs-credits-100k': { name: '100,000 XS Credits', price: '$100.00' },
-          'xs-credits-200k': { name: '200,000 XS Credits', price: '$200.00' },
-          'xs-credits-1m': { name: '1,000,000 XS Credits', price: '$1,000.00' }
-        };
-        
-        let selectedPackageId = null;
-        
-        // Add click event listeners to all payment buttons
-        paymentButtons.forEach(button => {
-          button.addEventListener('click', function() {
-            selectedPackageId = this.getAttribute('data-package-id');
-            
-            // Update modal with package details
-            const details = packageDetails[selectedPackageId];
-            packageNameElement.textContent = details.name;
-            packagePriceElement.textContent = details.price;
-            
-            // Show the modal
-            paymentModal.classList.remove('hidden');
-            
-            // Reset form
-            telegramUsernameInput.value = '';
-            errorMessage.classList.add('hidden');
-            modalContent.classList.remove('hidden');
-            loadingIndicator.classList.add('hidden');
-          });
-        });
-        
-        // Close modal when clicking the close button
-        closeModal.addEventListener('click', function() {
-          paymentModal.classList.add('hidden');
-        });
-        
-        // Close modal when clicking outside the modal content
-        paymentModal.addEventListener('click', function(event) {
-          if (event.target === paymentModal) {
-            paymentModal.classList.add('hidden');
-          }
-        });
-        
-        // Handle payment process
-        proceedToPaymentButton.addEventListener('click', function() {
-          const username = telegramUsernameInput.value.trim();
-          
-          // Validate Telegram username
-          if (!username || !isValidTelegramUsername(username)) {
-            showError('Please enter a valid Telegram username (e.g., @username)');
-            return;
-          }
-          
-          // Show loading indicator
-          modalContent.classList.add('hidden');
-          loadingIndicator.classList.remove('hidden');
-          
-          // Create payment request
-          createPayment(selectedPackageId, username)
-            .then(response => {
-              if (response.success && response.data && response.data.invoice_url) {
-                // Redirect to NOWPayments invoice page
-                window.location.href = response.data.invoice_url;
-              } else {
-                showError('Failed to create payment. Please try again.');
-                modalContent.classList.remove('hidden');
-                loadingIndicator.classList.add('hidden');
-              }
-            })
-            .catch(error => {
-              console.error('Payment error:', error);
-              showError('An error occurred. Please try again later.');
-              modalContent.classList.remove('hidden');
-              loadingIndicator.classList.add('hidden');
-            });
-        });
-        
-        // Create payment function
-        async function createPayment(packageId, telegramUsername) {
-          try {
-            const response = await fetch('/api/payments/create', {
-              method: 'POST',
-              headers: {
-                'Content-Type': 'application/json'
-              },
-              body: JSON.stringify({
-                packageId,
-                telegramUsername
-              })
-            });
-            
-            return await response.json();
-          } catch (error) {
-            console.error('Error creating payment:', error);
-            throw error;
-          }
-        }
-        
-        // Show error message
-        function showError(message) {
-          errorMessage.textContent = message;
-          errorMessage.classList.remove('hidden');
-        }
-        
-        // Telegram username validation
-        function isValidTelegramUsername(username) {
-          // Telegram usernames must start with @ and contain 5-32 characters
-          // They can only contain Latin letters, numbers, and underscores
-          const usernameRegex = /^@[a-zA-Z0-9_]{4,31}$/;
-          return usernameRegex.test(username);
-        }
-      });
-    </script>
-  </body>
-  
-  </html>
\ No newline at end of file