39 lines
1.2 KiB
Plaintext
39 lines
1.2 KiB
Plaintext
---
|
|
import Heading from "../ui/Heading.astro";
|
|
import Button from "../ui/Button.astro";
|
|
|
|
const mail = "hello@efeele.dev";
|
|
const title = "Ready to take your idea to the next level?";
|
|
const subtitle = "Let's work together.";
|
|
const buttonText = "Contact Me";
|
|
const buttonIcon = "paperplane";
|
|
---
|
|
|
|
<section>
|
|
<div
|
|
class="w-full border-b bg-gradient-to-b from-mint-100 to-transparent dark:from-mint-800 dark:border-mint-950 border-mint-100"
|
|
>
|
|
<div class="mx-auto max-w-5xl px-8 py-24 max-sm:py-12">
|
|
<div class="flex items-center justify-between max-sm:flex-col max-sm:gap-8 max-sm:text-center">
|
|
<div class="max-w-lg">
|
|
<Heading
|
|
text={title}
|
|
textGradient={subtitle}
|
|
level={2}
|
|
/>
|
|
</div>
|
|
<div
|
|
class="transition-all duration-500 group-hover:animate-jump group-hover:animate-duration-[300ms] group-hover:animate-ease-in-out group-hover:scale-105 hover:scale-125"
|
|
>
|
|
<Button
|
|
variant="big"
|
|
link={`mailto:${mail}`}
|
|
text={buttonText}
|
|
iconName={buttonIcon}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|