Skip to content

Commit 5896098

Browse files
sOm2ysOm2y
authored
Merge pull request #23 from cryptocity-network/improvements
Improvements
2 parents ca4bb0e + 2be66a7 commit 5896098

File tree

8 files changed

+91
-39
lines changed

8 files changed

+91
-39
lines changed

‎app/components/AppFooter.vue‎

Lines changed: 24 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -54,12 +54,24 @@ const { t } = useI18n()
5454
<NuxtLink to="https://cryptocity.network" target="_blank" rel="noopener noreferrer" class="w-[145px] h-[30px]">
5555
<NuxtImg src="/cryptocity.svg" alt="Criptociudad" width="145" height="50" />
5656
</NuxtLink>
57-
<NuxtLink to="https://cryptocity.network" target="_blank" rel="noopener noreferrer" class="w-[150px] h-[30px]">
57+
<NuxtLink
58+
to="https://cryptocity.network" target="_blank" rel="noopener noreferrer"
59+
class="w-[150px] h-[30px]"
60+
>
5861
<NuxtImg src="/kryptostadt.svg" alt="Kryptostadt" width="150" height="50" />
5962
</NuxtLink>
60-
<NuxtLink to="https://cryptocity.network" target="_blank" rel="noopener noreferrer" class="w-[152px] h-[30px]">
63+
<NuxtLink
64+
to="https://cryptocity.network" target="_blank" rel="noopener noreferrer"
65+
class="w-[152px] h-[30px]"
66+
>
6167
<NuxtImg src="/criptocidade.svg" alt="Criptocidade" width="152" height="50" />
6268
</NuxtLink>
69+
<NuxtLink
70+
to="https://cryptocity.network" target="_blank" rel="noopener noreferrer"
71+
class="w-[152px] h-[30px]"
72+
>
73+
<NuxtImg src="/criptociudad.svg" alt="criptociudad" width="155" height="55" />
74+
</NuxtLink>
6375
</div>
6476

6577
<div>
@@ -147,13 +159,20 @@ const { t } = useI18n()
147159
</div>
148160

149161
<div class="col-span-3 flex-wrap flex items-center mt-4 md:mt-0">
150-
<NuxtLink to="#" class="pl-0 pr-2 border-r border-gray-300">
162+
<a href="/privacy-policy.pdf" download target="_blank" class="pl-0 pr-2 border-r border-gray-300">
151163
{{ t('PrivacyPolicy') }}
152-
</NuxtLink>
164+
</a>
153165

154-
<NuxtLink to="https://cryptocity.africa/en/cookies" target="_blank" rel="noopener noreferrer" class="pl-2">
166+
<NuxtLink
167+
to="https://cryptocity.africa/en/cookies" target="_blank" rel="noopener noreferrer"
168+
class="pl-2 pr-2 border-r border-gray-300"
169+
>
155170
{{ t('CookieUsage') }}
156171
</NuxtLink>
172+
173+
<a href="/terms-of-service.pdf" download class="pl-2" target="_blank">
174+
{{ t('TermOfService') }}
175+
</a>
157176
</div>
158177
</div>
159178
</div>

‎app/pages/index.vue‎

