mirror of
https://github.com/revanced/revanced-website.git
synced 2025-05-01 15:14:28 +02:00
44 lines
852 B
Svelte
44 lines
852 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 />
|
|
<h2>
|
|
An extensible framework for<br />
|
|
building application mods.
|
|
</h2>
|
|
|
|
<div class="hero-buttons">
|
|
<Button kind="primary" href="/download" fontsize="1.3rem">Download</Button>
|
|
<Button href="/docs" fontsize="1.3rem">Read The Docs</Button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<style>
|
|
h2 {
|
|
margin-top: 1rem;
|
|
}
|
|
.hero {
|
|
padding-bottom: 10rem;
|
|
}
|
|
.hero-text {
|
|
align-items: center;
|
|
}
|
|
|
|
.hero-buttons {
|
|
gap: 1rem;
|
|
display: flex;
|
|
user-select: none;
|
|
}
|
|
|
|
.hero-text h1 {
|
|
font-size: 6.5rem;
|
|
letter-spacing: -0.04em;
|
|
}
|
|
</style>
|