Skip to content

Commit 3f5b28d

Browse files
imprakharshuklaimprakharshukla
committed
[TEMP] fixing git
1 parent 89a350a commit 3f5b28d

20 files changed

+1237
-0
lines changed

‎components/base/counterComponent.vue‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<template>
2+
<div class="text-center">
3+
<div>
4+
<div class="flex space-x-2 text-white items-center justify-center">
5+
<h3 class="font-bold text-xl">{{ heading }}</h3>
6+
<div :class="color">
7+
<slot></slot>
8+
</div>
9+
</div>
10+
11+
<div>
12+
<h3 class="font-extrabold text-white font-extrabold text-3xl mt-4">{{ value }}</h3>
13+
</div>
14+
</div>
15+
</div>
16+
</template>
17+
<script>
18+
19+
export default {
20+
props: {
21+
value: {
22+
type: String,
23+
required: true
24+
},
25+
heading: {
26+
type: String,
27+
required: true
28+
},
29+
color: {
30+
type: String,
31+
required: true
32+
}
33+
34+
},
35+
name: 'CounterComponent',
36+
}
37+
</script>
38+
39+
<style scoped>
40+
41+
</style>

‎components/base/ctaCard.vue‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
<template>
2+
<div>
3+
<div class="flex-col justify-between">
4+
<div class="rounded-t-lg md:rounded-t-lg bg-card_background pb-6 pt-3 px-6">
5+
<div class="my-4 w-14 h-14 mx-auto bg-background flex items-center justify-center rounded-full p-3">
6+
<slot></slot>
7+
</div>
8+
<div class="text-white font-sans text-left text-center">
9+
<h2 class="font-extrabold text-2xl mb-4">
10+
{{ title }}
11+
</h2>
12+
<p class="">
13+
{{ desc }} </p>
14+
</div>
15+
<div class="mt-5 flex items-center justify-center">
16+
<primary-text-button @click="openLink(buttonLink)"
17+
:backgroundColor="buttonColor"
18+
label="Join now!" :textHoverColor="buttonColor"
19+
/>
20+
<!-- <button
21+
class="w-1/2 px-3 py-2 rounded mt-6 text-white font-extrabold text-center transition ease-in-out duration-300 shadow-2xl transform hover:scale-105"
22+
:class="buttonColor"
23+
:href="buttonLink"
24+
>
25+
Join now!
26+
</button>-->
27+
</div>
28+
</div>
29+
<div class="h-1.5 rounded-b-lg" :class="color ? color : 'bg-primary'">
30+
</div>
31+
</div>
32+
</div>
33+
</template>
34+
35+
<script>
36+
import PrimaryTextButton from "~/components/base/primaryTextButton";
37+
38+
export default {
39+
components: {PrimaryTextButton},
40+
props: {
41+
title: {
42+
type: String,
43+
required: true
44+
},
45+
desc: {
46+
type: String,
47+
required: true
48+
},
49+
color: {
50+
type: String
51+
},
52+
buttonColor: {
53+
type: String,
54+
required: true
55+
},
56+
buttonLink: {
57+
type: String,
58+
required: true
59+
},
60+
},
61+
name: 'CtaCard'
62+
}
63+
</script>
64+
65+
<style scoped>
66+
67+
</style>

‎components/base/primaryIconButton.vue‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<template>
2+
<div @click="$emit('click')">
3+
<div
4+
:class="`cursor-pointer px-4 py-3 flex items-center space-x-5 justify-center rounded ${backgroundColor} hover:${backgroundHoverColor} hover:translate-y-1.5 transition transform duration-300`"
5+
>
6+
<slot></slot>
7+
<p class="text-white font-bold">{{ label }}</p>
8+
</div>
9+
</div>
10+
</template>
11+
12+
<script>
13+
export default {
14+
props: {
15+
backgroundColor: {
16+
type: String,
17+
require: true,
18+
},
19+
backgroundHoverColor: {
20+
type: String,
21+
require: true,
22+
},
23+
label: {
24+
type: String,
25+
require: true,
26+
}
27+
},
28+
name: 'PrimaryButton'
29+
}
30+
</script>
31+
32+
<style scoped>
33+
34+
</style>

