diff --git a/src/assets/gifs/Discover.gif b/src/assets/gifs/Discover.gif new file mode 100644 index 00000000..063a3756 Binary files /dev/null and b/src/assets/gifs/Discover.gif differ diff --git a/src/assets/gifs/sendit-email.gif b/src/assets/gifs/sendit-email.gif new file mode 100644 index 00000000..e6403a72 Binary files /dev/null and b/src/assets/gifs/sendit-email.gif differ diff --git a/src/assets/gifs/social-logins.gif b/src/assets/gifs/social-logins.gif new file mode 100644 index 00000000..2c3fb467 Binary files /dev/null and b/src/assets/gifs/social-logins.gif differ diff --git a/src/assets/gifs/success.gif b/src/assets/gifs/success.gif new file mode 100644 index 00000000..94552653 Binary files /dev/null and b/src/assets/gifs/success.gif differ diff --git a/src/assets/images/close.svg b/src/assets/images/close.svg new file mode 100644 index 00000000..969b6b29 --- /dev/null +++ b/src/assets/images/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/icons/buy.svg b/src/assets/images/icons/buy.svg new file mode 100644 index 00000000..cf581b7b --- /dev/null +++ b/src/assets/images/icons/buy.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/icons/deposit.svg b/src/assets/images/icons/deposit.svg new file mode 100644 index 00000000..1390f3e8 --- /dev/null +++ b/src/assets/images/icons/deposit.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/icons/info-circle-yellow.svg b/src/assets/images/icons/info-circle-yellow.svg new file mode 100644 index 00000000..d8f34021 --- /dev/null +++ b/src/assets/images/icons/info-circle-yellow.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/icons/info-circle.svg b/src/assets/images/icons/info-circle.svg new file mode 100644 index 00000000..2b113359 --- /dev/null +++ b/src/assets/images/icons/info-circle.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/icons/info.svg b/src/assets/images/icons/info.svg new file mode 100644 index 00000000..0e94b97d --- /dev/null +++ b/src/assets/images/icons/info.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/icons/withdraw.svg b/src/assets/images/icons/withdraw.svg new file mode 100644 index 00000000..5684b917 --- /dev/null +++ b/src/assets/images/icons/withdraw.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/images/illustration-icons/gasless-img.png b/src/assets/images/illustration-icons/gasless-img.png new file mode 100644 index 00000000..cf085c45 Binary files /dev/null and b/src/assets/images/illustration-icons/gasless-img.png differ diff --git a/src/assets/images/landing/bg-bottom.png b/src/assets/images/landing/bg-bottom.png new file mode 100644 index 00000000..aef638e0 Binary files /dev/null and b/src/assets/images/landing/bg-bottom.png differ diff --git a/src/assets/images/landing/black-backdrop.png b/src/assets/images/landing/black-backdrop.png new file mode 100644 index 00000000..6736984e Binary files /dev/null and b/src/assets/images/landing/black-backdrop.png differ diff --git a/src/assets/images/landing/bottom-bg.png b/src/assets/images/landing/bottom-bg.png new file mode 100644 index 00000000..9e74ab82 Binary files /dev/null and b/src/assets/images/landing/bottom-bg.png differ diff --git a/src/assets/images/landing/cloud-elephant.png b/src/assets/images/landing/cloud-elephant.png new file mode 100644 index 00000000..6a6adf61 Binary files /dev/null and b/src/assets/images/landing/cloud-elephant.png differ diff --git a/src/assets/images/landing/cloud-how.png b/src/assets/images/landing/cloud-how.png new file mode 100644 index 00000000..71cbc89d Binary files /dev/null and b/src/assets/images/landing/cloud-how.png differ diff --git a/src/assets/images/landing/earn-xp-horse-300w.png b/src/assets/images/landing/earn-xp-horse-300w.png index f51c1d18..cd505841 100644 Binary files a/src/assets/images/landing/earn-xp-horse-300w.png and b/src/assets/images/landing/earn-xp-horse-300w.png differ diff --git a/src/assets/images/landing/earn-xp-horse-836w.png b/src/assets/images/landing/earn-xp-horse-836w.png index c3cc1b90..8d480f80 100644 Binary files a/src/assets/images/landing/earn-xp-horse-836w.png and b/src/assets/images/landing/earn-xp-horse-836w.png differ diff --git a/src/assets/images/landing/faq-underlined.png b/src/assets/images/landing/faq-underlined.png new file mode 100644 index 00000000..7100c682 Binary files /dev/null and b/src/assets/images/landing/faq-underlined.png differ diff --git a/src/assets/images/landing/footer-bg-375w.png b/src/assets/images/landing/footer-bg-375w.png deleted file mode 100644 index b9b4020a..00000000 Binary files a/src/assets/images/landing/footer-bg-375w.png and /dev/null differ diff --git a/src/assets/images/landing/footer-bg-902w.png b/src/assets/images/landing/footer-bg-902w.png deleted file mode 100644 index 623d8c04..00000000 Binary files a/src/assets/images/landing/footer-bg-902w.png and /dev/null differ diff --git a/src/assets/images/landing/footer-graphics-375w.png b/src/assets/images/landing/footer-graphics-375w.png deleted file mode 100644 index b9b4020a..00000000 Binary files a/src/assets/images/landing/footer-graphics-375w.png and /dev/null differ diff --git a/src/assets/images/landing/footer-graphics-902w.png b/src/assets/images/landing/footer-graphics-902w.png deleted file mode 100644 index 623d8c04..00000000 Binary files a/src/assets/images/landing/footer-graphics-902w.png and /dev/null differ diff --git a/src/assets/images/landing/get-on-web3-1440w.png b/src/assets/images/landing/get-on-web3-1440w.png index f3456239..0470af6b 100644 Binary files a/src/assets/images/landing/get-on-web3-1440w.png and b/src/assets/images/landing/get-on-web3-1440w.png differ diff --git a/src/assets/images/landing/get-on-web3-375w.png b/src/assets/images/landing/get-on-web3-375w.png index da303215..a0a5b5fb 100644 Binary files a/src/assets/images/landing/get-on-web3-375w.png and b/src/assets/images/landing/get-on-web3-375w.png differ diff --git a/src/assets/images/landing/here-sendit-1441.png b/src/assets/images/landing/here-sendit-1441.png new file mode 100644 index 00000000..97f068a5 Binary files /dev/null and b/src/assets/images/landing/here-sendit-1441.png differ diff --git a/src/assets/images/landing/here-sendit-375.png b/src/assets/images/landing/here-sendit-375.png new file mode 100644 index 00000000..5c0236f2 Binary files /dev/null and b/src/assets/images/landing/here-sendit-375.png differ diff --git a/src/assets/images/landing/hero-bg-top.png b/src/assets/images/landing/hero-bg-top.png new file mode 100644 index 00000000..d9fa0972 Binary files /dev/null and b/src/assets/images/landing/hero-bg-top.png differ diff --git a/src/assets/images/landing/hero-bottom-background.svg b/src/assets/images/landing/hero-bottom-background.svg new file mode 100644 index 00000000..29542c57 --- /dev/null +++ b/src/assets/images/landing/hero-bottom-background.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/images/landing/hero-image-1440w.png b/src/assets/images/landing/hero-image-1440w.png index e7bfd099..ec68f063 100644 Binary files a/src/assets/images/landing/hero-image-1440w.png and b/src/assets/images/landing/hero-image-1440w.png differ diff --git a/src/assets/images/landing/hero-image-375w.png b/src/assets/images/landing/hero-image-375w.png deleted file mode 100644 index c127a5fa..00000000 Binary files a/src/assets/images/landing/hero-image-375w.png and /dev/null differ diff --git a/src/assets/images/landing/hero-sendit-1440.png b/src/assets/images/landing/hero-sendit-1440.png new file mode 100644 index 00000000..e437eb49 Binary files /dev/null and b/src/assets/images/landing/hero-sendit-1440.png differ diff --git a/src/assets/images/landing/hero-sendit-1441.png b/src/assets/images/landing/hero-sendit-1441.png new file mode 100644 index 00000000..9cfb993d Binary files /dev/null and b/src/assets/images/landing/hero-sendit-1441.png differ diff --git a/src/assets/images/landing/how-does-it-work-1.png b/src/assets/images/landing/how-does-it-work-1.png deleted file mode 100644 index e07f5d83..00000000 Binary files a/src/assets/images/landing/how-does-it-work-1.png and /dev/null differ diff --git a/src/assets/images/landing/how-does-it-work-1.svg b/src/assets/images/landing/how-does-it-work-1.svg deleted file mode 100644 index 867adee5..00000000 --- a/src/assets/images/landing/how-does-it-work-1.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/images/landing/how-does-it-work-2.png b/src/assets/images/landing/how-does-it-work-2.png deleted file mode 100644 index f306a789..00000000 Binary files a/src/assets/images/landing/how-does-it-work-2.png and /dev/null differ diff --git a/src/assets/images/landing/how-does-it-work-2.svg b/src/assets/images/landing/how-does-it-work-2.svg deleted file mode 100644 index c00a7546..00000000 --- a/src/assets/images/landing/how-does-it-work-2.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/images/landing/how-does-it-work-3.png b/src/assets/images/landing/how-does-it-work-3.png deleted file mode 100644 index 5910c5b9..00000000 Binary files a/src/assets/images/landing/how-does-it-work-3.png and /dev/null differ diff --git a/src/assets/images/landing/how-does-it-work-3.svg b/src/assets/images/landing/how-does-it-work-3.svg deleted file mode 100644 index 979fa4a7..00000000 --- a/src/assets/images/landing/how-does-it-work-3.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/images/landing/how-does-it-work-4.png b/src/assets/images/landing/how-does-it-work-4.png deleted file mode 100644 index f76b216f..00000000 Binary files a/src/assets/images/landing/how-does-it-work-4.png and /dev/null differ diff --git a/src/assets/images/landing/how-does-it-work-4.svg b/src/assets/images/landing/how-does-it-work-4.svg deleted file mode 100644 index e0dd74f8..00000000 --- a/src/assets/images/landing/how-does-it-work-4.svg +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/images/landing/main-hero-image.png b/src/assets/images/landing/main-hero-image.png new file mode 100644 index 00000000..fdc1fda3 Binary files /dev/null and b/src/assets/images/landing/main-hero-image.png differ diff --git a/src/assets/images/landing/planet-cloud-right.png b/src/assets/images/landing/planet-cloud-right.png new file mode 100644 index 00000000..632c10a8 Binary files /dev/null and b/src/assets/images/landing/planet-cloud-right.png differ diff --git a/src/assets/images/landing/planet1.png b/src/assets/images/landing/planet1.png new file mode 100644 index 00000000..0d20124c Binary files /dev/null and b/src/assets/images/landing/planet1.png differ diff --git a/src/assets/images/landing/planet2.png b/src/assets/images/landing/planet2.png new file mode 100644 index 00000000..66fb1f49 Binary files /dev/null and b/src/assets/images/landing/planet2.png differ diff --git a/src/assets/images/landing/question-mark.png b/src/assets/images/landing/question-mark.png new file mode 100644 index 00000000..988c7d9e Binary files /dev/null and b/src/assets/images/landing/question-mark.png differ diff --git a/src/assets/images/landing/sendit-quote-spiral-375w.png b/src/assets/images/landing/sendit-quote-spiral-375w.png deleted file mode 100644 index 34a57778..00000000 Binary files a/src/assets/images/landing/sendit-quote-spiral-375w.png and /dev/null differ diff --git a/src/assets/images/landing/sendit-quote-spiral-803w.png b/src/assets/images/landing/sendit-quote-spiral-803w.png deleted file mode 100644 index 57e689d6..00000000 Binary files a/src/assets/images/landing/sendit-quote-spiral-803w.png and /dev/null differ diff --git a/src/assets/images/landing/tagline-bg-375w.png b/src/assets/images/landing/tagline-bg-375w.png deleted file mode 100644 index 34a57778..00000000 Binary files a/src/assets/images/landing/tagline-bg-375w.png and /dev/null differ diff --git a/src/assets/images/landing/tagline-bg-803w.png b/src/assets/images/landing/tagline-bg-803w.png deleted file mode 100644 index 57e689d6..00000000 Binary files a/src/assets/images/landing/tagline-bg-803w.png and /dev/null differ diff --git a/src/assets/images/landing/transactions.svg b/src/assets/images/landing/transactions.svg new file mode 100644 index 00000000..41c75f22 --- /dev/null +++ b/src/assets/images/landing/transactions.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/landing/users.svg b/src/assets/images/landing/users.svg new file mode 100644 index 00000000..dfe3f295 --- /dev/null +++ b/src/assets/images/landing/users.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/assets/images/landing/why-sendit-1-111w.png b/src/assets/images/landing/why-sendit-1-111w.png deleted file mode 100644 index d36f7e7d..00000000 Binary files a/src/assets/images/landing/why-sendit-1-111w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-1-344w.png b/src/assets/images/landing/why-sendit-1-344w.png deleted file mode 100644 index dcbee53d..00000000 Binary files a/src/assets/images/landing/why-sendit-1-344w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-2-156w.png b/src/assets/images/landing/why-sendit-2-156w.png deleted file mode 100644 index 74c6deef..00000000 Binary files a/src/assets/images/landing/why-sendit-2-156w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-2-502w.png b/src/assets/images/landing/why-sendit-2-502w.png deleted file mode 100644 index 204f1316..00000000 Binary files a/src/assets/images/landing/why-sendit-2-502w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-3-241w.png b/src/assets/images/landing/why-sendit-3-241w.png deleted file mode 100644 index 6f53a110..00000000 Binary files a/src/assets/images/landing/why-sendit-3-241w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-3-66w.png b/src/assets/images/landing/why-sendit-3-66w.png deleted file mode 100644 index e350eced..00000000 Binary files a/src/assets/images/landing/why-sendit-3-66w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-4-242w.png b/src/assets/images/landing/why-sendit-4-242w.png deleted file mode 100644 index 0984e558..00000000 Binary files a/src/assets/images/landing/why-sendit-4-242w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-4-70w.png b/src/assets/images/landing/why-sendit-4-70w.png deleted file mode 100644 index c76352e0..00000000 Binary files a/src/assets/images/landing/why-sendit-4-70w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-bg-266w.png b/src/assets/images/landing/why-sendit-bg-266w.png deleted file mode 100644 index 21331d19..00000000 Binary files a/src/assets/images/landing/why-sendit-bg-266w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-bg-557w.svg b/src/assets/images/landing/why-sendit-bg-557w.svg deleted file mode 100644 index 50ff15fc..00000000 --- a/src/assets/images/landing/why-sendit-bg-557w.svg +++ /dev/null @@ -1,64 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/images/landing/why-sendit-bg-603w.png b/src/assets/images/landing/why-sendit-bg-603w.png deleted file mode 100644 index 1b93e591..00000000 Binary files a/src/assets/images/landing/why-sendit-bg-603w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-bg-81w.png b/src/assets/images/landing/why-sendit-bg-81w.png deleted file mode 100644 index 9fa9c44e..00000000 Binary files a/src/assets/images/landing/why-sendit-bg-81w.png and /dev/null differ diff --git a/src/assets/images/landing/why-sendit-bg-81w.svg b/src/assets/images/landing/why-sendit-bg-81w.svg deleted file mode 100644 index b208dbd3..00000000 --- a/src/assets/images/landing/why-sendit-bg-81w.svg +++ /dev/null @@ -1,58 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/images/wallet-tutor-arrow-1.svg b/src/assets/images/wallet-tutor-arrow-1.svg new file mode 100644 index 00000000..cfecfc7f --- /dev/null +++ b/src/assets/images/wallet-tutor-arrow-1.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/wallet-tutor-arrow-2.svg b/src/assets/images/wallet-tutor-arrow-2.svg new file mode 100644 index 00000000..e5e3cab7 --- /dev/null +++ b/src/assets/images/wallet-tutor-arrow-2.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/LandingDescription.vue b/src/components/LandingDescription.vue index 24def3bf..a2d07514 100644 --- a/src/components/LandingDescription.vue +++ b/src/components/LandingDescription.vue @@ -2,7 +2,7 @@
-

