Skip to content

Commit d31344b

Browse files
zcesurzcesur
committed
refactor: update pricing plans identifiers to string format, enhance layout with new background colors, and replace hardcoded demo link with a dynamic constant
1 parent e1dbd0d commit d31344b

File tree

1 file changed

+10
-143
lines changed

1 file changed

+10
-143
lines changed

‎lib/algora_web/live/pricing_live.ex‎

Lines changed: 10 additions & 143 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ defmodule AlgoraWeb.PricingLive do
55
alias Algora.PSP.ConnectCountries
66
alias AlgoraWeb.Components.Footer
77
alias AlgoraWeb.Components.Header
8-
alias AlgoraWeb.Components.Wordmarks
98

109
defmodule Plan do
1110
@moduledoc false
@@ -103,7 +102,7 @@ defmodule AlgoraWeb.PricingLive do
103102
</div>
104103
</section>
105104
106-
<section class="bg-muted/20 border-t py-16 sm:py-24">
105+
<section class="bg-black border-t py-16 sm:py-24">
107106
<div class="mx-auto max-w-7xl px-6 lg:px-8">
108107
<h2 class="mb-12 text-center text-3xl font-bold text-popover-foreground">
109108
Frequently asked questions
@@ -145,15 +144,15 @@ defmodule AlgoraWeb.PricingLive do
145144
<.button navigate="/onboarding/org">
146145
Start your project
147146
</.button>
148-
<.button href="https://cal.com/ioannisflo" variant="secondary">
147+
<.button href={AlgoraWeb.Constants.get(:calendar_url)} variant="secondary">
149148
Request a demo
150149
</.button>
151150
</div>
152151
<.features_bento />
153152
</div>
154153
</section>
155154
156-
<div class="bg-muted/20">
155+
<div class="bg-black">
157156
<Footer.footer />
158157
</div>
159158
</div>
@@ -206,7 +205,7 @@ defmodule AlgoraWeb.PricingLive do
206205
<div class="border-default flex items-baseline text-5xl font-normal text-foreground lg:text-4xl xl:text-4xl">
207206
<div class="flex flex-col gap-1 w-full">
208207
<%= case @plan.id do %>
209-
<% :a0 -> %>
208+
<% "receive-payments" -> %>
210209
<div class="flex justify-between">
211210
<div class="flex items-end">
212211
<p class="font-display text-4xl">
@@ -217,7 +216,7 @@ defmodule AlgoraWeb.PricingLive do
217216
</p>
218217
</div>
219218
</div>
220-
<% :a1 -> %>
219+
<% "pay-developers" -> %>
221220
<div class="flex justify-between">
222221
<div class="flex items-end">
223222
<p class="font-display text-4xl">
@@ -228,29 +227,7 @@ defmodule AlgoraWeb.PricingLive do
228227
</p>
229228
</div>
230229
</div>
231-
<% :b0 -> %>
232-
<div class="flex justify-between">
233-
<div class="flex items-end">
234-
<p class="font-display text-4xl">
235-
$599
236-
</p>
237-
<p class="text-foreground-lighter text-sm mb-1.5 ml-2 leading-4">
238-
/mo
239-
</p>
240-
</div>
241-
</div>
242-
<% :b1 -> %>
243-
<div class="flex justify-between">
244-
<div class="flex items-end">
245-
<p class="font-display text-4xl">
246-
$1,599
247-
</p>
248-
<p class="text-foreground-lighter text-sm mb-1.5 ml-2 leading-4">
249-
/mo
250-
</p>
251-
</div>
252-
</div>
253-
<% :b2 -> %>
230+
<% "grow-your-team" -> %>
254231
<div class="flex justify-between">
255232
<div class="flex items-end">
256233
<p class="font-display text-4xl">
@@ -261,9 +238,6 @@ defmodule AlgoraWeb.PricingLive do
261238
<% end %>
262239
</div>
263240
</div>
264-
<%!-- <.button navigate={@plan.cta_url}>
265-
Get started
266-
</.button> --%>
267241
</div>
268242
</div>
269243
<div class="flex-1 border-l my-auto border-default px-4 2xl:px-8 pl-0">
@@ -360,7 +334,7 @@ defmodule AlgoraWeb.PricingLive do
360334
defp get_plans1 do
361335
[
362336
%Plan{
363-
id: :a0,
337+
id: "receive-payments",
364338
name: "Receive payments",
365339
description: "Get paid for your open source work",
366340
price: "100%",
@@ -374,7 +348,7 @@ defmodule AlgoraWeb.PricingLive do
374348
]
375349
},
376350
%Plan{
377-
id: :a1,
351+
id: "pay-developers",
378352
name: "Pay developers",
379353
description: "Reward contributors with Algora",
380354
price: nil,
@@ -393,12 +367,12 @@ defmodule AlgoraWeb.PricingLive do
393367
defp get_plans2 do
394368
[
395369
%Plan{
396-
id: :b2,
370+
id: "grow-your-team",
397371
name: "Growing your team?",
398372
description: "You're in the right place.",
399373
price: "Custom",
400374
cta_text: "Contact us",
401-
cta_url: "https://cal.com/ioannisflo",
375+
cta_url: AlgoraWeb.Constants.get(:calendar_url),
402376
popular: false,
403377
features: []
404378
}
@@ -464,113 +438,6 @@ defmodule AlgoraWeb.PricingLive do
464438
]
465439
end
466440

467-
defp logo_cloud(assigns) do
468-
~H"""
469-
<div>
470-
<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">
471-
<a class="relative flex items-center justify-center" href="https://console.algora.io/org/cal">
472-
<Wordmarks.calcom class="w-[6rem] sm:w-[7rem] col-auto mt-1" alt="Cal.com" />
473-
</a>
474-
<a
475-
class="relative flex items-center justify-center"
476-
href="https://console.algora.io/org/qdrant"
477-
>
478-
<Wordmarks.qdrant class="w-[6rem] sm:w-[7rem] col-auto" alt="Qdrant" />
479-
</a>
480-
<a
481-
class="relative flex items-center justify-center"
482-
href="https://console.algora.io/org/remotion"
483-
>
484-
<img
485-
src="https://algora.io/banners/remotion.png"
486-
alt="Remotion"
487-
class="col-auto w-full saturate-0"
488-
/>
489-
</a>
490-
<a class="relative flex items-center justify-center" href="https://console.algora.io/org/zio">
491-
<img
492-
src="https://algora.io/banners/zio.png"
493-
alt="ZIO"
494-
class="w-[10rem] col-auto brightness-0 invert"
495-
/>
496-
</a>
497-
<a
498-
class="relative flex items-center justify-center"
499-
href="https://console.algora.io/org/triggerdotdev"
500-
>
501-
<img
502-
src="https://algora.io/banners/triggerdotdev.png"
503-
alt="Trigger.dev"
504-
class="col-auto w-full saturate-0"
505-
/>
506-
</a>
507-
<a
508-
class="relative flex items-center justify-center"
509-
href="https://console.algora.io/org/tembo"
510-
>
511-
<img
512-
src="https://algora.io/banners/tembo.png"
513-
alt="Tembo"
514-
class="w-[13rem] col-auto saturate-0"
515-
/>
516-
</a>
517-
<a
518-
class="relative flex items-center justify-center"
519-
href="https://console.algora.io/org/maybe-finance"
520-
>
521-
<img
522-
src="https://algora.io/banners/maybe.png"
523-
alt="Maybe"
524-
class="col-auto w-full saturate-0"
525-
/>
526-
</a>
527-
<a
528-
class="relative flex items-center justify-center"
529-
href="https://console.algora.io/org/golemcloud"
530-
>
531-
<Wordmarks.golemcloud class="col-auto w-full" alt="Golem Cloud" />
532-
</a>
533-
<a
534-
class="relative flex items-center justify-center"
535-
href="https://console.algora.io/org/aidenybai"
536-
>
537-
<img
538-
src="https://algora.io/banners/million.png"
539-
alt="Million"
540-
class="col-auto w-44 saturate-0"
541-
/>
542-
</a>
543-
<a
544-
class="relative flex items-center justify-center"
545-
href="https://console.algora.io/org/tailcallhq"
546-
>
547-
<Wordmarks.tailcall class="w-[10rem] col-auto" fill="white" alt="Tailcall" />
548-
</a>
549-
<a
550-
class="relative flex items-center justify-center"
551-
href="https://console.algora.io/org/highlight"
552-
>
553-
<img
554-
src="https://algora.io/banners/highlight.png"
555-
alt="Highlight"
556-
class="col-auto w-44 saturate-0"
557-
/>
558-
</a>
559-
<a
560-
class="relative flex items-center justify-center"
561-
href="https://console.algora.io/org/dittofeed"
562-
>
563-
<img
564-
src="https://algora.io/banners/dittofeed.png"
565-
alt="Dittofeed"
566-
class="col-auto w-40 brightness-0 invert"
567-
/>
568-
</a>
569-
</div>
570-
</div>
571-
"""
572-
end
573-
574441
defp features_bento(assigns) do
575442
~H"""
576443
<div class="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-[repeat(14,_minmax(0,_1fr))]">

0 commit comments

Comments
 (0)