Skip to content

feat: split homepage into multiple landing pages #114

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Apr 6, 2025
Merged

feat: split homepage into multiple landing pages #114

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
af9ec09
clean up homepage
zcesur Apr 6, 2025
f8cbd94
remove pricing contact us card
zcesur Apr 6, 2025
34f4067
update header
zcesur Apr 6, 2025
84cf402
move screenshot to new section
zcesur Apr 6, 2025
663a640
add new screenshot
zcesur Apr 6, 2025
5b0a8a2
add new landing pages
zcesur Apr 6, 2025
f12cf93
reorganize
zcesur Apr 6, 2025
77ffc86
enhance homepage and testimonials section with new video content and …
zcesur Apr 6, 2025
bfed071
update golem challenge screenshot
zcesur Apr 6, 2025
495cdaf
update thumbnail
zcesur Apr 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
89 changes: 30 additions & 59 deletions lib/algora_web/components/header.ex
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,15 @@ defmodule AlgoraWeb.Components.Header do

import AlgoraWeb.CoreComponents

defp nav_links do
[
%{name: "Bounties", path: ~p"/bounties"},
%{name: "Testimonials", path: ~p"/testimonials"},
%{name: "Crowdfund", path: ~p"/crowdfund"},
%{name: "Pricing", path: ~p"/pricing"}
]
end

def header(assigns) do
~H"""
<header class="absolute inset-x-0 top-0 z-50">
Expand All @@ -25,30 +34,14 @@ defmodule AlgoraWeb.Components.Header do
</div>
<!-- Desktop nav -->
<div class="hidden lg:flex lg:gap-x-12">
<.link
navigate={~p"/bounties"}
class="text-sm/6 font-medium text-foreground/80 hover:text-foreground"
>
Bounties
</.link>
<.link
navigate={~p"/projects"}
class="text-sm/6 font-semibold text-foreground/80 hover:text-foreground"
>
Projects
</.link>
<.link
navigate={~p"/community"}
class="text-sm/6 font-semibold text-foreground/80 hover:text-foreground"
>
Community
</.link>
<.link
navigate={~p"/pricing"}
class="text-sm/6 font-semibold text-foreground/80 hover:text-foreground"
>
Pricing
</.link>
<%= for link <- nav_links() do %>
<.link
navigate={link.path}
class="text-sm/6 font-medium text-foreground/80 hover:text-foreground"
>
{link.name}
</.link>
<% end %>
</div>

<div class="hidden lg:flex lg:flex-1 lg:justify-end gap-2">
Expand Down Expand Up @@ -101,44 +94,22 @@ defmodule AlgoraWeb.Components.Header do
<div class="mt-6 flow-root">
<div class="-my-6 divide-y divide-border">
<div class="space-y-2 py-6">
<.link
href={AlgoraWeb.Constants.get(:docs_url)}
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
>
Docs
</.link>
<.link
href={AlgoraWeb.Constants.get(:blog_url)}
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
>
Blog
</.link>
<.link
navigate={~p"/pricing"}
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
>
Pricing
</.link>
<.link
href={AlgoraWeb.Constants.get(:github_url)}
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
>
GitHub
</.link>
<%= for link <- nav_links() do %>
<.link
navigate={link.path}
class="-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
>
{link.name}
</.link>
<% end %>
</div>
<div class="py-6">
<.link
navigate={~p"/auth/signup"}
class="-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
>
<div class="py-6 space-y-4">
<.button navigate={~p"/auth/signup"} class="w-full">
Sign up
</.link>
<.link
navigate={~p"/auth/login"}
class="-mx-3 block rounded-lg px-3 py-2.5 text-base/7 font-semibold text-muted-foreground hover:bg-muted"
>
</.button>
<.button navigate={~p"/auth/login"} class="w-full" variant="secondary">
Sign in
</.link>
</.button>
</div>
</div>
</div>
Expand Down
Loading