Skip to content

Commit 77ffc86

Browse files
zcesurzcesur
committed
enhance homepage and testimonials section with new video content and improved text formatting for clarity
1 parent f12cf93 commit 77ffc86

File tree

2 files changed

+144
-39
lines changed

2 files changed

+144
-39
lines changed

‎lib/algora_web/live/home_live.ex‎

Lines changed: 35 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -229,12 +229,43 @@ defmodule AlgoraWeb.HomeLive do
229229
230230
<section class="relative isolate py-16 sm:py-40">
231231
<div class="mx-auto max-w-7xl px-6 lg:px-8">
232-
<h2 class="font-display text-4xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-2 sm:mb-4">
232+
<h2 class="font-display text-4xl font-semibold tracking-tight text-foreground sm:text-7xl text-center mb-2 sm:mb-4">
233233
Hire by building product
234234
</h2>
235-
<p class="text-center font-medium text-base text-muted-foreground mb-12 max-w-2xl mx-auto">
236-
Find your next team member through real-world collaboration. Use bounties to evaluate developers based on actual contributions to your codebase.
235+
<p class="text-center font-medium text-base text-muted-foreground sm:text-xl mb-12 mx-auto">
236+
Use bounties to evaluate developers based on actual contributions to your codebase.
237237
</p>
238+
239+
<div class="mx-auto max-w-6xl gap-8 text-sm leading-6">
240+
<div class="flex gap-4 sm:gap-8 lg:gap-x-16">
241+
<div class="w-[40%]">
242+
<.modal_video
243+
class="aspect-[9/16] rounded-xl lg:rounded-2xl lg:rounded-r-none"
244+
src="https://www.youtube.com/embed/xObOGcUdtY0"
245+
start={122}
246+
title="$15,000 Open source bounty to hire a Rust engineer"
247+
poster={~p"/images/people/john-de-goes.jpg"}
248+
alt="John A De Goes"
249+
/>
250+
</div>
251+
<div class="w-[60%]">
252+
<.link
253+
href="https://github.com/golemcloud/golem/issues/1004"
254+
rel="noopener"
255+
target="_blank"
256+
class="relative flex aspect-[1121/1343] w-full items-center justify-center overflow-hidden rounded-xl lg:rounded-2xl lg:rounded-l-none bg-gray-800"
257+
>
258+
<img
259+
src={~p"/images/screenshots/bounty-to-hire-golem2.png"}
260+
alt="Golem bounty to hire"
261+
class="object-cover"
262+
loading="lazy"
263+
/>
264+
</.link>
265+
</div>
266+
</div>
267+
</div>
268+
238269
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
239270
<div class="grid grid-cols-1 items-center gap-x-16 gap-y-8 lg:grid-cols-12">
240271
<div class="lg:col-span-6 order-first lg:order-last">
@@ -312,7 +343,7 @@ defmodule AlgoraWeb.HomeLive do
312343
<h2 class="font-display text-2xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-2 sm:mb-4">
313344
Simple, transparent pricing
314345
</h2>
315-
<p class="text-center font-medium text-base text-muted-foreground mb-12 max-w-2xl mx-auto">
346+
<p class="text-center font-medium text-base text-muted-foreground sm:text-xl mb-12 mx-auto">
316347
For individuals, OSS communities, and open/closed source companies
317348
</p>
318349
</div>

‎lib/algora_web/live/testimonials.ex‎

