generated from boboko/starter
64 lines
2.8 KiB
PHP
64 lines
2.8 KiB
PHP
@props([
|
|
'image' => null,
|
|
])
|
|
|
|
<section {{ $attributes }}>
|
|
<div class="grid grid-cols-1 lg:grid-cols-2">
|
|
<div class="flex flex-col justify-center gap-8 px-8 py-16 lg:px-16 items-center">
|
|
<h2
|
|
class="text-h1 leading-[1.3] max-w-xl text-center"
|
|
aria-label="Γράψου στο newsletter μας"
|
|
data-controller="appear"
|
|
data-appear-visible-class="is-visible"
|
|
>
|
|
<span class="text-dance" data-text="Γράψου">Γράψου</span>
|
|
στο
|
|
<span class="text-dance [--dance-delay:200ms]" data-text="newsletter">newsletter</span>
|
|
μας
|
|
</h2>
|
|
|
|
<p class="max-w-xl text-neutral-600 text-center">
|
|
Γίνε μέλος της λίστας μας και κέρδισε <span class="font-bold">5% έκπτωση</span> στην πρώτη σου παραγγελία, μαζί με αποκλειστικές προσφορές και νέα.
|
|
</p>
|
|
|
|
<form method="POST" action="#" class="flex flex-col gap-6 max-w-xl items-center">
|
|
@csrf
|
|
<div class="relative max-w-xs w-full">
|
|
<x-ui.input
|
|
name="email"
|
|
type="email"
|
|
:required="true"
|
|
autocomplete="email"
|
|
placeholder="Το email σου"
|
|
class="pr-10 text-lg"
|
|
placeholderClass="placeholder:text-black/40"
|
|
aria-label="Το email σου"
|
|
/>
|
|
<button
|
|
type="submit"
|
|
aria-label="Εγγραφή στο newsletter"
|
|
class="absolute right-0 bottom-2 cursor-pointer"
|
|
>
|
|
<x-ui.icon name="arrow-right" size="22" />
|
|
</button>
|
|
</div>
|
|
|
|
<x-ui.checkbox name="gdpr_consent" :required="true" id="newsletter_split_gdpr_consent" class="after:mix-blend-multiply">
|
|
<span class="text-sm">Επιθυμώ διακαώς 🔥 να εγγραφώ στη λίστα αποστολής ενημερωτικού υλικού</span>
|
|
</x-ui.checkbox>
|
|
</form>
|
|
</div>
|
|
|
|
<div class=" min-h-[320px] lg:min-h-full border-t border-black lg:border-t-0 lg:border-l flex items-center justify-center">
|
|
<x-ui.stoic-image
|
|
src="middle-fingers2.png"
|
|
preset="medium"
|
|
alt=""
|
|
aria-hidden="true"
|
|
loading="lazy"
|
|
class="mix-blend-darken max-w-md"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</section>
|