<?php
/// file: app/Components/cta-block.php

declare(strict_types=1);

/** @var string $title */
/** @var string $text */
/** @var string $href */
/** @var string $label */
?>
<div class="container-shell">
    <div class="rounded-3xl border border-white/10 bg-gradient-to-br from-charcoal/80 to-carbon p-10 md:p-16">
        <h2 class="font-display text-3xl text-white md:text-5xl"><?= e($title) ?></h2>
        <p class="mt-6 max-w-xl text-silver-300"><?= e($text) ?></p>
        <a href="<?= e($href) ?>" class="magnetic-button mt-10 inline-flex rounded-full border border-white/25 px-8 py-3 text-xs uppercase tracking-[0.2em] text-white hover:border-electric-400/50"><?= e($label) ?></a>
    </div>
</div>
