Skip to content

Commit 06df086

Browse files
zcesurzcesur
committed
update landing pages
1 parent b00d1e8 commit 06df086

File tree

2 files changed

+71
-69
lines changed

2 files changed

+71
-69
lines changed

‎lib/algora_web/live/home_live.ex‎

Lines changed: 71 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -68,10 +68,10 @@ defmodule AlgoraWeb.HomeLive do
6868
<% end %>
6969
7070
<main class="bg-black relative overflow-hidden">
71-
<section class="relative isolate min-h-[100svh] bg-gradient-to-b from-background to-black">
72-
<%!-- <.pattern /> --%>
71+
<section class="relative isolate lg:min-h-[100svh] bg-gradient-to-b from-background to-black">
72+
<.pattern />
7373
<div class="mx-auto max-w-7xl pt-24 pb-12 xl:pt-24">
74-
<div class="mx-auto lg:mx-0 lg:flex lg:max-w-none lg:items-center lg:justify-center min-h-[calc(100svh-10rem)] text-center">
74+
<div class="mx-auto lg:mx-0 flex lg:max-w-none items-center justify-center min-h-[21rem] lg:min-h-[calc(100svh-10rem)] text-center">
7575
<div class={
7676
classes([
7777
# "px-6 lg:px-8 lg:pr-0 xl:py-20 relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-[52rem]",
@@ -80,12 +80,13 @@ defmodule AlgoraWeb.HomeLive do
8080
])
8181
}>
8282
<.wordmark :if={@screenshot?} class="h-8 mb-6" />
83-
<h1 class="font-display text-3xl sm:text-4xl md:text-5xl xl:text-7xl font-semibold tracking-tight text-foreground">
83+
<h1 class="font-display text-4xl sm:text-4xl md:text-5xl xl:text-7xl font-semibold tracking-tight text-foreground">
8484
<span class="text-emerald-400">Hire the top 1%</span>
8585
<br />open source engineers
8686
</h1>
8787
<p class="mt-4 sm:mt-8 text-base sm:text-lg xl:text-2xl/8 font-medium text-muted-foreground sm:max-w-md lg:max-w-none">
88-
Algora connects companies and engineers for full-time and contract work
88+
Algora connects companies and engineers<br class="lg:hidden" />
89+
for full-time and contract work
8990
</p>
9091
<div :if={!@screenshot?} class="mt-6 sm:mt-10 flex gap-4">
9192
<.button
@@ -432,7 +433,7 @@ defmodule AlgoraWeb.HomeLive do
432433
<br />using open source
433434
</h2>
434435
<p class="text-center font-medium text-base text-muted-foreground sm:text-xl mb-12 mx-auto">
435-
Source, screen, interview and onboard with Algora.<br />
436+
Source, screen, interview and onboard <span class="hidden lg:inline">with Algora</span>.<br />
436437
Guarantee role fit and job performance.
437438
</p>
438439
<ul class="space-y-3 mt-4 text-xl grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -474,78 +475,79 @@ defmodule AlgoraWeb.HomeLive do
474475
</li>
475476
</ul>
476477
</.section>
477-
</div>
478478
479-
<.section class="pt-12 pb-20">
480-
<div class="max-w-2xl mx-auto border ring-1 ring-transparent rounded-xl overflow-hidden">
481-
<div class="bg-card/75 flex flex-col h-full p-4 rounded-xl border-t-4 sm:border-t-0 sm:border-l-4 border-emerald-400">
482-
<div class="flex flex-col md:flex-row gap-8 p-4 sm:p-6">
483-
<div class="flex-1 flex flex-col justify-center items-center">
484-
<.simple_form
485-
for={@form}
486-
phx-change="validate_job"
487-
phx-submit="create_job"
488-
class="w-full space-y-6"
489-
>
490-
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
491-
<.input
492-
id="final_section_email"
493-
field={@form[:email]}
494-
label="Email"
495-
data-domain-target
496-
phx-hook="DeriveDomain"
497-
phx-change="email_changed"
498-
phx-debounce="300"
499-
/>
500-
<.input id="final_section_url" field={@form[:url]} label="Job Posting URL" />
501-
<.input
502-
id="final_section_company_url"
503-
field={@form[:company_url]}
504-
label="Company URL"
505-
data-domain-source
506-
/>
507-
<.input
508-
id="final_section_company_name"
509-
field={@form[:company_name]}
510-
label="Company Name"
511-
/>
512-
</div>
479+
<.section class="pt-12 pb-20">
480+
<div class="max-w-2xl mx-auto border ring-1 ring-transparent rounded-xl overflow-hidden">
481+
<div class="bg-card/75 flex flex-col h-full p-4 rounded-xl border-t-4 sm:border-t-0 sm:border-l-4 border-emerald-400">
482+
<div class="flex flex-col md:flex-row gap-8 p-4 sm:p-6">
483+
<div class="flex-1 flex flex-col justify-center items-center">
484+
<.simple_form
485+
for={@form}
486+
phx-change="validate_job"
487+
phx-submit="create_job"
488+
class="w-full space-y-6"
489+
>
490+
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
491+
<.input
492+
id="final_section_email"
493+
field={@form[:email]}
494+
label="Email"
495+
data-domain-target
496+
phx-hook="DeriveDomain"
497+
phx-change="email_changed"
498+
phx-debounce="300"
499+
/>
500+
<.input id="final_section_url" field={@form[:url]} label="Job Posting URL" />
501+
<.input
502+
id="final_section_company_url"
503+
field={@form[:company_url]}
504+
label="Company URL"
505+
data-domain-source
506+
/>
507+
<.input
508+
id="final_section_company_name"
509+
field={@form[:company_name]}
510+
label="Company Name"
511+
/>
512+
</div>
513513
514-
<div class="flex flex-col items-center gap-4">
515-
<.button size="xl" class="w-full">
516-
<div class="flex flex-col items-center gap-1 font-semibold">
517-
<span>Hire now</span>
518-
</div>
519-
</.button>
520-
<div>
521-
<div
522-
:if={
523-
@user_metadata.ok? && get_in(@user_metadata.result, [:org, :favicon_url])
524-
}
525-
class="flex items-center gap-3"
526-
>
527-
<%= if logo = get_in(@user_metadata.result, [:org, :favicon_url]) do %>
528-
<img src={logo} class="h-16 w-16 rounded-2xl" />
529-
<% end %>
530-
<div>
531-
<div class="text-lg text-foreground font-bold font-display line-clamp-1">
532-
{get_change(@form.source, :company_name)}
533-
</div>
534-
<%= if description = get_in(@user_metadata.result, [:org, :og_description]) do %>
535-
<div class="text-sm text-muted-foreground line-clamp-1">
536-
{description}
537-
</div>
514+
<div class="flex flex-col items-center gap-4">
515+
<.button size="xl" class="w-full">
516+
<div class="flex flex-col items-center gap-1 font-semibold">
517+
<span>Hire now</span>
518+
</div>
519+
</.button>
520+
<div>
521+
<div
522+
:if={
523+
@user_metadata.ok? &&
524+
get_in(@user_metadata.result, [:org, :favicon_url])
525+
}
526+
class="flex items-center gap-3"
527+
>
528+
<%= if logo = get_in(@user_metadata.result, [:org, :favicon_url]) do %>
529+
<img src={logo} class="h-16 w-16 rounded-2xl" />
538530
<% end %>
531+
<div>
532+
<div class="text-lg text-foreground font-bold font-display line-clamp-1">
533+
{get_change(@form.source, :company_name)}
534+
</div>
535+
<%= if description = get_in(@user_metadata.result, [:org, :og_description]) do %>
536+
<div class="text-sm text-muted-foreground line-clamp-1">
537+
{description}
538+
</div>
539+
<% end %>
540+
</div>
539541
</div>
540542
</div>
541543
</div>
542-
</div>
543-
</.simple_form>
544+
</.simple_form>
545+
</div>
544546
</div>
545547
</div>
546548
</div>
547-
</div>
548-
</.section>
549+
</.section>
550+
</div>
549551
550552
<div class="relative isolate overflow-hidden bg-gradient-to-br from-black to-background">
551553
<Footer.footer />

‎priv/static/images/og/home.png‎

-463 KB
Loading

0 commit comments

Comments
 (0)