Skip to content

Commit cc9c707

Browse files
zcesurzcesur
committed
feat: enhance homepage layout and add Y Combinator section
- Updated text for clarity in the homepage subheading. - Removed outdated statistics and logos sections to streamline the layout. - Introduced a new section showcasing Y Combinator companies using Algora, enhancing the homepage's appeal and relevance.
1 parent c6eb8c9 commit cc9c707

File tree

1 file changed

+92
-23
lines changed

1 file changed

+92
-23
lines changed

‎lib/algora_web/live/home_live.ex‎

Lines changed: 92 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ defmodule AlgoraWeb.HomeLive do
107107
Discover GitHub bounties, contract work and jobs
108108
</p>
109109
<p class="mt-4 font-display text-lg font-medium text-muted-foreground sm:max-w-md sm:text-2xl/8 lg:max-w-none">
110-
Hire top 1% of open source developers
110+
Hire the top 1% of open source developers
111111
</p>
112112
<!-- CTA buttons -->
113113
<div class="mt-10 flex flex-col sm:flex-row text-center sm:items-center gap-6">
@@ -126,28 +126,7 @@ defmodule AlgoraWeb.HomeLive do
126126
Developers
127127
</.button>
128128
</div>
129-
<!-- Stats -->
130-
<dl class="mt-16 grid grid-cols-2 gap-8 sm:grid-cols-4">
131-
<%= for stat <- @stats do %>
132-
<div class="flex flex-col gap-y-2">
133-
<dt class="text-sm leading-6 text-muted-foreground whitespace-nowrap">
134-
{stat.label}
135-
</dt>
136-
<dd class="font-display text-3xl font-semibold tracking-tight text-foreground">
137-
{stat.value}
138-
</dd>
139-
</div>
140-
<% end %>
141-
</dl>
142-
<!-- Logos -->
143-
<div class="mt-16">
144-
<h2 class="text-sm font-semibold leading-8 text-foreground">
145-
Trusted by the world's most innovative teams
146-
</h2>
147-
<div class="mt-6 grid grid-cols-3 sm:grid-cols-5 gap-6 -ml-[5%] sm:-ml-[2.5%]">
148-
<.logo_cloud />
149-
</div>
150-
</div>
129+
151130
</div>
152131
<!-- Featured devs -->
153132
<div class="mt-14 flex justify-start md:justify-center gap-8 lg:justify-start lg:mt-0 lg:pl-0 overflow-x-auto scrollbar-thin lg:overflow-x-visible">
@@ -293,6 +272,19 @@ defmodule AlgoraWeb.HomeLive do
293272
</div>
294273
</section>
295274
275+
276+
<section class="bg-gradient-to-br from-black to-background border-t py-16 sm:py-32">
277+
<div class="mx-auto max-w-7xl px-6 lg:px-8">
278+
<h2 class="font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-4">
279+
Y Combinator companies use Algora to build products faster
280+
</h2>
281+
<div class="mx-auto mt-8 max-w-2xl gap-8 text-sm leading-6 sm:mt-10">
282+
<.yc_logo_cloud />
283+
</div>
284+
</div>
285+
</section>
286+
287+
296288
<section class="bg-gradient-to-br from-black to-background border-t py-16 sm:py-32">
297289
<div class="mx-auto max-w-7xl px-6 lg:px-8">
298290
<h2 class="font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-4">
@@ -1084,4 +1076,81 @@ defmodule AlgoraWeb.HomeLive do
10841076
}
10851077
]
10861078
end
1079+
1080+
defp yc_logo_cloud(assigns) do
1081+
~H"""
1082+
<div>
1083+
<div class="grid grid-cols-3 lg:grid-cols-4 items-center justify-center gap-x-5 gap-y-4 sm:gap-x-10 sm:gap-y-8">
1084+
<a class="relative flex items-center justify-center" href={~p"/org/cal"}>
1085+
<Wordmarks.calcom class="w-[6rem] sm:w-[7rem] col-auto mt-1" alt="Cal.com" />
1086+
</a>
1087+
<a class="relative flex items-center justify-center" href={~p"/org/qdrant"}>
1088+
<Wordmarks.qdrant class="w-[6rem] sm:w-[7rem] col-auto" alt="Qdrant" />
1089+
</a>
1090+
<a class="relative flex items-center justify-center" href={~p"/org/remotion"}>
1091+
<img
1092+
src="https://algora.io/banners/remotion.png"
1093+
alt="Remotion"
1094+
class="col-auto w-full saturate-0"
1095+
/>
1096+
</a>
1097+
<a class="relative flex items-center justify-center" href={~p"/org/zio"}>
1098+
<img
1099+
src="https://algora.io/banners/zio.png"
1100+
alt="ZIO"
1101+
class="w-[10rem] col-auto brightness-0 invert"
1102+
/>
1103+
</a>
1104+
<a class="relative flex items-center justify-center" href={~p"/org/triggerdotdev"}>
1105+
<img
1106+
src="https://algora.io/banners/triggerdotdev.png"
1107+
alt="Trigger.dev"
1108+
class="col-auto w-full saturate-0"
1109+
/>
1110+
</a>
1111+
<a class="relative flex items-center justify-center" href={~p"/org/tembo"}>
1112+
<img
1113+
src="https://algora.io/banners/tembo.png"
1114+
alt="Tembo"
1115+
class="w-[13rem] col-auto saturate-0"
1116+
/>
1117+
</a>
1118+
<a class="relative flex items-center justify-center" href={~p"/org/maybe-finance"}>
1119+
<img
1120+
src="https://algora.io/banners/maybe.png"
1121+
alt="Maybe"
1122+
class="col-auto w-full saturate-0"
1123+
/>
1124+
</a>
1125+
<a class="relative flex items-center justify-center" href={~p"/org/golemcloud"}>
1126+
<Wordmarks.golemcloud class="col-auto w-full" alt="Golem Cloud" />
1127+
</a>
1128+
<a class="relative flex items-center justify-center" href={~p"/org/aidenybai"}>
1129+
<img
1130+
src="https://algora.io/banners/million.png"
1131+
alt="Million"
1132+
class="col-auto w-44 saturate-0"
1133+
/>
1134+
</a>
1135+
<a class="relative flex items-center justify-center" href={~p"/org/tailcallhq"}>
1136+
<Wordmarks.tailcall class="w-[10rem] col-auto" fill="white" alt="Tailcall" />
1137+
</a>
1138+
<a class="relative flex items-center justify-center" href={~p"/org/highlight"}>
1139+
<img
1140+
src="https://algora.io/banners/highlight.png"
1141+
alt="Highlight"
1142+
class="col-auto w-44 saturate-0"
1143+
/>
1144+
</a>
1145+
<a class="relative flex items-center justify-center" href={~p"/org/dittofeed"}>
1146+
<img
1147+
src="https://algora.io/banners/dittofeed.png"
1148+
alt="Dittofeed"
1149+
class="col-auto w-40 brightness-0 invert"
1150+
/>
1151+
</a>
1152+
</div>
1153+
</div>
1154+
"""
1155+
end
10871156
end

0 commit comments

Comments
 (0)