Skip to content

Commit 6b9eb69

Browse files
zcesurzcesur
committed
feat: enhance homepage with new testimonial sections and video content
- Added two new testimonial sections featuring Eric Allam and Tushar Mathur, highlighting their positive experiences with Algora. - Integrated YouTube video embeds to showcase testimonials visually. - Improved layout and spacing for better presentation and user engagement.
1 parent 4ce2b4a commit 6b9eb69

File tree

2 files changed

+127
-1
lines changed

2 files changed

+127
-1
lines changed

‎lib/algora_web/components/header.ex‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,11 @@ defmodule AlgoraWeb.Components.Header do
6363
</div>
6464
</div>
6565
</.link>
66-
<.button navigate={~p"/auth/login"} variant="ghost" class="font-semibold text-foreground/80 hover:text-foreground">
66+
<.button
67+
navigate={~p"/auth/login"}
68+
variant="ghost"
69+
class="font-semibold text-foreground/80 hover:text-foreground"
70+
>
6771
Sign in
6872
</.button>
6973
<.button navigate={~p"/auth/signup"} variant="subtle" class="font-semibold">

‎lib/algora_web/live/home_live.ex‎

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -580,6 +580,128 @@ defmodule AlgoraWeb.HomeLive do
580580
</div>
581581
</div>
582582
583+
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
584+
<div class="grid items-center gap-x-16 gap-y-8 lg:grid-cols-11">
585+
<div class="lg:col-span-6 order-first lg:order-last">
586+
<div class="relative flex aspect-video w-full items-center justify-center overflow-hidden rounded-xl lg:rounded-2xl bg-gray-800">
587+
<iframe
588+
src="https://www.youtube.com/embed/FXQVD02rfg8?si=rt3r_8-aFt2ZKla8"
589+
title="YouTube video player"
590+
frameborder="0"
591+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
592+
referrerpolicy="strict-origin-when-cross-origin"
593+
allowfullscreen
594+
width="100%"
595+
height="100%"
596+
>
597+
</iframe>
598+
</div>
599+
</div>
600+
<div class="lg:col-span-5 order-last lg:order-first">
601+
<h3 class="text-3xl font-display font-bold leading-[3rem]">
602+
It was the easiest hire because we already knew how great he was
603+
</h3>
604+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-12">
605+
<div class="flex items-center gap-4">
606+
<div>
607+
<div class="text-3xl font-semibold text-foreground">Eric Allam</div>
608+
<div class="pt-2 text-2xl font-medium text-muted-foreground">
609+
Co-founder & CTO at Trigger.dev (YC W23)
610+
</div>
611+
</div>
612+
</div>
613+
</div>
614+
<%!-- <dl class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-8 xl:flex-nowrap">
615+
<div class="flex flex-col-reverse">
616+
<dt class="text-lg text-muted-foreground font-medium whitespace-nowrap">
617+
Total awarded
618+
</dt>
619+
<dd class="font-display text-5xl font-bold tracking-tight text-white">
620+
$77,175
621+
</dd>
622+
</div>
623+
<div class="flex flex-col-reverse">
624+
<dt class="text-lg text-muted-foreground font-medium whitespace-nowrap">
625+
Bounties completed
626+
</dt>
627+
<dd class="font-display text-5xl font-bold tracking-tight text-white">
628+
359
629+
</dd>
630+
</div>
631+
<div class="flex flex-col-reverse">
632+
<dt class="text-lg text-muted-foreground font-medium whitespace-nowrap">
633+
Contributors rewarded
634+
</dt>
635+
<dd class="font-display text-5xl font-bold tracking-tight text-white">
636+
79
637+
</dd>
638+
</div>
639+
</dl> --%>
640+
</div>
641+
</div>
642+
</div>
643+
644+
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
645+
<div class="grid items-center gap-x-16 gap-y-8 lg:grid-cols-11">
646+
<div class="lg:col-span-6">
647+
<div class="relative flex aspect-video w-full items-center justify-center overflow-hidden rounded-xl lg:rounded-2xl bg-gray-800">
648+
<iframe
649+
src="https://www.youtube.com/embed/3wZGDuoPajk"
650+
title="YouTube video player"
651+
frameborder="0"
652+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
653+
referrerpolicy="strict-origin-when-cross-origin"
654+
allowfullscreen
655+
width="100%"
656+
height="100%"
657+
>
658+
</iframe>
659+
</div>
660+
</div>
661+
<div class="lg:col-span-5">
662+
<h3 class="text-3xl font-display font-bold leading-[3rem]">
663+
Bounties help us control our burn rate, get work done & meet new hires. I've made 3 full-time hires from Algora
664+
</h3>
665+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-12">
666+
<div class="flex items-center gap-4">
667+
<div>
668+
<div class="text-3xl font-semibold text-foreground">Tushar Mathur</div>
669+
<div class="pt-2 text-2xl font-medium text-muted-foreground">
670+
Founder & CEO at Tailcall
671+
</div>
672+
</div>
673+
</div>
674+
</div>
675+
<%!-- <dl class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-8 xl:flex-nowrap">
676+
<div class="flex flex-col-reverse">
677+
<dt class="text-lg text-muted-foreground font-medium whitespace-nowrap">
678+
Total awarded
679+
</dt>
680+
<dd class="font-display text-5xl font-bold tracking-tight text-white">
681+
$77,175
682+
</dd>
683+
</div>
684+
<div class="flex flex-col-reverse">
685+
<dt class="text-lg text-muted-foreground font-medium whitespace-nowrap">
686+
Bounties completed
687+
</dt>
688+
<dd class="font-display text-5xl font-bold tracking-tight text-white">
689+
359
690+
</dd>
691+
</div>
692+
<div class="flex flex-col-reverse">
693+
<dt class="text-lg text-muted-foreground font-medium whitespace-nowrap">
694+
Contributors rewarded
695+
</dt>
696+
<dd class="font-display text-5xl font-bold tracking-tight text-white">
697+
79
698+
</dd>
699+
</div>
700+
</dl> --%>
701+
</div>
702+
</div>
703+
</div>
704+
583705
<%!-- <div class="pt-12 grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
584706
<div class="flex flex-col items-center text-center">
585707
<.icon name="tabler-git-pull-request" class="h-12 w-12 mb-4 text-primary" />

0 commit comments

Comments
 (0)