src/components/text/TextWide.astro
---
// TextWide, recovered from blurr-components.pages.dev
---
<section class="twid-section"> <div class="twid-inner"> <h1 class="twid-headline">Jouw groei is onze missie</h1> <p class="twid-sub">Van strategie tot conversie, BLURR is jouw marketingpartner voor de lange termijn.</p> </div> </section>
<style>
.twid-section{--color-accent: #6366f1;--color-primary: #0a0a0a;padding:80px 32px;font-family:system-ui,sans-serif;background:#fff;overflow:hidden}
.twid-inner{max-width:1100px;margin:0 auto}
.twid-headline{margin:0 0 20px;font-size:clamp(2.5rem, 5vw, 5rem);font-weight:900;color:var(--color-primary);letter-spacing:-.035em;line-height:1;animation:twid-in .6s ease both}
.twid-sub{margin:0;font-size:clamp(1rem,2vw,1.35rem);color:#6b7280;line-height:1.5;max-width:640px;animation:twid-in .6s .1s ease both}
</style>