Skip to content

Commit 88f61a8

Browse files
zcesurzcesur
committed
fix: homepage links
1 parent 2ad7d49 commit 88f61a8

File tree

1 file changed

+73
-52
lines changed

1 file changed

+73
-52
lines changed

‎lib/algora_web/live/home_live.ex‎

Lines changed: 73 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -54,25 +54,39 @@ defmodule AlgoraWeb.HomeLive do
5454
</div>
5555
<!-- Desktop nav -->
5656
<div class="hidden lg:flex lg:gap-x-12">
57-
<a href="#" class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground">
58-
Companies
59-
</a>
60-
<a href="#" class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground">
61-
Developers
62-
</a>
63-
<a href="#" class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground">
64-
Open source
65-
</a>
66-
</div>
67-
68-
<div class="hidden lg:flex lg:flex-1 lg:justify-end">
6957
<.link
70-
navigate={~p"/auth/login"}
58+
href={AlgoraWeb.Constants.get(:docs_url)}
59+
class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground"
60+
>
61+
Docs
62+
</.link>
63+
<.link
64+
href={AlgoraWeb.Constants.get(:blog_url)}
65+
class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground"
66+
>
67+
Blog
68+
</.link>
69+
<.link
70+
navigate={~p"/pricing"}
71+
class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground"
72+
>
73+
Pricing
74+
</.link>
75+
<.link
76+
href={AlgoraWeb.Constants.get(:github_url)}
7177
class="text-sm/6 font-semibold text-muted-foreground hover:text-foreground"
7278
>
73-
Log in <span aria-hidden="true">&rarr;</span>
79+
GitHub
7480
</.link>
7581
</div>
82+
83+
<div class="hidden lg:flex lg:flex-1 lg:justify-end">
84+
<.button variant="subtle">
85+
<.link navigate={~p"/auth/login"}>
86+
Sign in
87+
</.link>
88+
</.button>
89+
</div>
7690
</nav>
7791
<!-- Mobile menu -->
7892
<div id="mobile-menu" class="lg:hidden hidden" role="dialog" aria-modal="true">
@@ -94,37 +108,37 @@ defmodule AlgoraWeb.HomeLive do
94108
<div class="mt-6 flow-root">
95109
<div class="-my-6 divide-y divide-border">
96110
<div class="space-y-2 py-6">
97-
<a
98-
href="#"
111+
<.link
112+
href={AlgoraWeb.Constants.get(:docs_url)}
99113
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
100114
>
101-
Product
102-
</a>
103-
<a
104-
href="#"
115+
Docs
116+
</.link>
117+
<.link
118+
href={AlgoraWeb.Constants.get(:blog_url)}
105119
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
106120
>
107-
Features
108-
</a>
109-
<a
110-
href="#"
121+
Blog
122+
</.link>
123+
<.link
124+
navigate={~p"/pricing"}
111125
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
112126
>
113-
Marketplace
114-
</a>
115-
<a
116-
href="#"
127+
Pricing
128+
</.link>
129+
<.link
130+
href={AlgoraWeb.Constants.get(:github_url)}
117131
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
118132
>
119-
Company
120-
</a>
133+
GitHub
134+
</.link>
121135
</div>
122136
<div class="py-6">
123137
<.link
124138
navigate={~p"/auth/login"}
125139
class="-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
126140
>
127-
Log in
141+
Sign in
128142
</.link>
129143
</div>
130144
</div>
@@ -177,7 +191,7 @@ defmodule AlgoraWeb.HomeLive do
177191
</div>
178192
</div>
179193
<!-- Hero content -->
180-
<div class="mx-auto max-w-7xl px-6 pt-24 pb-12 lg:px-8 xl:pt-16 2xl:pt-28">
194+
<div class="mx-auto max-w-7xl px-6 pt-24 pb-12 lg:px-8 xl:pt-20 2xl:pt-28">
181195
<div class="mx-auto gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
182196
<div class="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl 2xl:max-w-3xl">
183197
<h1 class="font-display text-pretty text-5xl font-semibold tracking-tight text-foreground sm:text-7xl">
@@ -188,18 +202,16 @@ defmodule AlgoraWeb.HomeLive do
188202
</p>
189203
<!-- CTA buttons -->
190204
<div class="mt-10 flex flex-col sm:flex-row text-center sm:items-center gap-6">
191-
<.link
192-
navigate={~p"/onboarding/org"}
193-
class="rounded-md bg-primary px-12 py-5 text-xl font-semibold text-primary-foreground shadow hover:bg-primary/90"
194-
>
195-
Companies
196-
</.link>
197-
<.link
198-
navigate={~p"/onboarding/dev"}
199-
class="rounded-md bg-secondary px-12 py-5 text-xl font-semibold text-secondary-foreground shadow hover:bg-secondary/90"
200-
>
201-
Developers
202-
</.link>
205+
<.button variant="default" class="px-12 py-8 text-xl font-semibold">
206+
<.link navigate={~p"/onboarding/org"}>
207+
Companies
208+
</.link>
209+
</.button>
210+
<.button variant="secondary" class="px-12 py-8 text-xl font-semibold">
211+
<.link navigate={~p"/onboarding/dev"}>
212+
Developers
213+
</.link>
214+
</.button>
203215
</div>
204216
<!-- Stats -->
205217
<dl class="mt-16 grid grid-cols-2 gap-8 sm:grid-cols-4">
@@ -250,22 +262,31 @@ defmodule AlgoraWeb.HomeLive do
250262
<footer class="border-t">
251263
<div class="mx-auto max-w-7xl px-6 py-12 md:flex md:items-center md:justify-between lg:px-8">
252264
<div class="flex justify-center space-x-6 md:order-2">
253-
<a href="#" class="text-muted-foreground hover:text-foreground">
265+
<.link
266+
href={AlgoraWeb.Constants.get(:twitter_url)}
267+
class="text-muted-foreground hover:text-foreground"
268+
>
254269
<span class="sr-only">Twitter</span>
255270
<.icon name="tabler-brand-twitter" class="h-6 w-6" />
256-
</a>
257-
<a href="#" class="text-muted-foreground hover:text-foreground">
271+
</.link>
272+
<.link
273+
href={AlgoraWeb.Constants.get(:github_url)}
274+
class="text-muted-foreground hover:text-foreground"
275+
>
258276
<span class="sr-only">GitHub</span>
259277
<.icon name="tabler-brand-github" class="h-6 w-6" />
260-
</a>
261-
<a href="#" class="text-muted-foreground hover:text-foreground">
278+
</.link>
279+
<.link
280+
href={AlgoraWeb.Constants.get(:discord_url)}
281+
class="text-muted-foreground hover:text-foreground"
282+
>
262283
<span class="sr-only">Discord</span>
263284
<.icon name="tabler-brand-discord" class="h-6 w-6" />
264-
</a>
285+
</.link>
265286
</div>
266287
<div class="mt-8 md:order-1 md:mt-0">
267-
<p class="text-center text-xs leading-5 text-muted-foreground">
268-
&copy; {DateTime.utc_now().year} Algora. All rights reserved.
288+
<p class="text-center text-sm leading-5 text-muted-foreground">
289+
&copy; {DateTime.utc_now().year} Algora, Public Benefit Corporation
269290
</p>
270291
</div>
271292
</div>

0 commit comments

Comments
 (0)