added: sitemap page. updated: footer

8 files changed, 117 insertions, 53 deletions

diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 143e45eb..42536e62 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -55,6 +55,15 @@
             ><Icon icon="home" style="mx-auto w-6 md:w-8 dark:invert" />
           </button>
         </a>
+        <a href={`/${user.username}/buy`}>
+          <button
+            class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
+              .url.pathname === `/${user.username}/buy`
+              ? 'opacity-100'
+              : 'opacity-70 hover:opacity-80'}"
+            ><Icon icon="shop" style="mx-auto w-6 md:w-8 dark:invert" />
+          </button>
+        </a>
         <a href={`/${user.username}/receive`}>
           <button
             class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index f77e6b41..12977900 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -53,6 +53,9 @@
           <li class="pb-3">
 						<a href="/support" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Support</a>
 					</li>
+					<li class="pb-3">
+								  <a href="/sitemap" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Sitemap</a>
+							  </li>
 				</ul>
 			</div>
 		</div>
diff --git a/src/routes/(app)/buy/+page.server.js b/src/routes/(app)/[username]/buy/+page.server.js
index 903fec0e..903fec0e 100644
--- a/src/routes/(app)/buy/+page.server.js
+++ b/src/routes/(app)/[username]/buy/+page.server.js
diff --git a/src/routes/(app)/[username]/buy/+page.svelte b/src/routes/(app)/[username]/buy/+page.svelte
new file mode 100644
index 00000000..48bab6ce
--- /dev/null
+++ b/src/routes/(app)/[username]/buy/+page.svelte
@@ -0,0 +1,69 @@
+<script>
+  import { enhance } from "$app/forms";
+	import { PUBLIC_ONRAMPER } from '$env/static/public';
+  import Icon from "$comp/Icon.svelte";
+  import Lock from "$comp/Lock.svelte";
+  import Card from "$comp/Card.svelte";
+  import Calendar from "$comp/Calendar.svelte";
+  import Spinner from "$comp/Spinner.svelte";
+  import { f } from "$lib/utils";
+
+  export let data, form, address;
+
+  let { username, currency } = data.user;
+  let loading;
+
+  let amount, n, d, cvc;
+</script>
+
+<div class="container px-4 max-w-xl mx-auto ">
+  <!-- <div class="w-full flex">
+    <a href="/" class="mx-auto">
+	  	<img src="images/logo.png" alt="" class="dark:hidden block" />
+		<img src="images/logo-white.png" alt="" class="hidden dark:block" />
+    </a>
+  </div> -->
+  <h1 class="px-3 md:px-0 text-center text-4xl md:text-5xl font-semibold font-bebasNeue tracking-[0.2rem] mb-4">
+    Buy
+  </h1>
+
+	<div class="mb-6">
+		<div class="flex w-full justify-center">Your bitcoin address</div>
+		<div class="flex w-full justify-center font-bold">
+			<div>
+				{address}
+				<!-- fs5werw748272asfds584927jhjk3458927sdfs38972 -->
+			</div>
+		</div>
+		<!-- on:click={() => copy(address)} -->
+		<button class="flex mx-auto mt-5 gap-2" on:click={() => copy(address)} >
+			<Icon icon="copy" style="w-10 max-w-none dark:invert" />
+			<div class="my-auto">Copy</div>
+		</button>
+	</div>
+
+	<div class="flex justify-center items-center">
+		<div class="">
+				<iframe
+				style="border-radius: 10px; border: 1px solid #58585f; margin: auto;max-width: 420px;"
+				class="dark:hidden"
+				src={`https://buy.onramper.com/?apiKey=${PUBLIC_ONRAMPER}&themeName=light&containerColor=ffffff&primaryColor=7105f3ff&secondaryColor=ffffff&cardColor=f6f7f9&primaryTextColor=141519&secondaryTextColor=6b6f80&borderRadius=2&wgBorderRadius=1`}
+				height="630px"
+				width="420px"
+				title="Onramper widget"
+				allow="accelerometer; autoplay; camera; gyroscope; payment"
+				/>
+				<iframe
+				style="border-radius: 10px; border: 1px solid #58585f; margin: auto;max-width: 420px;"
+				class="hidden dark:block"
+				src={`https://buy.onramper.com/?apiKey=${PUBLIC_ONRAMPER}&themeName=dark&containerColor=292524ff&primaryColor=7105f3ff&secondaryColor=292524ff&cardColor=44403cff&primaryTextColor=ffffff&secondaryTextColor=ffffffff&borderRadius=2&wgBorderRadius=1`}
+				height="630px"
+				width="420px"
+				title="Onramper widget"
+				allow="accelerometer; autoplay; camera; gyroscope; payment"
+				/>
+		</div>
+	</div>
+</div>
+
+<!-- src/routes/(app)/buy -->
\ No newline at end of file
diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.svelte b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
index b6e5ae49..b98e2cd8 100644
--- a/src/routes/(app)/[username]/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
@@ -252,7 +252,7 @@
           </div>
         </a>
       {:else}
