Skip to content

Commit 412aaae

Browse files
HassanZahirniaHassanZahirnia
committed
Add Laracon US 2025 competition page with countdown timer and ticket giveaway details
1 parent 29de3d4 commit 412aaae

File tree

5 files changed

+218
-3
lines changed

5 files changed

+218
-3
lines changed

‎resources/images/laraconus2025ticket.webp

45.5 KB
Binary file not shown.

‎resources/views/components/eap-banner.blade.php

Whitespace-only changes.

‎resources/views/components/ticket-giveaway-banner.blade.php

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<a
22
href="/laracon-us-2025-competition"
33
onclick="fathom.trackEvent('alert_click');"
4-
class="group relative z-30 flex items-center justify-center gap-x-2 gap-y-2.5 overflow-hidden bg-[#050714] px-5 py-3"
4+
class="group relative z-30 flex items-center justify-center gap-x-2 gap-y-2.5 overflow-hidden bg-[#050714] px-5 py-3 select-none"
55
>
66
{{-- Laracon --}}
77
<div
@@ -124,11 +124,11 @@ class="bg-clip-text tracking-tight text-transparent"
124124

125125
{{-- Left blur --}}
126126
<div
127-
class="absolute -left-20 -top-10 -z-10 size-36 rounded-full bg-violet-400 blur-2xl sm:-left-16 sm:-top-16 sm:size-52 sm:blur-3xl"
127+
class="absolute -top-10 -left-20 -z-10 size-36 rounded-full bg-violet-400 blur-2xl sm:-top-16 sm:-left-16 sm:size-52 sm:blur-3xl"
128128
></div>
129129

130130
{{-- Right blur --}}
131131
<div
132-
class="absolute -right-20 -top-10 -z-10 size-36 rounded-full bg-rose-500 blur-2xl sm:-right-16 sm:-top-16 sm:size-52 sm:blur-3xl"
132+
class="absolute -top-10 -right-20 -z-10 size-36 rounded-full bg-rose-500 blur-2xl sm:-top-16 sm:-right-16 sm:size-52 sm:blur-3xl"
133133
></div>
134134
</a>

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

