diff options
| author | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-12-01 20:04:13 -0800 |
| commit | 216a600224fde22ce76b367557a02094ec693886 (patch) | |
| tree | d1189bbaa39db204633523132a7d4767b952717d /src/components/LandingHero.svelte | |
| parent | 7d9bc1f54dfd04172e8d6d43ebc2efd6f407e833 (diff) | |
| download | coinos-ui-216a600224fde22ce76b367557a02094ec693886.tar.gz coinos-ui-216a600224fde22ce76b367557a02094ec693886.zip | |
prettier
Diffstat (limited to 'src/components/LandingHero.svelte')
| -rw-r--r-- | src/components/LandingHero.svelte | 63 |
1 files changed, 33 insertions, 30 deletions
diff --git a/src/components/LandingHero.svelte b/src/components/LandingHero.svelte index 8e1d6476..e03bfdc2 100644 --- a/src/components/LandingHero.svelte +++ b/src/components/LandingHero.svelte @@ -1,37 +1,40 @@ <script> - import { goto } from '$app/navigation'; - import { Icon, Image } from '$comp'; - import { t } from '$lib/translations'; + import { goto } from "$app/navigation"; + import { Icon, Image } from "$comp"; + import { t } from "$lib/translations"; </script> <div class="mt-[96.88px] md:mt-0"> - <div class="space-y-10"> - <h1 - class="text-5xl md:text-6xl lg:text-7xl font-medium text-center w-full md:w-3/4 lg:w-1/2 max-w-7xl mx-auto leading-tight" - > - {$t('landing.header_before_icon')} - <span class="relative"> - {$t('landing.header_with_icon')} - <Icon icon="rays" style="absolute -top-16 left-5 md:left-8 lg:left-14 2xl:left-24" /> - </span> - {$t('landing.header_after_icon')} - </h1> - <h2 - class="text-center text-secondary w-full md:w-3/5 lg:w-2/5 max-w-3xl mx-auto text-xl leading-normal font-medium" - > - {$t('landing.subheader')} - </h2> + <div class="space-y-10"> + <h1 + class="text-5xl md:text-6xl lg:text-7xl font-medium text-center w-full md:w-3/4 lg:w-1/2 max-w-7xl mx-auto leading-tight" + > + {$t("landing.header_before_icon")} + <span class="relative"> + {$t("landing.header_with_icon")} + <Icon + icon="rays" + style="absolute -top-16 left-5 md:left-8 lg:left-14 2xl:left-24" + /> + </span> + {$t("landing.header_after_icon")} + </h1> + <h2 + class="text-center text-secondary w-full md:w-3/5 lg:w-2/5 max-w-3xl mx-auto text-xl leading-normal font-medium" + > + {$t("landing.subheader")} + </h2> - <div class="flex justify-center"> - <a href="/register"> - <button - class="bg-black text-white border rounded-full px-6 py-2 font-bold hover:opacity-80" - > - {$t('nav.startInSeconds')} - </button> - </a> - </div> - </div> + <div class="flex justify-center"> + <a href="/register"> + <button + class="bg-black text-white border rounded-full px-6 py-2 font-bold hover:opacity-80" + > + {$t("nav.startInSeconds")} + </button> + </a> + </div> + </div> - <Image image="hero-image" style="w-full md:w-2/3 max-w-5xl mx-auto mt-20" /> + <Image image="hero-image" style="w-full md:w-2/3 max-w-5xl mx-auto mt-20" /> </div> |