Lines changed: 109 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -175,46 +175,12 @@ defmodule AlgoraWeb.TestimonialsLive do
175175
</div>
176176
</section>
177177
178-
<section class="relative isolate min-h-[100svh] bg-gradient-to-b from-background to-black">
179-
<div class="p-4 sm:p-6 md:p-8">
180-
<div class="mx-auto max-w-6xl gap-8 text-sm leading-6 py-8 sm:py-16 md:py-24 lg:py-40">
181-
<div class="pt-20 sm:pt-40 flex gap-4 sm:gap-8 lg:gap-x-16">
182-
<div class="w-[40%]">
183-
<.modal_video
184-
class="aspect-[9/16] rounded-xl lg:rounded-2xl lg:rounded-r-none"
185-
src="https://www.youtube.com/embed/xObOGcUdtY0"
186-
start={122}
187-
title="$15,000 Open source bounty to hire a Rust engineer"
188-
poster={~p"/images/people/john-de-goes.jpg"}
189-
alt="John A De Goes"
190-
/>
191-
</div>
192-
<div class="w-[60%]">
193-
<.link
194-
href="https://github.com/golemcloud/golem/issues/1004"
195-
rel="noopener"
196-
target="_blank"
197-
class="relative flex aspect-[1121/1343] w-full items-center justify-center overflow-hidden rounded-xl lg:rounded-2xl lg:rounded-l-none bg-gray-800"
198-
>
199-
<img
200-
src={~p"/images/screenshots/bounty-to-hire-golem2.png"}
201-
alt="Golem bounty to hire"
202-
class="object-cover"
203-
loading="lazy"
204-
/>
205-
</.link>
206-
</div>
207-
</div>
208-
</div>
209-
</div>
210-
</section>
211-
212178
<section class="relative isolate py-16 sm:py-40">
213179
<div class="mx-auto max-w-7xl px-6 lg:px-8">
214180
<h2 class="font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-2 sm:mb-4">
215181
Build product faster
216182
</h2>
217-
<p class="text-center font-medium text-base text-muted-foreground mb-12 max-w-2xl mx-auto">
183+
<p class="text-center font-medium text-base text-muted-foreground sm:text-xl mb-12 mx-auto">
218184
Use bounties for outcome-based contract work with full GitHub integration.
219185
</p>
220186
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
@@ -427,6 +393,114 @@ defmodule AlgoraWeb.TestimonialsLive do
427393
</div>
428394
</section>
429395
396+
<section class="relative isolate py-16 sm:py-40">
397+
<div class="mx-auto max-w-7xl px-6 lg:px-8">
398+
<h2 class="font-display text-4xl font-semibold tracking-tight text-foreground sm:text-7xl text-center mb-2 sm:mb-4">
399+
Hire by building product
400+
</h2>
401+
<p class="text-center font-medium text-base text-muted-foreground sm:text-xl mb-12 mx-auto">
402+
Use bounties to evaluate developers based on actual contributions to your codebase.
403+
</p>
404+
405+
<div class="mx-auto max-w-6xl gap-8 text-sm leading-6">
406+
<div class="flex gap-4 sm:gap-8 lg:gap-x-16">
407+
<div class="w-[40%]">
408+
<.modal_video
409+
class="aspect-[9/16] rounded-xl lg:rounded-2xl lg:rounded-r-none"
410+
src="https://www.youtube.com/embed/xObOGcUdtY0"
411+
start={122}
412+
title="$15,000 Open source bounty to hire a Rust engineer"
413+
poster={~p"/images/people/john-de-goes.jpg"}
414+
alt="John A De Goes"
415+
/>
416+
</div>
417+
<div class="w-[60%]">
418+
<.link
419+
href="https://github.com/golemcloud/golem/issues/1004"
420+
rel="noopener"
421+
target="_blank"
422+
class="relative flex aspect-[1121/1343] w-full items-center justify-center overflow-hidden rounded-xl lg:rounded-2xl lg:rounded-l-none bg-gray-800"
423+
>
424+
<img
425+
src={~p"/images/screenshots/bounty-to-hire-golem2.png"}
426+
alt="Golem bounty to hire"
427+
class="object-cover"
428+
loading="lazy"
429+
/>
430+
</.link>
431+
</div>
432+
</div>
433+
</div>
434+
435+
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
436+
<div class="grid grid-cols-1 items-center gap-x-16 gap-y-8 lg:grid-cols-12">
437+
<div class="lg:col-span-6 order-first lg:order-last">
438+
<.modal_video
439+
class="rounded-xl lg:rounded-2xl"
440+
src="https://www.youtube.com/embed/FXQVD02rfg8"
441+
start={8}
442+
title="How Nick got a job with Open Source Software"
443+
poster="https://img.youtube.com/vi/FXQVD02rfg8/maxresdefault.jpg"
444+
alt="Eric Allam"
445+
/>
446+
</div>
447+
<div class="lg:col-span-6 order-last lg:order-first">
448+
<h3 class="text-xl sm:text-2xl xl:text-3xl font-display font-bold leading-[1.2] sm:leading-[2rem] xl:leading-[3rem]">
449+
It was the <span class="text-success">easiest hire</span>
450+
because we already knew how great he was
451+
</h3>
452+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-4 sm:pt-12">
453+
<div class="flex items-center gap-4">
454+
<div>
455+
<div class="text-xl sm:text-2xl xl:text-3xl font-semibold text-foreground">
456+
Eric Allam
457+
</div>
458+
<div class="sm:pt-2 text-sm sm:text-lg xl:text-2xl font-medium text-muted-foreground">
459+
Co-founder & CTO at Trigger.dev (YC W23)
460+
</div>
461+
</div>
462+
</div>
463+
</div>
464+
</div>
465+
</div>
466+
</div>
467+
468+
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
469+
<div class="grid grid-cols-1 items-center gap-x-16 gap-y-8 lg:grid-cols-11">
470+
<div class="lg:col-span-5">
471+
<.modal_video
472+
class="rounded-xl lg:rounded-2xl"
473+
src="https://www.youtube.com/embed/3wZGDuoPajk"
474+
start={13}
475+
title="OSS Bounties & Hiring engineers on Algora.io | Founder Testimonial"
476+
poster="https://img.youtube.com/vi/3wZGDuoPajk/maxresdefault.jpg"
477+
alt="Tushar Mathur"
478+
/>
479+
</div>
480+
<div class="lg:col-span-6">
481+
<h3 class="text-xl sm:text-2xl xl:text-3xl font-display font-bold leading-[1.2] sm:leading-[2rem] xl:leading-[3rem]">
482+
Bounties help us control our burn rate, get work done & meet new hires. I've made
483+
<span class="text-success">3 full-time hires</span>
484+
using Algora
485+
</h3>
486+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-4 sm:pt-12">
487+
<div class="flex items-center gap-4">
488+
<div>
489+
<div class="text-xl sm:text-2xl xl:text-3xl font-semibold text-foreground">
490+
Tushar Mathur
491+
</div>
492+
<div class="sm:pt-2 text-sm sm:text-lg xl:text-2xl font-medium text-muted-foreground">
493+
Founder & CEO at Tailcall
494+
</div>
495+
</div>
496+
</div>
497+
</div>
498+
</div>
499+
</div>
500+
</div>
501+
</div>
502+
</section>
503+
430504
<section class="relative isolate py-16 sm:py-40">
431505
<div class="mx-auto max-w-7xl px-6 lg:px-8">
432506
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">

0 commit comments

Comments
 (0)