Lines changed: 214 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,214 @@
1+
<x-layout>
2+
{{-- Hero Section --}}
3+
<section class="mx-auto mt-12 max-w-5xl px-5">
4+
<div class="grid place-items-center text-center">
5+
{{-- Countdown Header --}}
6+
<h2
7+
x-init="
8+
() => {
9+
motion.inView($el, (element) => {
10+
motion.animate(
11+
$el,
12+
{
13+
opacity: [0, 1],
14+
x: [-5, 0],
15+
y: [-5, 0],
16+
},
17+
{
18+
duration: 0.7,
19+
ease: motion.easeOut,
20+
},
21+
)
22+
})
23+
}
24+
"
25+
class="text-lg font-medium text-gray-600 dark:text-gray-400"
26+
>
27+
Hurry! Entry Closes In:
28+
</h2>
29+
30+
{{-- Countdown Timer --}}
31+
<div
32+
x-data="countdown('2025-06-31T23:59:59Z')"
33+
x-init="
34+
() => {
35+
motion.inView($el, (element) => {
36+
motion.animate(
37+
$el,
38+
{
39+
opacity: [0, 1],
40+
x: [5, 0],
41+
y: [5, 0],
42+
},
43+
{
44+
duration: 0.7,
45+
ease: motion.easeOut,
46+
},
47+
)
48+
})
49+
}
50+
"
51+
class="mt-2 grid grid-cols-4 gap-10 text-5xl"
52+
>
53+
<div class="flex flex-col items-center">
54+
<number-flow
55+
x-ref="dd"
56+
class="font-bold"
57+
></number-flow>
58+
<div
59+
class="text-base text-slate-600 uppercase dark:text-white/60"
60+
>
61+
Days
62+
</div>
63+
</div>
64+
<div class="flex flex-col items-center">
65+
<number-flow
66+
x-ref="hh"
67+
class="font-bold"
68+
></number-flow>
69+
<div
70+
class="text-base text-slate-600 uppercase dark:text-white/60"
71+
>
72+
Hours
73+
</div>
74+
</div>
75+
<div class="flex flex-col items-center">
76+
<number-flow
77+
x-ref="mm"
78+
class="font-bold"
79+
></number-flow>
80+
<div
81+
class="text-base text-slate-600 uppercase dark:text-white/60"
82+
>
83+
Minutes
84+
</div>
85+
</div>
86+
<div class="flex flex-col items-center">
87+
<number-flow
88+
x-ref="ss"
89+
class="font-bold"
90+
></number-flow>
91+
<div
92+
class="text-base text-slate-600 uppercase dark:text-white/60"
93+
>
94+
Seconds
95+
</div>
96+
</div>
97+
</div>
98+
99+
{{-- Ticket --}}
100+
<div
101+
x-init="
102+
() => {
103+
motion.inView($el, (element) => {
104+
motion.animate(
105+
$el,
106+
{
107+
opacity: [0, 1],
108+
},
109+
{
110+
duration: 0.7,
111+
ease: motion.easeOut,
112+
},
113+
)
114+
})
115+
}
116+
"
117+
class="relative isolate mt-8"
118+
>
119+
<img
120+
src="{{ Vite::asset('resources/images/laraconus2025ticket.webp') }}"
121+
alt="Laracon US 2025 Ticket"
122+
class="max-w-130"
123+
/>
124+
<div
125+
class="absolute top-1/2 right-1/2 -z-10 hidden h-full w-full translate-x-1/2 -translate-y-1/2 rounded-full bg-slate-500/25 blur-3xl dark:block"
126+
></div>
127+
</div>
128+
129+
<header
130+
class="relative z-10 mt-10 grid place-items-center text-center"
131+
>
132+
{{-- Primary Heading --}}
133+
<h1
134+
id="hero-heading"
135+
x-init="
136+
() => {
137+
motion.inView($el, (element) => {
138+
motion.animate(
139+
$el,
140+
{
141+
opacity: [0, 1],
142+
x: [-10, 0],
143+
},
144+
{
145+
duration: 0.7,
146+
ease: motion.easeOut,
147+
},
148+
)
149+
})
150+
}
151+
"
152+
class="text-3xl font-extrabold sm:text-4xl"
153+
>
154+
Ticket Giveaway
155+
</h1>
156+
157+
{{-- Introduction Description --}}
158+
<h2
159+
x-init="
160+
() => {
161+
motion.inView($el, (element) => {
162+
motion.animate(
163+
$el,
164+
{
165+
opacity: [0, 1],
166+
x: [10, 0],
167+
},
168+
{
169+
duration: 0.7,
170+
ease: motion.easeOut,
171+
},
172+
)
173+
})
174+
}
175+
"
176+
class="mx-auto max-w-2xl pt-4 text-base/relaxed text-gray-600 sm:text-lg/relaxed dark:text-gray-400"
177+
>
178+
Laracon US is an annual gathering of people who are
179+
passionate about building amazing applications with the
180+
Laravel web framework.
181+
</h2>
182+
183+
{{-- Primary CTA - Email --}}
184+
<div
185+
x-init="
186+
() => {
187+
motion.inView($el, (element) => {
188+
motion.animate(
189+
$el,
190+
{
191+
y: [10, 0],
192+
opacity: [0, 1],
193+
},
194+
{
195+
duration: 0.7,
196+
ease: motion.easeOut,
197+
},
198+
)
199+
})
200+
}
201+
"
202+
class="mt-5 w-full max-w-56"
203+
>
204+
<a
205+
href="mailto:[email protected]?subject=Interested%20In%20Being%20a%20Partner"
206+
class="flex items-center justify-center gap-2.5 rounded-2xl bg-zinc-800 px-6 py-4 text-white transition duration-200 hover:bg-zinc-900 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"
207+
>
208+
Enter to Win
209+
</a>
210+
</div>
211+
</header>
212+
</div>
213+
</section>
214+
</x-layout>

‎routes/web.php

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@
2222
Route::view('/blog', 'blog')->name('blog');
2323
Route::view('/article', 'article')->name('article');
2424
Route::view('mobile', 'early-adopter')->name('early-adopter');
25+
Route::view('laracon-us-2025-competition', 'laracon-us-2025-competition')->name('laracon-us-2025-competition');
2526
Route::redirect('ios', 'mobile');
2627
Route::redirect('t-shirt', 'mobile');
2728
Route::redirect('tshirt', 'mobile');

0 commit comments

Comments
 (0)