Skip to content

Commit 1c5a48c

Browse files
zcesurzcesur
committed
feat: enhance homepage layout and content with new integrations section
- Added a new section featuring Y Combinator companies and their use of Algora, including a logo display and testimonial. - Updated text and layout for improved clarity and engagement, including increased spacing in grid layouts. - Replaced static links with dynamic components for better navigation and consistency across the homepage. - Enhanced visual elements, including image sizes and alignment, to create a more appealing user experience.
1 parent b8879ee commit 1c5a48c

File tree

1 file changed

+108
-44
lines changed

1 file changed

+108
-44
lines changed

‎lib/algora_web/live/home_live.ex‎

Lines changed: 108 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -148,16 +148,16 @@ defmodule AlgoraWeb.HomeLive do
148148
</div>
149149
</section>
150150
151-
<section class="relative isolate bg-gradient-to-br from-black to-background border-t py-16 sm:py-32">
151+
<section class="relative isolate bg-gradient-to-br from-black to-background border-t py-16 sm:py-32 z-10">
152152
<div class="mx-auto max-w-7xl px-6 lg:px-8">
153153
<h2 class="font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-4">
154154
Fund GitHub Issues
155155
</h2>
156-
<p class="text-center font-medium text-base text-muted-foreground mb-8">
156+
<p class="text-center font-medium text-base text-muted-foreground mb-16">
157157
Support open source development with bounties on GitHub issues
158158
</p>
159159
160-
<div class="grid grid-cols-1 gap-8">
160+
<div class="grid grid-cols-1 gap-16">
161161
<.link
162162
href="https://github.com/zed-industries/zed/issues/4440"
163163
rel="noopener"
@@ -221,7 +221,7 @@ defmodule AlgoraWeb.HomeLive do
221221
222222
<div class="relative grid grid-cols-5 items-center w-full gap-x-4 rounded-xl bg-card/50 p-12 ring-2 ring-success/20 hover:bg-card/70 transition-colors">
223223
<div class="col-span-2 text-base leading-6 flex-1">
224-
<div class="text-2xl font-semibold text-foreground">
224+
<div class="text-3xl font-semibold text-foreground">
225225
Fund any issue <span class="text-success">in seconds</span>
226226
</div>
227227
<div class="text-lg font-medium text-muted-foreground">
@@ -271,12 +271,55 @@ defmodule AlgoraWeb.HomeLive do
271271
<section class="relative isolate bg-gradient-to-br from-black to-background border-t py-16 sm:py-32">
272272
<.pattern />
273273
<div class="mx-auto max-w-7xl px-6 lg:px-8">
274-
<h2 class="font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-4 leading-loose">
274+
<img
275+
src="https://www.firecrawl.dev/images/yc.svg"
276+
class="h-24 mx-auto"
277+
alt="Y Combinator Logo"
278+
/>
279+
<h2 class="mt-8 font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-4 leading-loose">
275280
Y Combinator companies use Algora<br />to build product and hire engineers
276281
</h2>
277282
<div class="mx-auto mt-8 max-w-2xl gap-8 text-sm leading-6 sm:mt-10">
278283
<.yc_logo_cloud />
279284
</div>
285+
286+
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
287+
<div class="grid items-center gap-x-12 gap-y-8 lg:grid-cols-10">
288+
<div class="lg:col-span-4">
289+
<div class="relative flex aspect-square size-[24rem] items-center justify-center overflow-hidden rounded-2xl bg-gray-800">
290+
<img
291+
src="https://media.licdn.com/dms/image/v2/D4D03AQEgJ8LaoTna5A/profile-displayphoto-shrink_800_800/profile-displayphoto-shrink_800_800/0/1705829974466?e=1747872000&v=beta&t=95CP-kabFE8TKb73sSuCMYK6brUajTFFxaUNQstV54g"
292+
alt="Tal Borenstein"
293+
class="object-cover"
294+
/>
295+
</div>
296+
</div>
297+
<div class="lg:col-span-6">
298+
<h3 class="text-3xl font-display font-bold leading-[3rem]">
299+
Keep has 90+ integrations to alert our customers about critical events. Of these,
300+
<.link
301+
href="https://github.com/keephq/keep/issues?q=state%3Aclosed%20label%3A%22%F0%9F%92%8E%20Bounty%22%20%20label%3A%22%F0%9F%92%B0%20Rewarded%22%20label%3AProvider%20"
302+
rel="noopener"
303+
class="text-success inline-flex items-center text-success hover:text-success-300"
304+
>
305+
42 integrations <.icon name="tabler-external-link" class="size-5 ml-1 mb-4" />
306+
</.link>
307+
were built by <span class="text-success">22 developers</span>
308+
using <span class="text-success">bounties on Algora</span>.
309+
</h3>
310+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-12">
311+
<div class="flex items-center gap-4">
312+
<div>
313+
<div class="text-3xl font-semibold text-foreground">Tal Borenstein</div>
314+
<div class="pt-2 text-2xl font-medium text-muted-foreground">
315+
Co-founder & CEO at Keep
316+
</div>
317+
</div>
318+
</div>
319+
</div>
320+
</div>
321+
</div>
322+
</div>
280323
</div>
281324
</section>
282325
@@ -1075,21 +1118,16 @@ defmodule AlgoraWeb.HomeLive do
10751118
~H"""
10761119
<div>
10771120
<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">
1078-
<a class="relative flex items-center justify-center" href={~p"/org/browser-use"}>
1079-
<img
1080-
src="https://raw.githubusercontent.com/browser-use/browser-use/main/static/browser-use-dark.png"
1081-
alt="Browser Use"
1082-
class="col-auto w-full saturate-0"
1083-
/>
1084-
</a>
1085-
<a class="relative flex items-center justify-center" href={~p"/org/zio"}>
1086-
<svg
1087-
width="110"
1088-
height="14"
1089-
viewBox="0 0 123 16"
1090-
fill="none"
1091-
xmlns="http://www.w3.org/2000/svg"
1092-
>
1121+
<.link
1122+
class="font-bold text-xl whitespace-nowrap flex items-center"
1123+
navigate={~p"/org/browser-use"}
1124+
>
1125+
<img class="size-6 mr-2" src="https://browser-use.com/logo.svg" /><span class="sm:inline hidden">
1126+
Browser Use
1127+
</span>
1128+
</.link>
1129+
<.link class="relative flex items-center justify-center" navigate={~p"/org/outerbase"}>
1130+
<svg viewBox="0 0 123 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full">
10931131
<path
10941132
fill-rule="evenodd"
10951133
clip-rule="evenodd"
@@ -1146,71 +1184,97 @@ defmodule AlgoraWeb.HomeLive do
11461184
>
11471185
</path>
11481186
</svg>
1149-
</a>
1150-
<a class="relative flex items-center justify-center" href={~p"/org/triggerdotdev"}>
1187+
</.link>
1188+
<.link class="relative flex items-center justify-center" navigate={~p"/org/triggerdotdev"}>
11511189
<img
11521190
src="https://algora.io/banners/triggerdotdev.png"
11531191
alt="Trigger.dev"
11541192
class="col-auto w-full saturate-0"
11551193
/>
1156-
</a>
1157-
<a class="relative flex items-center justify-center" href={~p"/org/tembo"}>
1194+
</.link>
1195+
<.link class="relative flex items-center justify-center" navigate={~p"/org/traceloop"}>
11581196
<img
11591197
src="https://cdn.prod.website-files.com/664553b7af7a800a7911b9f0/664553f95f4ec29495eb8eb9_traceloop%20logo%20dark%20bg.png"
11601198
alt="Traceloop"
11611199
class="w-[13rem] col-auto saturate-0"
11621200
/>
1163-
</a>
1164-
<a class="relative flex items-center justify-center" href={~p"/org/maybe-finance"}>
1201+
</.link>
1202+
<.link class="relative flex items-center justify-center" navigate={~p"/org/trieve"}>
11651203
<span class="self-center ml-2 rtl:ml-0 rtl:mr-2 text-lg md:text-2xl font-bold whitespace-nowrap">
11661204
<img
11671205
src="https://cdn.trieve.ai/trieve-logo.png"
11681206
alt="Trieve logo"
11691207
class="h-12 w-12 inline"
11701208
/> Trieve
11711209
</span>
1172-
</a>
1173-
<a class="relative flex items-center justify-center" href={~p"/org/golemcloud"}>
1210+
</.link>
1211+
<.link class="relative flex items-center justify-center" navigate={~p"/org/twentyhq"}>
11741212
<span class="self-center ml-2 rtl:ml-0 rtl:mr-2 text-lg md:text-2xl font-bold whitespace-nowrap">
11751213
<svg
11761214
xmlns="http://www.w3.org/2000/svg"
11771215
xmlns:xlink="http://www.w3.org/1999/xlink"
11781216
viewBox="0 0 40 40"
1217+
class="size-8 inline"
11791218
>
1180-
<g id="ss11151339769_1">
1181-
<path d="M 0 40 L 0 0 L 40 0 L 40 40 Z" fill="transparent" /><path
1182-
d="M 34.95 0 L 5.05 0 C 2.262 0 0 2.262 0 5.05 L 0 34.95 C 0 37.738 2.262 40 5.05 40 L 34.95 40 C 37.738 40 40 37.738 40 34.95 L 40 5.05 C 40 2.262 37.738 0 34.95 0 Z M 8.021 14.894 C 8.021 12.709 9.794 10.935 11.979 10.935 L 19.6 10.935 C 19.712 10.935 19.815 11.003 19.862 11.106 C 19.909 11.209 19.888 11.329 19.812 11.415 L 18.141 13.229 C 17.85 13.544 17.441 13.726 17.012 13.726 L 12 13.726 C 11.344 13.726 10.812 14.259 10.812 14.915 L 10.812 17.909 C 10.812 18.294 10.5 18.606 10.115 18.606 L 8.721 18.606 C 8.335 18.606 8.024 18.294 8.024 17.909 L 8.024 14.894 Z M 31.729 25.106 C 31.729 27.291 29.956 29.065 27.771 29.065 L 24.532 29.065 C 22.347 29.065 20.574 27.291 20.574 25.106 L 20.574 19.438 C 20.574 19.053 20.718 18.682 20.979 18.397 L 22.868 16.347 C 22.947 16.262 23.071 16.232 23.182 16.274 C 23.291 16.318 23.365 16.421 23.365 16.538 L 23.365 25.088 C 23.365 25.744 23.897 26.276 24.553 26.276 L 27.753 26.276 C 28.409 26.276 28.941 25.744 28.941 25.088 L 28.941 14.915 C 28.941 14.259 28.409 13.726 27.753 13.726 L 24.032 13.726 C 23.606 13.726 23.2 13.906 22.909 14.218 L 11.812 26.276 L 18.479 26.276 C 18.865 26.276 19.176 26.588 19.176 26.974 L 19.176 28.368 C 19.176 28.753 18.865 29.065 18.479 29.065 L 9.494 29.065 C 8.679 29.065 8.018 28.403 8.018 27.588 L 8.018 26.85 C 8.018 26.479 8.156 26.124 8.409 25.85 L 20.85 12.335 C 21.674 11.441 22.829 10.935 24.044 10.935 L 27.768 10.935 C 29.953 10.935 31.726 12.709 31.726 14.894 L 31.726 25.106 Z"
1183-
fill="rgb(0,0,0)"
1184-
/>
1185-
</g>
1219+
<path
1220+
fill="currentColor"
1221+
d="M 34.95 0 L 5.05 0 C 2.262 0 0 2.262 0 5.05 L 0 34.95 C 0 37.738 2.262 40 5.05 40 L 34.95 40 C 37.738 40 40 37.738 40 34.95 L 40 5.05 C 40 2.262 37.738 0 34.95 0 Z M 8.021 14.894 C 8.021 12.709 9.794 10.935 11.979 10.935 L 19.6 10.935 C 19.712 10.935 19.815 11.003 19.862 11.106 C 19.909 11.209 19.888 11.329 19.812 11.415 L 18.141 13.229 C 17.85 13.544 17.441 13.726 17.012 13.726 L 12 13.726 C 11.344 13.726 10.812 14.259 10.812 14.915 L 10.812 17.909 C 10.812 18.294 10.5 18.606 10.115 18.606 L 8.721 18.606 C 8.335 18.606 8.024 18.294 8.024 17.909 L 8.024 14.894 Z M 31.729 25.106 C 31.729 27.291 29.956 29.065 27.771 29.065 L 24.532 29.065 C 22.347 29.065 20.574 27.291 20.574 25.106 L 20.574 19.438 C 20.574 19.053 20.718 18.682 20.979 18.397 L 22.868 16.347 C 22.947 16.262 23.071 16.232 23.182 16.274 C 23.291 16.318 23.365 16.421 23.365 16.538 L 23.365 25.088 C 23.365 25.744 23.897 26.276 24.553 26.276 L 27.753 26.276 C 28.409 26.276 28.941 25.744 28.941 25.088 L 28.941 14.915 C 28.941 14.259 28.409 13.726 27.753 13.726 L 24.032 13.726 C 23.606 13.726 23.2 13.906 22.909 14.218 L 11.812 26.276 L 18.479 26.276 C 18.865 26.276 19.176 26.588 19.176 26.974 L 19.176 28.368 C 19.176 28.753 18.865 29.065 18.479 29.065 L 9.494 29.065 C 8.679 29.065 8.018 28.403 8.018 27.588 L 8.018 26.85 C 8.018 26.479 8.156 26.124 8.409 25.85 L 20.85 12.335 C 21.674 11.441 22.829 10.935 24.044 10.935 L 27.768 10.935 C 29.953 10.935 31.726 12.709 31.726 14.894 L 31.726 25.106 Z"
1222+
/>
11861223
</svg>
11871224
Twenty
11881225
</span>
1189-
</a>
1190-
<a class="relative flex items-center justify-center" href={~p"/org/aidenybai"}>
1226+
</.link>
1227+
<.link class="relative flex items-center justify-center" navigate={~p"/org/aidenybai"}>
11911228
<img
11921229
src="https://algora.io/banners/million.png"
11931230
alt="Million"
11941231
class="col-auto w-44 saturate-0"
11951232
/>
1196-
</a>
1197-
<a class="relative flex items-center justify-center" href={~p"/org/tailcallhq"}>
1198-
<Wordmarks.tailcall class="w-[10rem] col-auto" fill="white" alt="Tailcall" />
1199-
</a>
1200-
<a class="relative flex items-center justify-center" href={~p"/org/highlight"}>
1233+
</.link>
1234+
<.link class="relative flex items-center justify-center" navigate={~p"/org/moonrepo"}>
1235+
<img
1236+
src="https://moonrepo.dev/img/logo.svg"
1237+
alt="moon"
1238+
class="themedComponent_siVc themedComponent--light_hHel"
1239+
/>
1240+
</.link>
1241+
<.link class="relative flex items-center justify-center" navigate={~p"/org/highlight"}>
12011242
<img
12021243
src="https://algora.io/banners/highlight.png"
12031244
alt="Highlight"
12041245
class="col-auto w-44 saturate-0"
12051246
/>
1206-
</a>
1207-
<a class="relative flex items-center justify-center" href={~p"/org/dittofeed"}>
1247+
</.link>
1248+
<.link class="relative flex items-center justify-center" navigate={~p"/org/dittofeed"}>
12081249
<img
12091250
src="https://algora.io/banners/dittofeed.png"
12101251
alt="Dittofeed"
12111252
class="col-auto w-40 brightness-0 invert"
12121253
/>
1213-
</a>
1254+
</.link>
1255+
1256+
<.link
1257+
class="relative flex items-center justify-center brightness-0 invert"
1258+
navigate={~p"/org/onyx-dot-app"}
1259+
>
1260+
<img
1261+
src="https://onyx.app/Onyx.png"
1262+
alt="Onyx Logo"
1263+
class="object-contain"
1264+
sizes="(max-width: 768px) 100vw, 33vw"
1265+
/>
1266+
</.link>
1267+
1268+
<.link
1269+
class="active:scale-95 active:opacity-80 transition-[transform,opacity] gap-1.5 flex items-center hover:!cursor-pointer brightness-0 invert"
1270+
aria-label="Logo"
1271+
navigate={~p"/org/mendableai"}
1272+
>
1273+
<span class="text-2xl">🔥</span>
1274+
<span class="text-2xl leading-none tracking-tight font-medium text-[#36322f]">
1275+
Firecrawl
1276+
</span>
1277+
</.link>
12141278
</div>
12151279
</div>
12161280
"""

0 commit comments

Comments
 (0)