23 lines
1.3 KiB
PHP
23 lines
1.3 KiB
PHP
<section class="bg-sf_blau-500 py-24" id="titel">
|
|
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
|
<div class="grid grid-cols-1 lg:gap-12 lg:grid lg:grid-cols-2 text-red-50">
|
|
<div class="w-full max-w-lg">
|
|
<h1 class="text-6xl font-bold"><?= $page->title() ?></h1>
|
|
</div>
|
|
<div class="w-full max-w-lg">
|
|
<p class="lg:pt-0 pt-6 text-xl"><?= $page->heroText() ?></p>
|
|
|
|
<?php if ($page->heroButton()->isNotEmpty()): ?>
|
|
<div class="mt-6 flex flex-wrap gap-4 md:mt-8">
|
|
<a href="<?= $page->buttonLink() ?>" class="hover:cursor-pointer hover:text-sf_gelb-500" target="_blank">
|
|
<button class="rounded-button inline-flex gap-3 items-center justify-center whitespace-nowrap transition-all duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none border border-border-primary text-text-primary bg-background-primary px-6 py-3" title="Kontakt" type="button">
|
|
<?= $page->heroButton() ?>
|
|
</button>
|
|
</a>
|
|
</div>
|
|
<?php endif ?>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|