Skip to content

Commit 8b8385d

Browse files
steven-foxsteven-fox
committed
handle giveaway newsletter list sign up
1 parent bb04426 commit 8b8385d

File tree

1 file changed

+86
-21
lines changed

1 file changed

+86
-21
lines changed

‎resources/views/laracon-us-2025-giveaway.blade.php‎

Lines changed: 86 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -489,7 +489,7 @@ class="mx-auto mt-20 max-w-5xl scroll-mt-32 px-5"
489489
})
490490
}
491491
"
492-
class="rounded-2xl bg-[#F4F1EE] p-12 dark:bg-[#1a1a2e]"
492+
class="rounded-2xl bg-[#F4F1EE] p-5 sm:p-8 md:p-10 lg:p-12 dark:bg-[#1a1a2e]"
493493
>
494494
{{-- Header --}}
495495
<header class="text-center">
@@ -498,12 +498,9 @@ class="rounded-2xl bg-[#F4F1EE] p-12 dark:bg-[#1a1a2e]"
498498

499499
{{-- List --}}
500500
<div class="mt-8 space-y-4">
501-
<a
502-
href="/newsletter"
503-
target="_blank"
504-
class="group dark:bg-mirage flex items-center justify-between gap-5 rounded-2xl bg-white/50 p-6 transition duration-300 hover:bg-white/80 dark:hover:bg-slate-700/40"
501+
<div
502+
class="group dark:bg-mirage space-y-6 rounded-2xl bg-white/50 p-6 transition duration-300 hover:bg-white/80 dark:hover:bg-slate-700/40"
505503
>
506-
{{-- Left side --}}
507504
<div
508505
class="flex flex-col items-start gap-x-2 gap-y-1 sm:flex-row sm:items-center"
509506
>
@@ -513,16 +510,83 @@ class="font-medium text-nowrap opacity-40 transition duration-300 group-hover:te
513510
Step 1:
514511
</div>
515512
<h3 class="font-medium opacity-90">
516-
Subscribe to our giveaway newsletter
513+
Provide Your Contact Information
517514
</h3>
518515
</div>
519-
520-
{{-- Icon --}}
521-
<x-icons.right-arrow
522-
class="size-3.5 shrink-0 transition duration-300 group-hover:translate-x-1"
523-
aria-hidden="true"
524-
/>
525-
</a>
516+
@if ((int) request()->query('pending') === 1)
517+
<p class="text-sm text-gray-600 dark:text-gray-400">
518+
Thank you! Please check your inbox for an email to
519+
confirm your entry.
520+
</p>
521+
@elseif ((int) request()->query('subscribed') === 1)
522+
<p class="text-sm text-gray-600 dark:text-gray-400">
523+
Thank you! You have been entered into the giveaway.
524+
</p>
525+
@else
526+
<form
527+
method="POST"
528+
action="https://simonhamp.mailcoach.app/subscribe/4ae9db1b-d066-40b5-9e16-99f3723ec57c"
529+
>
530+
<fieldset class="flex flex-col gap-4 md:flex-row">
531+
<div class="basis-1/2">
532+
<label
533+
for="email"
534+
class="block text-sm font-medium text-gray-500 dark:text-gray-500"
535+
>
536+
Email
537+
</label>
538+
<input
539+
type="email"
540+
id="email"
541+
name="email"
542+
class="w-full rounded-lg border border-gray-300 px-4 py-2.5 focus:border-purple-400 focus:ring-0 focus:outline-hidden dark:border-gray-600 dark:bg-gray-800 dark:text-white"
543+
placeholder="[email protected]"
544+
autocomplete="email"
545+
required
546+
/>
547+
</div>
548+
<div class="basis-1/2">
549+
<label
550+
for="first_name"
551+
class="block text-sm font-medium text-gray-500 dark:text-gray-500"
552+
>
553+
First Name
554+
</label>
555+
<input
556+
type="text"
557+
id="first_name"
558+
name="first_name"
559+
class="w-full rounded-lg border border-gray-300 px-4 py-2.5 focus:border-purple-400 focus:ring-0 focus:outline-hidden dark:border-gray-600 dark:bg-gray-800 dark:text-white"
560+
placeholder="Taylor"
561+
autocomplete="given-name"
562+
required
563+
/>
564+
</div>
565+
<input
566+
type="hidden"
567+
name="redirect_after_subscribed"
568+
value="{{ route('laracon-us-2025-giveaway', ['subscribed' => 1]) . '#how-to-enter' }}"
569+
/>
570+
<input
571+
type="hidden"
572+
name="redirect_after_already_subscribed"
573+
value="{{ route('laracon-us-2025-giveaway', ['subscribed' => 1]) . '#how-to-enter' }}"
574+
/>
575+
<input
576+
type="hidden"
577+
name="redirect_after_subscription_pending"
578+
value="{{ route('laracon-us-2025-giveaway', ['pending' => 1]) . '#how-to-enter' }}"
579+
/>
580+
</fieldset>
581+
<button
582+
type="submit"
583+
class="mt-4 ml-auto block w-full rounded-xl bg-zinc-800 px-8 py-3 text-white outline-violet-500 transition duration-200 hover:bg-zinc-900 focus-visible:outline-2 focus-visible:outline-offset-2 sm:w-auto dark:bg-violet-400/80 dark:drop-shadow-xl dark:drop-shadow-transparent dark:hover:bg-violet-400 dark:hover:drop-shadow-violet-400/30 dark:active:bg-violet-500"
584+
>
585+
Submit
586+
</button>
587+
</form>
588+
@endif
589+
</div>
526590
<a
527591
href="https://x.com/nativephp"
528592
target="_blank"
@@ -625,14 +689,15 @@ class="size-3.5 shrink-0 transition duration-300 group-hover:translate-x-1"
625689
>
626690
<h3 class="text-3xl font-semibold">Rules</h3>
627691
<article class="mt-4 text-gray-600 dark:text-gray-400">
628-
<ul class="list-disc space-y-2">
692+
<ul class="ml-5 list-disc space-y-2 marker:text-violet-400">
629693
<li>
630-
To enter, you must subscribe to our giveaway newsletter
631-
list (step 1 above). Even if you are already subscribed
632-
to the NativePHP newsletter, you must still subscribe to
633-
the giveaway-specific newsletter list via the link
634-
above. Steps 2 & 3 are optional but appreciated. No
635-
purchase is necessary to enter.
694+
To enter, you must provide your contact information
695+
(step 1 above). This will subscribe you to our
696+
giveaway-specific newsletter list. Even if you are
697+
already subscribed to the NativePHP newsletter, you must
698+
still subscribe to the giveaway-specific newsletter list
699+
via the form above. Steps 2-4 are optional but
700+
appreciated. No purchase is necessary to enter.
636701
</li>
637702
<li>Only one entry is permitted per person.</li>
638703
<li>Must be 18 years or older to enter.</li>

0 commit comments

Comments
 (0)