+

No wallet? No problem.
Just Send It!

diff --git a/src/components/landing/LandingDiscover.vue b/src/components/landing/LandingDiscover.vue new file mode 100644 index 00000000..1271b58d --- /dev/null +++ b/src/components/landing/LandingDiscover.vue @@ -0,0 +1,50 @@ + + + diff --git a/src/components/landing/LandingEarnXP.vue b/src/components/landing/LandingEarnXP.vue index f22996f0..9251c954 100644 --- a/src/components/landing/LandingEarnXP.vue +++ b/src/components/landing/LandingEarnXP.vue @@ -3,68 +3,33 @@

- - Earn XP  + Earn XP  +
- for Using SendIt + for Using SendIt

-

- Earn XP ! +

+ Earn XP

-
-
-

+
+
+

Convenience, and Rewards!

-

+

Your ultimate solution for hassle-free crypto transfers. Earn points with every transaction while contributing to crypto's mainstream adoption. Share SendIt with friends on socials for even more points. Win weekly leaderboard challenges for a big airdrops! Also, tune into our socials for updates on rewards that will melt faces! 🤑🤑🤑

-
- Follow Arcana Network on Twitter - Join Arcana Network on Telegram - Join Arcana Network on Discord - Subscribe to Arcana Network on YouTube -
- Earn XP for using SendIt + " sizes="(max-width: 767px) 300px, 836px" loading="lazy" alt="Earn XP for using SendIt" + class="md:-mr-[20px]" />