‎components/base/primaryTextButton.vue‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<template>
2+
<div @click="$emit('click')">
3+
<a :href="link" v-if="!!link">
4+
<div class="cursor-pointer rounded px-4 py-3 hover:-translate-y-1.5 transition transform duration-300"
5+
:class="`${backgroundColor?backgroundColor:'bg-primary-600'} hover:${backgroundHoverColor?backgroundHoverColor:'bg-white'}
6+
${textColor?textColor:'text-white'} hover:${textHoverColor?textHoverColor:'text-primary-600'}`"
7+
>
8+
<p class="text-center text-current font-bold">{{ label }}</p>
9+
</div>
10+
</a>
11+
<div v-else class="cursor-pointer rounded px-4 py-3 hover:-translate-y-1.5 transition transform duration-300"
12+
:class="`${backgroundColor?backgroundColor:'bg-primary-600'} hover:${backgroundHoverColor?backgroundHoverColor:'bg-white'}
13+
${textColor?textColor:'text-white'} hover:${textHoverColor?textHoverColor:'text-primary-600'}`"
14+
>
15+
<p class="text-center text-current font-bold">{{ label }}</p>
16+
</div>
17+
</div>
18+
</template>
19+
20+
<script>
21+
export default {
22+
props: {
23+
backgroundColor: {
24+
type: String,
25+
},
26+
backgroundHoverColor: {
27+
type: String,
28+
},
29+
textColor: {
30+
type: String,
31+
},
32+
textHoverColor: {
33+
type: String,
34+
},
35+
label: {
36+
type: String,
37+
require: true,
38+
},
39+
link: {
40+
type: String
41+
}
42+
},
43+
name: 'PrimaryTextButton'
44+
}
45+
</script>
46+
47+
<style scoped>
48+
49+
</style>

‎components/global/footer.vue‎

Lines changed: 170 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
<template>
2+
<div class="bg-gray-800 px-12 md:px-16 lg:px-24 pb-12 pt-16 mt-40">
3+
<div
4+
class="grid w-full grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mx-auto gap-x-20 gap-y-16 max-w-screen-xl justify-center mx-0"
5+
>
6+
7+
<!-- Info and socials -->
8+
<div class="">
9+
<h3 class="text-2xl md:text-3xl text-white font-bold text-center md:text-left">Let's make the world
10+
more open and free to
11+
use.</h3>
12+
<div
13+
class="pt-10 grid grid-cols-2 md:grid-cols-2 gap-x-8 gap-y-8 justify-center items-center text-center md:text-left"
14+
>
15+
<div class=" flex-col space-y-2"
16+
>
17+
<p class="font-bold text-sm uppercase text-gray-400 pb-2">Want to talk?</p>
18+
<a href="https://chat.andronix.app"
19+
class="underline text-gray-200 hover:text-purple-300 transition duration-200 cursor-pointer"
20+
>Discord</a>
21+
</div>
22+
<div class="flex-col space-y-2">
23+
<p class="font-bold text-sm uppercase text-gray-400">Source code?</p>
24+
<a href="https://git.andronix.app"
25+
class="underline text-gray-200 hover:text-blue-300 transition duration-200 cursor-pointer"
26+
>Github</a>
27+
</div>
28+
<div class="flex-col space-y-2 col-span-2">
29+
<p class="pb-2 font-bold text-sm uppercase text-center md:text-left text-gray-400">Reach out to us</p>
30+
<div class="flex space-x-5 justify-self-center justify-center items-center md:justify-start">
31+
<svg
32+
class="w-5 fill-current text-gray-400 transform transition hover:text-black duration-200 hover:scale-110"
33+
viewBox="0 0 24 24"
34+
xmlns="http://www.w3.org/2000/svg"
35+
>
36+
<path
37+
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
38+
/>
39+
</svg>
40+
<svg
41+
class="w-5 fill-current text-gray-400 transform transition hover:text-red-600 duration-200 hover:scale-110"
42+
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
43+
>
44+
<path
45+
d="M0 .48v23.04h4.22V.48zm15.385 0c-4.764 0-8.641 3.88-8.641 8.65 0 4.755 3.877 8.623 8.641 8.623 4.75 0 8.615-3.868 8.615-8.623C24 4.36 20.136.48 15.385.48z"
46+
/>
47+
</svg>
48+
<svg
49+
class="w-5 fill-current text-gray-400 transform transition hover:text-yellow-500 duration-200 hover:scale-110"
50+
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
51+
>
52+
<path
53+
d="M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0zm.116 4.563c-2.593-.003-4.996 1.352-6.337 3.57-1.33 2.208-1.387 4.957-.148 7.22L4.4 19.61l4.794-1.074c2.745 1.225 5.965.676 8.136-1.39 2.17-2.054 2.86-5.228 1.737-7.997-1.135-2.778-3.84-4.59-6.84-4.585h-.008z"
54+
/>
55+
</svg>
56+
<svg
57+
class="w-5 fill-current text-gray-400 transform transition hover:text-purple-500 duration-200 hover:scale-110"
58+
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
59+
>
60+
<path
61+
d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"
62+
/>
63+
</svg>
64+
</div>
65+
</div>
66+
</div>
67+
<div class="mt-6">
68+
69+
</div>
70+
</div>
71+
72+
<hr class="border-dashed border-t-1 mr-3 my-4 border-opacity-70 border-gray-500 md:hidden">
73+
74+
<!-- Menu -->
75+
76+
<div class="grid grid-cols-2 md:grid-cols-3 gap-y-8 gap-x-1 md:gap-x-10 items-baseline justify-center lg:mt-8">
77+
<!-- Policies -->
78+
<div class="text-gray-400 text-sm text-center">
79+
<h3 class="font-bold text-lg text-gray-300">Policies</h3>
80+
<ul class="flex-col space-y-2 pt-3 ">
81+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/legal/refund-policy">
82+
Refund Policy
83+
</NuxtLink>
84+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline"
85+
to="/legal/terms-conditions"
86+
>T&C
87+
</NuxtLink>
88+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/legal/privacy-policy">
89+
Privacy policy
90+
</NuxtLink>
91+
</ul>
92+
</div>
93+
<!-- Products -->
94+
<div
95+
class="text-gray-400 text-sm text-center col-span-2 md:col-span-1 justify-self-center mx-auto md:order-1 order-2"
96+
>
97+
<h3
98+
class="font-bold text-lg text-gray-300 "
99+
>
100+
Products</h3>
101+
<ul class="flex-col space-y-2 pt-3 ">
102+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/products/modded-os">
103+
Modded OS
104+
</NuxtLink>
105+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/products/premium">
106+
Premium
107+
</NuxtLink>
108+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/products/commands">
109+
Commands
110+
</NuxtLink>
111+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/pricing">Pricing
112+
</NuxtLink>
113+
<li>
114+
<a class="block hover:text-white duration-200 transition hover:underline"
115+
href="https://docs.andronix.app"
116+
>Documentation
117+
</a>
118+
</li>
119+
</ul>
120+
</div>
121+
<!-- Policies -->
122+
<div class="text-gray-400 text-sm text-center md:order-2 order-1">
123+
<h3 class="font-bold text-lg text-gray-300">Know us</h3>
124+
<ul class="flex-col space-y-2 pt-3 ">
125+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/help">Help
126+
</NuxtLink>
127+
<NuxtLink class="block hover:text-white duration-200 transition hover:underline" to="/about">About us
128+
</NuxtLink>
129+
<li>
130+
<a
131+
class="block hover:text-white duration-200 transition hover:underline"
132+
href="https://translate.andronix.app"
133+
>Translate
134+
</a>
135+
</li>
136+
</ul>
137+
</div>
138+
</div>
139+
140+
141+
<hr class="border-dashed border-t-1 mr-3 my-4 border-opacity-70 border-gray-600 md:hidden">
142+
<!-- Copyright and stuff -->
143+
<div class="text-white text-center lg:justify-self-end lg:mt-8"
144+
>
145+
<h3 class="font-extrabold text-3xl pb-8">andronix<strong class="text-primary-400">.app</strong></h3>
146+
<h3 class="font-extrabold text-lg">Andronix App</h3>
147+
<p class="text-gray-400 text-sm">©2021 Andronix | Techriz. All Rights Reserved.</p>
148+
<p class="mt-3 text-xs text-gray-400 w-10/12 text-center mx-auto">
149+
Made with <a href="https://tailwindcss.com" class="underline font-bold text-gray-200"
150+
>Tailwind</a>, <a href="https://nuxtjs.org" class="underline font-bold text-gray-200"
151+
>NuxtJS</a> by <a
152+
href="https://github.com/imprakharshukla"
153+
class="underline font-bold text-gray-100"
154+
>imprakharshukla</a> in 🇮🇳
155+
</p>
156+
</div>
157+
158+
</div>
159+
</div>
160+
</template>
161+
162+
<script>
163+
export default {
164+
name: 'Footer'
165+
}
166+
</script>
167+
168+
<style scoped>
169+
170+
</style>

0 commit comments

Comments
 (0)