troylusty.com/src/components/Hero.astro
Troy 8df8272d6d
feat: add interactivity with alpinejs (#34)
* first stages of implementing alpinejs

* add link to projects slideshow

* begin adding nav bar

* inpired hero from flaco theme

* fix posts showcase

fixed to publish current work to latest

* revert docker action

* update astro version
2025-02-12 13:03:43 +00:00

33 lines
803 B
Text

---
import instrument from "@fontsource/instrument-serif/files/instrument-serif-latin-400-normal.woff2?url";
---
<link
rel="preload"
as="font"
type="font/woff2"
href={instrument}
crossorigin="anonymous"
/>
<section>
<div class="mx-auto px-8 py-32">
<div
class="animate-reveal mx-auto max-w-xl text-center text-4xl tracking-tight text-balance text-white md:text-6xl"
>
<div
class="text-secondary flex items-center justify-center gap-3 font-semibold"
>
Hi, I'm Troy,
<img
src="/assets/icon.png"
class="size-12 rounded-xl md:size-16"
alt=""
/>
</div>
<div class="text-tertiary font-serif font-light tracking-wide italic">
digital designer.
</div>
</div>
</div>
</section>