Lines changed: 44 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ import CryptoMapBanner from '~/components/Banners/CryptoMapBanner.vue'
33
import NimiqPayBanner from '~/components/Banners/NimiqPayBanner.vue'
44
55
const swap = ref(false)
6+
const widgetRef = ref<HTMLElement | null>(null)
7+
68
useSeoMeta({
79
title: 'Buy and Sell Crypto - Cryptocity',
810
description: 'Buy and sell NIM, Bitcoin, USDC, and USDT with Euro, USD, CHF, and more on Cryptocity.',
@@ -12,6 +14,14 @@ defineOgImageComponent('NuxtSeo', {
1214
description: 'Buy and sell NIM, Bitcoin, USDC, and USDT with Euro, USD, CHF, and more on Cryptocity.',
1315
colorMode: 'light',
1416
})
17+
18+
function handleRedirect() {
19+
window.open('https://wallet.nimiq.com/', '_blank')
20+
}
21+
22+
function scrollToWidget() {
23+
widgetRef.value?.scrollIntoView({ behavior: 'smooth', block: 'center' })
24+
}
1525
</script>
1626

1727
<template>
@@ -24,30 +34,34 @@ defineOgImageComponent('NuxtSeo', {
2434
<!-- Component 1: Title & Text (Mobile Order 1) -->
2535
<div class="space-y-1 mb-3 order-1 md:order-none text-center md:text-left ">
2636
<h1 class="pb-6 text-5xl/16 max-w-full md:max-w-[398px] text-wrap text-neutral px-4 md:px-0">
27-
Buy and Sell Crypto
37+
{{ !swap ? ' Buy and Sell Crypto' : 'Swap Your Crypto' }}
2838
</h1>
2939
<h3
3040
class="pb-8 text-xl/8 max-w-full md:max-w-[248px] text-wrap font-semibold text-neutral opacity-60 px-4 md:px-0"
3141
>
32-
Buy and Sell NIM with
33-
Euro, USD, CHF, and more!
42+
{{ !swap ? 'Buy and Sell NIM with Euro, USD, CHF, and more!' : 'Swap Your Crypto, Swap 5520+ cryptos to NIM and back!' }}
3443
</h3>
35-
<div class="pb-20">
44+
<div class="pb-20" @click="scrollToWidget">
3645
<SliderToggle v-model="swap" />
3746
</div>
3847
</div>
3948

40-
<NuxtLink
41-
to="https://wallet.nimiq.com" external target="_blank"
42-
class="hover-icons grid grid-cols-2 border-2 border-gray-200 rounded-xl px-8 py-5 max-w-full md:max-w-[398px] font-semibold hidden md:flex cursor-pointer"
49+
<div
50+
class="hover-icons grid grid-cols-2 border-2 border-gray-200 rounded-xl px-8 py-5 max-w-full md:max-w-[398px] h-[126px] font-semibold hidden md:flex cursor-pointer"
4351
>
4452
<div class="col-span-1">
45-
<p class="text-netural mb-2 max-w-[165px]">
46-
{{ !swap ? 'Get your self-hosted wallet in 30 sec!' : 'Swap Your Crypto, Swap 5520+ cryptos to NIM and back!' }}
53+
<p class="text-netural mb-3 max-w-[165px]">
54+
Get your self-hosted wallet in 30 sec!
4755
</p>
48-
<NuxtLink to="https://wallet.nimiq.com/" target="_blank" rel="noopener noreferrer" class="text-blue">
56+
57+
<NuxtLink to="https://wallet.nimiq.com/" target="_blank" rel="noopener noreferrer" class="text-blue crypto-map-desktop">
4958
Create
5059
</NuxtLink>
60+
61+
<button class="nq-pill-blue crypto-map-desktop px-3 py-1 text-md mx-auto md:mx-0 flex items-center gap-1 " @click="handleRedirect">
62+
<span>Create</span>
63+
<div class="i-lucide-arrow-right text-lg" />
64+
</button>
5165
</div>
5266

5367
<div class="col-span-1 flex flex-col items-center justify-center pl-4">
@@ -73,17 +87,17 @@ defineOgImageComponent('NuxtSeo', {
7387
Supported currencies
7488
</span>
7589
</div>
76-
</NuxtLink>
90+
</div>
7791
</div>
7892

7993
<!-- Right Column: Widget (Mobile Order 2) -->
80-
<div class="flex justify-center order-2 md:col-span-1 md:order-none">
94+
<div ref="widgetRef" class="flex justify-center order-2 md:col-span-1 md:order-none">
8195
<CoinifyWidget v-if="!swap" />
8296
<LetsexchangeWidget v-else />
8397
</div>
8498

8599
<!-- Component 3: Supported Currencies (Mobile Order 3 - At Bottom) -->
86-
<NuxtLink
100+
<div
87101
to="https://wallet.nimiq.com" target="_blank" external
88102
class="hover-icons mt-[150px] mb-[200px] flex md:hidden grid grid-cols-2 border-2 border-gray-200 rounded-xl px-10 py-5 order-3 md:order-none max-w-full md:max-w-[398px] font-semibold cursor-pointer"
89103
>
@@ -111,7 +125,7 @@ defineOgImageComponent('NuxtSeo', {
111125
</div>
112126
<span class="text-neutral uppercase text-[9px] font-bold tracking-widest pl-1">Supported currencies</span>
113127
</div>
114-
</NuxtLink>
128+
</div>
115129
</div>
116130
<CryptoMapBanner />
117131
<NimiqPayBanner />
@@ -123,4 +137,20 @@ defineOgImageComponent('NuxtSeo', {
123137
.hover-icons:hover .icon {
124138
filter: none;
125139
}
140+
141+
.hover-icons:hover button.crypto-map-desktop {
142+
display: none;
143+
}
144+
145+
.hover-icons button.crypto-map-desktop {
146+
display: flex;
147+
}
148+
149+
.hover-icons:hover a.crypto-map-desktop {
150+
display: block;
151+
}
152+
153+
.hover-icons a.crypto-map-desktop {
154+
display: none;
155+
}
126156
</style>

‎i18n/locales/de.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,5 +12,6 @@
1212
"Privacy": "Datenschutz",
1313
"Disclaimer": "Haftungsausschluss",
1414
"PrivacyPolicy": "Datenschutzerklärung",
15-
"CookieUsage": "Verwendung von Cookies"
15+
"CookieUsage": "Verwendung von Cookies",
16+
"TermOfService": "Nutzungsbedingungen"
1617
}

‎i18n/locales/en.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,5 +12,6 @@
1212
"Privacy": "Privacy",
1313
"Disclaimer": "Disclaimer",
1414
"PrivacyPolicy": "Privacy policy",
15-
"CookieUsage": "Cookie usage"
15+
"CookieUsage": "Cookie usage",
16+
"TermOfService": "Terms of service"
1617
}

‎i18n/locales/es.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,5 +12,6 @@
1212
"Privacy": "Privacidad",
1313
"Disclaimer": "Descargo de responsabilidad",
1414
"PrivacyPolicy": "Política de privacidad",
15-
"CookieUsage": "Uso de cookies"
15+
"CookieUsage": "Uso de cookies",
16+
"TermOfService": "Términos de servicio"
1617
}

‎pnpm-lock.yaml‎

Lines changed: 17 additions & 17 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/privacy-policy.pdf‎

77.3 KB
Binary file not shown.

‎public/terms-of-service.pdf‎

55.3 KB
Binary file not shown.

0 commit comments

Comments
 (0)