-        <p class="text-secondary dark:text-gray-200 text-lg text-center">{$t("payments.empty")}</p>
+        <p class="text-secondary dark:text-gray-100 text-lg text-center">{$t("payments.empty")}</p>
       {/each}
     </div>
 
diff --git a/src/routes/(app)/buy/+page.svelte b/src/routes/(app)/buy/+page.svelte
deleted file mode 100644
index 04d317ba..00000000
--- a/src/routes/(app)/buy/+page.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script>
-  import { enhance } from "$app/forms";
-	import { PUBLIC_ONRAMPER } from '$env/static/public';
-  import Icon from "$comp/Icon.svelte";
-  import Lock from "$comp/Lock.svelte";
-  import Card from "$comp/Card.svelte";
-  import Calendar from "$comp/Calendar.svelte";
-  import Spinner from "$comp/Spinner.svelte";
-  import { f } from "$lib/utils";
-
-  export let data, form;
-
-  let { username, currency } = data.user;
-  let loading;
-
-  let amount, n, d, cvc;
-</script>
-
-<div class="container px-4 max-w-xl mx-auto mt-10 space-y-5">
-  <div class="w-full flex">
-    <a href="/" class="mx-auto">
-      <Icon icon="logo" />
-    </a>
-  </div>
-
-	<div class="pt-10">
-		<div class="flex w-full justify-center">Your bitcoin address</div>
-		<div class="flex w-full justify-center font-bold">
-			<div>
-				{address}
-			</div>
-		</div>
-		<button class="flex mx-auto mt-5" on:click={() => copy(address)}
-			><Icon icon="copy" style="w-10 max-w-none" />
-			<div class="my-auto">Copy</div></button
-		>
-	</div>
-
-	<div class="flex justify-center items-center">
-		<div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5">
-			<iframe
-				style="border-radius: 4px; border: 1px solid #58585f; margin: auto;max-width: 420px"
-				src={`https://buy.onramper.com/?apiKey=${PUBLIC_ONRAMPER}`}
-				height="630px"
-				width="420px"
-				title="Onramper widget"
-				allow="accelerometer; autoplay; camera; gyroscope; payment"
-			/>
-		</div>
-	</div>
-</div>
diff --git a/src/routes/(app)/send/+layout.svelte b/src/routes/(app)/send/+layout.svelte
index 5e379c32..0f412759 100644
--- a/src/routes/(app)/send/+layout.svelte
+++ b/src/routes/(app)/send/+layout.svelte
@@ -13,4 +13,4 @@
   <Pin bind:value={$pin} {cancel} />
 {/if}
 
-<slot />
+<slot />
\ No newline at end of file
diff --git a/src/routes/(static)/sitemap/+page.svelte b/src/routes/(static)/sitemap/+page.svelte
new file mode 100644
index 00000000..c1c64da1
--- /dev/null
+++ b/src/routes/(static)/sitemap/+page.svelte
@@ -0,0 +1,34 @@
+<div class="space-y-5 mt-28 md:mt-8 flex flex-col gap-1 dark:text-red-50">
+	<h1 class="text-5xl f_bebas_neue tracking-[0.2rem] font-bold">Sitemap</h1>
+    <a href="/">
+        <h2 class="text-xl">Home</h2>
+    </a>
+    <a href="/register">
+        <h2 class="text-xl">Register</h2>
+    </a>
+    <a href="/login">
+        <h2 class="text-xl">Login</h2>
+    </a>
+    <a href="/docs">
+        <h2 class="text-xl">docs</h2>
+    </a>
+    <a href="/privacy">
+        <h2 class="text-xl">Privacy</h2>
+    </a>
+    <a href="/forgot">
+        <h2 class="text-xl">Forgot</h2>
+    </a>
+</div>
+
+<style>
+    a {
+        transition: all 100ms ease-in-out;
+    }
+
+    a:hover {
+        color: rgb(113, 5, 243);
+        text-decoration: underline;
+        filter: brightness(1.25);
+    }
+
+</style>
\ No newline at end of file