revanced-website/src/lib/components/organisms/IndexDescription.svelte

39 lines
830 B
Svelte

<script>
import Button from '$lib/components/atoms/Button.svelte';
import IndexHeroTitle from '../atoms/IndexHeroTitle.svelte';
</script>
<section class="hero">
<div class="hero-text">
<!-- <img class="hero-img" src="/manager.png" alt="Screenshot of ReVanced Manager" /> -->
<IndexHeroTitle></IndexHeroTitle>
<h2>
An extensible framework for<br />
building application mods.
</h2>
<div class="hero-buttons">
<Button kind="primary" href="/download" fontsize="1.5rem">Download</Button>
<Button href="/docs" fontsize="1.5rem">Read The Docs</Button>
</div>
</div>
</section>
<style>
.hero-text {
align-items: center;
}
.hero-buttons {
display: flex;
gap:1rem;
user-select: none;
}
.hero-text h1 {
font-size: 6.5rem;
letter-spacing: -0.04em;
}
</style>