-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
416 lines (387 loc) · 17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
<!doctype html>
<html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-PDC2Y0KZH0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-PDC2Y0KZH0');
</script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],200..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap"
rel="stylesheet"
/>
<title>Weave your e-commerce experience | Commerce Weavers</title>
<meta
property="og:title"
content="Elliot - Event Ticketing Engine (E.T.E)"
/>
<meta
name="description"
content="Discover the Extra-Terrestrial phenomenon. The only event
ticketing system in our universe that is not a closed platform
but an open and friendly creation (exactly like the beloved
alien E.T.)."
/>
<meta
property="og:description"
content="Discover the Extra-Terrestrial phenomenon. The only event
ticketing system in our universe that is not a closed platform
but an open and friendly creation (exactly like the beloved
alien E.T.)."
/>
<meta property="og:image" content="/assets/social.png" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
fontFamily: {
sans: ["Plus Jakarta Sans", "sans-serif"],
},
screens: {
sm: "480px",
md: "768px",
xl: "1140px",
},
extend: {
fontFamily: {
head: ["Bricolage Grotesque", "sans-serif"],
},
},
},
};
</script>
<style>
html {
scroll-behavior: smooth;
}
body {
background-image: url("/assets/bg-opt.png");
background-position: center top;
background-repeat: no-repeat;
}
strong {
color: white;
}
.custom-gradient-bg {
border: 1px solid rgba(255, 255, 255, 0.075);
box-sizing: border-box;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.15) 0%,
rgba(102, 102, 102, 0.15) 100%
);
backdrop-filter: blur(2.5px);
border-radius: 20px;
}
.custom-gradient-text {
background: linear-gradient(180deg, #fd986b 0%, #f47965 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.plus-jakarta-sans {
font-family: "Plus Jakarta Sans", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
.bricolage-grotesque {
font-family: "Bricolage Grotesque", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
</style>
</head>
<body class="bg-black text-white text-lg leading-relaxed">
<!-- Logo -->
<div class="flex justify-center pt-16 md:pt-32 pb-16 md:pb-28">
<a href="/">
<img src="/assets/elliot-logo.svg" alt="Elliot logo" />
</a>
</div>
<!-- Hero -->
<div class="container mx-auto text-center md:max-w-[60rem] mb-40">
<h1 class="text-6xl md:text-7xl xl:text-8xl font-head mb-16">
<div class="font-bold">Event Ticketing Engine</div>
<div class="font-extralight">(E.T.E.)</div>
</h1>
<div
class="md:text-2xl mb-12 md:mb-24 px-8 md:px-0 md:leading-relaxed"
>
Discover the Extra-Terrestrial phenomenon. The only event
ticketing system in our universe that is not a closed platform
but an open and friendly creation (exactly like the beloved
alien E.T.).
</div>
<!-- Hi -->
<img
src="/assets/elliot-alien-hi.png"
alt="Elliot Hi"
class="mx-auto"
/>
<a
href="#contact"
class="bg-white hover:bg-[#862D3F] text-black hover:text-white md:text-2xl font-medium py-4 px-8 md:px-24 rounded-lg transition-colors duration-100"
>
Meet the alien
</a>
</div>
<!-- About -->
<div class="relative md:overflow-hidden">
<div
class="container mx-auto md:flex px-8 md:px-0 flex-row gap-24 mb-36"
>
<div class="basis-1/2">
<div class="md:absolute right-[52%] top-[4rem]">
<img src="/assets/orbit.png" alt="Elliot Orbit" />
</div>
</div>
<div class="basis-1/2 text-zinc-300">
<div class="mb-12">
<strong
>Elliot is a set of powerful extensions to
Sylius</strong
>
- the open-source e-commerce framework widely
appreciated for its flexibility. This means you can
easily build a unique ticketing experience for your fans
and guests.
</div>
<div class="mb-12">
<strong
>Benefit from all the power of standardized
e-commerce technology</strong
>
- manage products, process orders, set promotions, and
configure all your online store details. Mix selling
tickets with other items like your conference’s merch,
and more.
</div>
<div class="mb-12">
Exactly like <strong>Sylius</strong>,
<strong>Elliot</strong> is 100% based on
<strong>Symfony</strong> - a free, open-source,
high-performance <strong>PHP framework</strong> to build
web applications, and APIs (with
<strong>API Platform</strong>!). It’s free, robust,
fast, secure, and loved by developers.
</div>
<div class="mb-12">
Coming from space, E.T.(E.) is familiar with clouds. So is
his friend <strong>Elliot</strong>, ready to fly with
you both as PaaS based on <strong>Platform.sh</strong>,
and simply as a package of cosmic code shipped with
<strong>Private Packagist</strong>.
</div>
</div>
</div>
</div>
<!-- Modules -->
<div class="container mx-auto mb-24">
<h2
class="text-4xl md:text-5xl xl:text-6xl font-head font-bold text-center mb-8 md:mb-12 xl:mb-20"
>
3 modules to rule it all!
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="pt-12 px-14 custom-gradient-bg">
<h3 class="text-3xl mb-8">Call for Papers</h3>
<div class="max-w-[25rem] text-zinc-500 mb-8">
form and review UI, including: speaker’s data, abstract,
suggested talk duration, type, and other preferences
</div>
<img
src="/assets/elliot-alien-papers.png"
alt="Elliot call for papers"
class="mx-auto"
/>
</div>
<div class="pt-12 px-14 custom-gradient-bg">
<h3 class="text-3xl mb-8">Page Builder</h3>
<div class="max-w-[25rem] text-zinc-500 mb-8">
based on UI elements with rich content, enhanced with
agenda edition (hours, rooms, topics, tracks, speakers,
abstracts, etc.)
</div>
<img
src="/assets/elliot-alien-blocks.png"
alt="Elliot page builder"
class="mx-auto"
/>
</div>
<div class="md:col-span-2 py-12 px-14 custom-gradient-bg">
<h3 class="text-3xl mb-8">Ticket Sales & Management</h3>
<div class="text-zinc-500 mb-12">
consisting of the following extensions:
</div>
<!-- Extensions -->
<div
class="grid md:grid-cols-3 gap-y-12 gap-x-16 text-zinc-500"
>
<div>
<img
class="mb-5"
src="/assets/icon-cart.svg"
alt="Cart icon"
/>
<span class="text-white">cart</span> - ability to
provide ticket owners (yes, multiple) data like
name, company, and diet preference
</div>
<div>
<img
class="mb-5"
src="/assets/icon-ticket.svg"
alt="Ticket icon"
/>
<span class="text-white">tickets are products</span>
in Sylius but also have a separate back office where
you can browse, and edit them, incl. changing the
owner
</div>
<div>
<img
class="mb-5"
src="/assets/icon-merch.svg"
alt="Merch icon"
/>
<span class="text-white">sale of merchandise</span>
together with different, date and type-related tiers
of tickets
</div>
<div>
<img
class="mb-5"
src="/assets/icon-checkout.svg"
alt="Checkout icon"
/>
<span class="text-white">checkout</span> - buy as a
company to change the VAT calculation
</div>
<div>
<img
class="mb-5"
src="/assets/icon-payments.svg"
alt="Payments icon"
/>
integrated
<span class="text-white">TPay payments</span>
(Mollie or Stripe are also planned)
</div>
<div>
<img
class="mb-5"
src="/assets/icon-email.svg"
alt="Email icon"
/>
integrated mailing app
<span class="text-white">Email Labs</span> to keep
attendees notified
</div>
<div>
<img
class="mb-5"
src="/assets/icon-send.svg"
alt="Send icon"
/>
possible
<span class="text-white">bulk send and export</span>
</div>
<div>
<img
class="mb-5"
src="/assets/icon-qr.svg"
alt="QR icon"
/>
<span class="text-white">QR code scanner</span> -
yes, you can log in via the mobile browser and scan
your attendees’ tickets!
</div>
</div>
</div>
</div>
</div>
<div class="container mx-auto md:max-w-[55rem] px-8 md:px-0">
<div class="md:text-2xl text-center md:leading-relaxed mb-20">
<div class="mb-8 opacity-50">
<img
src="/assets/phpers-logo.png"
alt="PHPers"
class="mx-auto"
/>
</div>
<span class="custom-gradient-text">
<a href="https://summit.phpers.pl/en/" target="_blank"><u></u>See the first implementation</u></a>
</span>
<div>The biggest PHP conference in Poland</div>
<div>(almost 1000 sold tickets in 2024!)</div>
</div>
<div class="md:text-2xl text-center md:leading-relaxed mb-20">
<div class="mb-2">
How can I pay for this unearthly experience?
</div>
<div class="text-zinc-500">
Well, we provide a 2-week-long trial, and then charge a
fixed price on a monthly, yearly, or lifetime basis with no
fee per sold ticket - cheaper than all competition!
</div>
</div>
<div class="text-2xl text-center mb-20" id="contact">
<div class="mb-6">But first</div>
<div
class="text-4xl md:text-5xl xl:text-6xl font-head font-bold custom-gradient-text mb-12"
>
Meet the alien and join Elliot’s early adopter newsletter
list
</div>
<div>
<iframe
data-tally-src="https://tally.so/embed/mVYyAj?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1"
loading="lazy"
width="100%"
height="313"
frameborder="0"
marginheight="0"
marginwidth="0"
title="Elliot"
></iframe>
<script>
var d = document,
w = "https://tally.so/widgets/embed.js",
v = function () {
"undefined" != typeof Tally
? Tally.loadEmbeds()
: d
.querySelectorAll(
"iframe[data-tally-src]:not([src])",
)
.forEach(function (e) {
e.src = e.dataset.tallySrc;
});
};
if ("undefined" != typeof Tally) v();
else if (
d.querySelector('script[src="' + w + '"]') == null
) {
var s = d.createElement("script");
(s.src = w),
(s.onload = v),
(s.onerror = v),
d.body.appendChild(s);
}
</script>
</div>
</div>
<div class="text-center py-24">
© Copyright 2024 * Made with 💛 in Łódź
</div>
</div>
</body>
</html>