Skip to content

Commit b3a2a72

Browse files
zcesurzcesur
committed
feat: refine homepage layout and enhance visual elements
- Updated text and layout for the Y Combinator section to improve clarity and engagement. - Increased spacing and adjusted grid layout for better presentation of logos and links. - Enhanced image sizes and alignment for a more appealing user experience. - Streamlined link components for consistency across the homepage.
1 parent 1c5a48c commit b3a2a72

File tree

1 file changed

+43
-51
lines changed

1 file changed

+43
-51
lines changed

‎lib/algora_web/live/home_live.ex‎

Lines changed: 43 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -276,10 +276,10 @@ defmodule AlgoraWeb.HomeLive do
276276
class="h-24 mx-auto"
277277
alt="Y Combinator Logo"
278278
/>
279-
<h2 class="mt-8 font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-4 leading-loose">
280-
Y Combinator companies use Algora<br />to build product and hire engineers
279+
<h2 class="mt-8 font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-4 leading-[5rem]">
280+
YCombinator companies use Algora<br />to build product and hire engineers
281281
</h2>
282-
<div class="mx-auto mt-8 max-w-2xl gap-8 text-sm leading-6 sm:mt-10">
282+
<div class="mx-auto mt-8 max-w-5xl gap-12 text-sm leading-6 sm:mt-16">
283283
<.yc_logo_cloud />
284284
</div>
285285
@@ -1117,17 +1117,18 @@ defmodule AlgoraWeb.HomeLive do
11171117
defp yc_logo_cloud(assigns) do
11181118
~H"""
11191119
<div>
1120-
<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">
1120+
<div class="grid grid-cols-3 lg:grid-cols-4 items-center justify-center gap-x-5 gap-y-4 sm:gap-x-12 sm:gap-y-12">
11211121
<.link
1122-
class="font-bold text-xl whitespace-nowrap flex items-center"
1122+
class="font-bold font-display text-3xl whitespace-nowrap flex items-center justify-center"
11231123
navigate={~p"/org/browser-use"}
11241124
>
1125-
<img class="size-6 mr-2" src="https://browser-use.com/logo.svg" /><span class="sm:inline hidden">
1125+
<img class="size-7 mr-4" src="https://browser-use.com/logo.svg" />
1126+
<span class="sm:inline hidden">
11261127
Browser Use
11271128
</span>
11281129
</.link>
11291130
<.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">
1131+
<svg viewBox="0 0 123 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[80%]">
11311132
<path
11321133
fill-rule="evenodd"
11331134
clip-rule="evenodd"
@@ -1189,91 +1190,82 @@ defmodule AlgoraWeb.HomeLive do
11891190
<img
11901191
src="https://algora.io/banners/triggerdotdev.png"
11911192
alt="Trigger.dev"
1192-
class="col-auto w-full saturate-0"
1193+
class="col-auto w-[90%] saturate-0"
11931194
/>
11941195
</.link>
11951196
<.link class="relative flex items-center justify-center" navigate={~p"/org/traceloop"}>
11961197
<img
11971198
src="https://cdn.prod.website-files.com/664553b7af7a800a7911b9f0/664553f95f4ec29495eb8eb9_traceloop%20logo%20dark%20bg.png"
11981199
alt="Traceloop"
1199-
class="w-[13rem] col-auto saturate-0"
1200+
class="w-[90%] col-auto saturate-0"
12001201
/>
12011202
</.link>
1202-
<.link class="relative flex items-center justify-center" navigate={~p"/org/trieve"}>
1203-
<span class="self-center ml-2 rtl:ml-0 rtl:mr-2 text-lg md:text-2xl font-bold whitespace-nowrap">
1204-
<img
1205-
src="https://cdn.trieve.ai/trieve-logo.png"
1206-
alt="Trieve logo"
1207-
class="h-12 w-12 inline"
1208-
/> Trieve
1209-
</span>
1203+
<.link
1204+
class="font-bold font-display text-3xl whitespace-nowrap flex items-center justify-center"
1205+
navigate={~p"/org/trieve"}
1206+
>
1207+
<img
1208+
src="https://cdn.trieve.ai/trieve-logo.png"
1209+
alt="Trieve logo"
1210+
class="size-12 mr-2 brightness-0 invert"
1211+
/> Trieve
12101212
</.link>
1211-
<.link class="relative flex items-center justify-center" navigate={~p"/org/twentyhq"}>
1212-
<span class="self-center ml-2 rtl:ml-0 rtl:mr-2 text-lg md:text-2xl font-bold whitespace-nowrap">
1213-
<svg
1214-
xmlns="http://www.w3.org/2000/svg"
1215-
xmlns:xlink="http://www.w3.org/1999/xlink"
1216-
viewBox="0 0 40 40"
1217-
class="size-8 inline"
1218-
>
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-
/>
1223-
</svg>
1224-
Twenty
1225-
</span>
1213+
<.link
1214+
class="font-bold font-display text-3xl whitespace-nowrap flex items-center justify-center"
1215+
navigate={~p"/org/twentyhq"}
1216+
>
1217+
<svg
1218+
xmlns="http://www.w3.org/2000/svg"
1219+
xmlns:xlink="http://www.w3.org/1999/xlink"
1220+
viewBox="0 0 40 40"
1221+
class="size-7 mr-4"
1222+
>
1223+
<path
1224+
fill="currentColor"
1225+
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"
1226+
/>
1227+
</svg>
1228+
Twenty
12261229
</.link>
12271230
<.link class="relative flex items-center justify-center" navigate={~p"/org/aidenybai"}>
12281231
<img
12291232
src="https://algora.io/banners/million.png"
12301233
alt="Million"
1231-
class="col-auto w-44 saturate-0"
1234+
class="col-auto w-[80%] saturate-0"
12321235
/>
12331236
</.link>
12341237
<.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-
/>
1238+
<img src="https://moonrepo.dev/img/logo.svg" alt="moon" class="w-[80%]" />
12401239
</.link>
12411240
<.link class="relative flex items-center justify-center" navigate={~p"/org/highlight"}>
12421241
<img
12431242
src="https://algora.io/banners/highlight.png"
12441243
alt="Highlight"
1245-
class="col-auto w-44 saturate-0"
1244+
class="col-auto w-[90%] saturate-0"
12461245
/>
12471246
</.link>
12481247
<.link class="relative flex items-center justify-center" navigate={~p"/org/dittofeed"}>
12491248
<img
12501249
src="https://algora.io/banners/dittofeed.png"
12511250
alt="Dittofeed"
1252-
class="col-auto w-40 brightness-0 invert"
1251+
class="col-auto w-[80%] brightness-0 invert"
12531252
/>
12541253
</.link>
12551254
12561255
<.link
12571256
class="relative flex items-center justify-center brightness-0 invert"
12581257
navigate={~p"/org/onyx-dot-app"}
12591258
>
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-
/>
1259+
<img src="https://onyx.app/Onyx.png" alt="Onyx Logo" class="object-contain w-[60%]" />
12661260
</.link>
12671261
12681262
<.link
1269-
class="active:scale-95 active:opacity-80 transition-[transform,opacity] gap-1.5 flex items-center hover:!cursor-pointer brightness-0 invert"
1263+
class="font-bold font-display text-3xl whitespace-nowrap flex items-center justify-center brightness-0 invert"
12701264
aria-label="Logo"
12711265
navigate={~p"/org/mendableai"}
12721266
>
1273-
<span class="text-2xl">🔥</span>
1274-
<span class="text-2xl leading-none tracking-tight font-medium text-[#36322f]">
1275-
Firecrawl
1276-
</span>
1267+
🔥
1268+
Firecrawl
12771269
</.link>
12781270
</div>
12791271
</div>

0 commit comments

Comments
 (0)