diff --git a/src/components/landing/LandingFAQ.vue b/src/components/landing/LandingFAQ.vue index 92a4066f..6459d797 100644 --- a/src/components/landing/LandingFAQ.vue +++ b/src/components/landing/LandingFAQ.vue @@ -34,84 +34,38 @@ const faqs = [

- Frequently Asked  +
- Questions - + Frequently  +
+ Asked Questions

- + + class="faq-section-description py-[1.4rem] flex justify-between items-center w-full gap-4 text-white"> {{ faq.question }} - - + + - + {{ faq.answer }} + class="faq-section-description py-[1.4rem] flex justify-between items-center w-full gap-4 text-white"> Need more support? - - + + - + Reach out to us via - Discord, - Telegram, or - Mail. + Discord, + Telegram, or + Mail.
diff --git a/src/components/landing/LandingFooter.vue b/src/components/landing/LandingFooter.vue index 4d806f3d..a84314a6 100644 --- a/src/components/landing/LandingFooter.vue +++ b/src/components/landing/LandingFooter.vue @@ -1,108 +1,63 @@ - - diff --git a/src/components/landing/LandingGetOnWeb3.vue b/src/components/landing/LandingGetOnWeb3.vue index 6e07aae1..9160bcca 100644 --- a/src/components/landing/LandingGetOnWeb3.vue +++ b/src/components/landing/LandingGetOnWeb3.vue @@ -1,27 +1,16 @@ diff --git a/src/components/landing/LandingHeader.vue b/src/components/landing/LandingHeader.vue index 0c81afc7..b578a386 100644 --- a/src/components/landing/LandingHeader.vue +++ b/src/components/landing/LandingHeader.vue @@ -21,48 +21,28 @@ onBeforeUnmount(() => { \ No newline at end of file diff --git a/src/components/landing/LandingHowDoesItWork.vue b/src/components/landing/LandingHowDoesItWork.vue deleted file mode 100644 index 4a881e44..00000000 --- a/src/components/landing/LandingHowDoesItWork.vue +++ /dev/null @@ -1,123 +0,0 @@ - - - diff --git a/src/components/landing/LandingNumbers.vue b/src/components/landing/LandingNumbers.vue index abc9a19f..78ce72bd 100644 --- a/src/components/landing/LandingNumbers.vue +++ b/src/components/landing/LandingNumbers.vue @@ -1,39 +1,30 @@ diff --git a/src/components/landing/LandingSenditTagline.vue b/src/components/landing/LandingSenditTagline.vue index 6b9f1765..91ca347e 100644 --- a/src/components/landing/LandingSenditTagline.vue +++ b/src/components/landing/LandingSenditTagline.vue @@ -1,53 +1,24 @@ diff --git a/src/components/landing/LandingWhySendit.vue b/src/components/landing/LandingWhySendit.vue index f4091d40..ae7864b9 100644 --- a/src/components/landing/LandingWhySendit.vue +++ b/src/components/landing/LandingWhySendit.vue @@ -1,177 +1,62 @@ diff --git a/src/main.ts b/src/main.ts index 62a4017f..85e87472 100644 --- a/src/main.ts +++ b/src/main.ts @@ -5,7 +5,9 @@ import Toast from "vue-toastification"; import "vue-toastification/dist/index.css"; import "@fontsource/caveat/700.css"; +import "@fontsource/caveat/400.css"; import "@fontsource/syne/700.css"; +import "@fontsource/syne/400.css"; import "@/style.css"; import App from "@/App.vue"; diff --git a/src/pages/landing.vue b/src/pages/landing.vue index db8a0504..3cf85f05 100644 --- a/src/pages/landing.vue +++ b/src/pages/landing.vue @@ -3,6 +3,7 @@ import { defineAsyncComponent, ref } from "vue"; import LandingHeader from "@/components/landing/LandingHeader.vue"; import LandingHero from "@/components/landing/LandingHero.vue"; import LandingNumbers from "@/components/landing/LandingNumbers.vue"; +import LandingDiscover from "@/components/landing/LandingDiscover.vue"; const LandingWhySendit = defineAsyncComponent( () => import("@/components/landing/LandingWhySendit.vue") @@ -10,9 +11,6 @@ const LandingWhySendit = defineAsyncComponent( const LandingSenditTagline = defineAsyncComponent( () => import("@/components/landing/LandingSenditTagline.vue") ); -const LandingHowDoesItWork = defineAsyncComponent( - () => import("@/components/landing/LandingHowDoesItWork.vue") -); const LandingEarnXP = defineAsyncComponent( () => import("@/components/landing/LandingEarnXP.vue") ); @@ -30,38 +28,27 @@ const isBannerClosed = ref(true); diff --git a/src/style.css b/src/style.css index 8ffb2f82..2c52a993 100644 --- a/src/style.css +++ b/src/style.css @@ -59,13 +59,22 @@ color: #fd7132; } -.font-syne { +.syne { font-family: "Syne", sans-serif; + font-optical-sizing: auto; + font-weight: 400; + font-style: normal; +} + +.font-bold-onest { + font-family: "Onest", sans-serif; + font-optical-sizing: auto; font-weight: 700; + font-style: normal; } html { - background-color: #0e0e0e; + background-color: #0c0c0d; scroll-behavior: smooth; } @@ -73,7 +82,7 @@ body { font-family: Onest, sans-serif; color: #ffffff; min-height: 100vh; - background-color: #0e0e0e; + background-color: #0c0c0d; } #app { @@ -165,26 +174,291 @@ body { .landing-section-title { font-family: "Syne", sans-serif; + font-weight: 400; + font-size: x-large; + line-height: 1.5rem; +} + +.discover-section-title { + font-family: "Syne", sans-serif; + font-weight: 400; + font-size: x-large; + line-height: 1rem; +} +.discover-bold-section-title { font-weight: 700; - font-size: 1.25rem; + font-size: x-large; + line-height: 3rem; +} +.earn-section-title { + font-weight: 400; + font-size: x-large; line-height: 1.5rem; } +.getonweb3-section-title { + font-weight: 700; + font-size: x-large; + line-height: 3rem; +} + +.faq-section-title { + font-family: "Syne", sans-serif; + font-weight: 400; + font-size: 20px; + line-height: 1.5rem; +} + +.landing-section-subtitle { + color: #a4a5a5; + font-size: 20px; + line-height: 1.75rem; + font-weight: 400; +} + .landing-section-description { - color: #c4c4c4; - font-size: 0.75rem; + color: #a4a5a5; + font-size: 25px; line-height: 1.125rem; font-weight: 400; } +.getonweb3-section-description { + color: #a4a5a5; + font-size: 1.25rem; + line-height: 1.5rem; + font-weight: 400; +} + +.faq-section-description { + color: #a4a5a5; + font-size: 25px; + line-height: 1.125rem; + font-weight: 400; +} + +@keyframes go-to-linear { + 0% { + transform: translateY(0%); + } + 25% { + transform: translateY(5%); + } + 50% { + transform: translateY(-5%); + } + 100% { + transform: translateY(0%); + animation-duration: calc(5s + 2s * random()); + animation-timing-function: cubic-bezier( + random(), + random(), + random(), + random() + ); + } +} + +@keyframes go-to-linear2 { + 0% { + transform: translateY(0%); + } + 50% { + transform: translateY(10%); + } + 100% { + transform: translateY(0%); + animation-duration: calc(5s + 2s * random()); + animation-timing-function: cubic-bezier( + random(), + random(), + random(), + random() + ); + } +} + +@keyframes go-to-linear-big { + 0% { + transform: translateY(0%); + } + 25% { + transform: translateY(3%); + } + 50% { + transform: translateY(-3%); + } + 100% { + transform: translateY(0%); + animation-duration: calc(5s + 2s * random()); + animation-timing-function: cubic-bezier( + random(), + random(), + random(), + random() + ); + } +} + +.go-to-linear-animation { + animation: go-to-linear 10s linear infinite; +} + +.go-to-linear-animation2 { + animation: go-to-linear2 10s linear infinite; +} + +.go-to-linear-animation-big { + animation: go-to-linear-big 20s linear infinite; +} + +@media screen and (max-width: 768px) { + .landing-section-title { + font-size: 2.25rem; + line-height: 3rem; + } + .earn-section-title { + font-size: 2rem; + line-height: 3rem; + } + .getonweb3-section-title { + font-size: 2rem; + line-height: 1rem; + } + + .faq-section-title { + font-size: 1.5rem; + line-height: 3rem; + } + + .landing-section-subtitle { + font-size: 15px; + line-height: 1.75rem; + } + + .landing-section-description { + font-size: 1rem; + line-height: 2rem; + } + .getonweb3-section-description { + font-size: 1rem; + line-height: 1.25rem; + } + .faq-section-description { + font-size: 1rem; + line-height: 1.95rem; + } + .discover-section-title { + font-size: 2rem; + line-height: 2.75rem; + } + .discover-bold-section-title { + font-size: 2rem; + line-height: 1rem; + } +} @media screen and (min-width: 768px) { .landing-section-title { - font-size: 2.5rem; + font-size: 3.75rem; + line-height: 1rem; + } + .discover-section-title { + font-size: 1.5rem; + line-height: 0rem; + } + .discover-bold-section-title { + font-size: 1.4rem; + line-height: 1rem; + } + .discover-section-description { + font-size: 15px; + line-height: 1.25rem; + } + .earn-section-title { + font-size: 3.25rem; + line-height: 3rem; + } + .getonweb3-section-title { + font-size: 3.75rem; line-height: 3rem; } + .faq-section-title { + font-size: 2.75rem; + line-height: 3rem; + } + + .landing-section-subtitle { + font-size: 20px; + line-height: 1.75rem; + } + .landing-section-description { + font-size: 1rem; + line-height: 2rem; + } + .getonweb3-section-description { + font-size: 1.25rem; + line-height: 1.95rem; + } + .faq-section-description { font-size: 1.25rem; + line-height: 1.95rem; + } +} + +@media screen and (min-width: 1024px) { + .landing-section-title { + font-weight: 400; + line-height: 3.5rem; + } + .discover-section-title { + font-size: 2.25rem; + line-height: 0rem; + } + .discover-bold-section-title { + font-size: 2.25rem; + line-height: 1rem; + } + .discover-section-description { + font-size: 20px; + line-height: 1.5rem; + } +} +@media screen and (min-width: 1280px) { + .landing-section-title { + font-weight: 400; + line-height: 3.5rem; + } + .discover-section-title { + font-size: 3.75rem; + line-height: 3rem; + } + .discover-bold-section-title { + font-size: 3.5rem; + line-height: 1rem; + } + .discover-section-description { + font-size: 25px; line-height: 2rem; } } + +@media screen and (min-width: 1536px) { + .landing-section-title { + font-weight: 400; + line-height: 3.5rem; + } + .discover-section-title { + font-size: 5.25rem; + line-height: 6rem; + } + .discover-bold-section-title { + font-size: 5rem; + line-height: 2rem; + } + .discover-section-description { + font-size: 35px; + line-height: 2.5rem; + } +} \ No newline at end of file