Skip to content

Commit 187723c

Browse files
zcesurzcesur
committed
add golem testimonial
1 parent 66b3985 commit 187723c

File tree

3 files changed

+918
-188
lines changed

3 files changed

+918
-188
lines changed

‎lib/algora_web/live/pricing_live.ex‎

Lines changed: 117 additions & 188 deletions
Original file line numberDiff line numberDiff line change
@@ -374,176 +374,6 @@ defmodule AlgoraWeb.PricingLive do
374374
"""
375375
end
376376

377-
# New ROI Calculator Component
378-
def roi_calculator(assigns) do
379-
~H"""
380-
<div class="mx-auto mt-16 max-w-2xl rounded-xl border bg-card p-6">
381-
<h3 class="mb-6 text-2xl font-bold text-card-foreground">Calculate Your Savings</h3>
382-
383-
<form phx-change="calculate_roi" class="space-y-6">
384-
<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
385-
<div class="space-y-2">
386-
<label class="text-sm font-medium text-muted-foreground">Number of Developers</label>
387-
<input
388-
type="number"
389-
name="roi[developers]"
390-
value={@roi_estimate.developers}
391-
min="1"
392-
class="w-full rounded-md border border-input bg-background px-3 py-2"
393-
/>
394-
</div>
395-
396-
<div class="space-y-2">
397-
<label class="text-sm font-medium text-muted-foreground">
398-
Average Hourly Rate ($)
399-
<.icon
400-
name="tabler-info-circle"
401-
class="ml-1 inline-block h-4 w-4 text-muted-foreground"
402-
/>
403-
</label>
404-
<input
405-
type="number"
406-
name="roi[hourly_rate]"
407-
value={@roi_estimate.hourly_rate}
408-
min="1"
409-
class="w-full rounded-md border border-input bg-background px-3 py-2"
410-
/>
411-
</div>
412-
413-
<div class="space-y-2">
414-
<label class="text-sm font-medium text-muted-foreground">
415-
Hours per Week
416-
<.icon
417-
name="tabler-info-circle"
418-
class="ml-1 inline-block h-4 w-4 text-muted-foreground"
419-
/>
420-
</label>
421-
<input
422-
type="number"
423-
name="roi[hours_per_week]"
424-
value={@roi_estimate.hours_per_week}
425-
min="1"
426-
max="168"
427-
class="w-full rounded-md border border-input bg-background px-3 py-2"
428-
/>
429-
</div>
430-
431-
<div class="space-y-2">
432-
<label class="text-sm font-medium text-muted-foreground">
433-
Annual Total Compensation ($)
434-
<.icon
435-
name="tabler-info-circle"
436-
class="ml-1 inline-block h-4 w-4 text-muted-foreground"
437-
/>
438-
</label>
439-
<input
440-
type="number"
441-
name="roi[annual_tc]"
442-
value={@roi_estimate.annual_tc}
443-
min="1"
444-
class="w-full rounded-md border border-input bg-background px-3 py-2"
445-
/>
446-
</div>
447-
</div>
448-
</form>
449-
450-
<%= if @roi_estimate do %>
451-
<div class="mt-8 border-t pt-6">
452-
<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
453-
<div class="space-y-4">
454-
<h4 class="font-medium text-card-foreground">Traditional Hiring</h4>
455-
<div>
456-
<div class="flex justify-between">
457-
<span class="font-medium text-muted-foreground">Base Monthly Cost</span>
458-
<span class="font-display">
459-
${Number.Delimit.number_to_delimited(trunc(@roi_estimate.traditional_cost))}
460-
</span>
461-
</div>
462-
<div class="flex justify-between pt-2">
463-
<span class="text-muted-foreground">Overhead (35%)</span>
464-
<span class="font-display text-muted-foreground">
465-
${Number.Delimit.number_to_delimited(trunc(@roi_estimate.traditional_overhead))}
466-
</span>
467-
</div>
468-
<div class="mt-[4.5rem] flex justify-between border-t pt-2">
469-
<span class="font-medium text-muted-foreground">Total Monthly Cost</span>
470-
<span class="font-display text-muted-foreground">
471-
${Number.Delimit.number_to_delimited(trunc(@roi_estimate.traditional_total))}
472-
</span>
473-
</div>
474-
<div class="flex justify-between pt-2 font-medium">
475-
<span>Total Yearly Cost</span>
476-
<span class="font-display">
477-
${Number.Delimit.number_to_delimited(trunc(@roi_estimate.traditional_total * 12))}
478-
</span>
479-
</div>
480-
</div>
481-
</div>
482-
483-
<div class="space-y-4">
484-
<h4 class="font-medium text-card-foreground">With Algora</h4>
485-
<div class="space-y-2">
486-
<div class="flex justify-between">
487-
<span class="font-medium text-muted-foreground">Base Monthly Cost</span>
488-
<span class="font-display">
489-
${Number.Delimit.number_to_delimited(trunc(@roi_estimate.algora_cost))}
490-
</span>
491-
</div>
492-
<div class="flex justify-between">
493-
<span class="text-muted-foreground">
494-
Platform Fee ({trunc(@roi_estimate.platform_fee * 100)}%)
495-
</span>
496-
<span class="font-display text-muted-foreground">
497-
${Number.Delimit.number_to_delimited(trunc(@roi_estimate.algora_fee))}
498-
</span>
499-
</div>
500-
<div class="flex justify-between">
501-
<span class="text-muted-foreground">
502-
Placement Fee (0%)
503-
</span>
504-
<span class="font-display text-muted-foreground">
505-
$0.00
506-
</span>
507-
</div>
508-
<div class="flex justify-between">
509-
<span class="text-muted-foreground">Monthly Subscription</span>
510-
<span class="font-display text-muted-foreground">
511-
${Number.Delimit.number_to_delimited(@roi_estimate.monthly_subscription)}
512-
</span>
513-
</div>
514-
<div class="flex justify-between border-t pt-2">
515-
<span class="font-medium text-muted-foreground">Total Monthly Cost</span>
516-
<span class="font-display text-muted-foreground">
517-
${Number.Delimit.number_to_delimited(trunc(@roi_estimate.algora_total))}
518-
</span>
519-
</div>
520-
<div class="flex justify-between font-medium">
521-
<span>Total Yearly Cost</span>
522-
<span class="font-display">
523-
${Number.Delimit.number_to_delimited(trunc(@roi_estimate.algora_total * 12))}
524-
</span>
525-
</div>
526-
</div>
527-
</div>
528-
</div>
529-
530-
<div class="mt-6 border-t pt-6">
531-
<div class="flex items-center justify-between">
532-
<span class="text-lg font-medium text-card-foreground">Estimated Yearly Savings</span>
533-
<span class="font-display text-2xl font-bold text-success">
534-
${Number.Delimit.number_to_delimited(trunc(@roi_estimate.savings))}
535-
</span>
536-
</div>
537-
<p class="mt-2 text-sm text-muted-foreground">
538-
Savings include reduced recruitment costs, social security taxes, and administrative expenses.
539-
</p>
540-
</div>
541-
</div>
542-
<% end %>
543-
</div>
544-
"""
545-
end
546-
547377
# Data functions
548378
defp get_plans do
549379
[
@@ -697,8 +527,6 @@ defmodule AlgoraWeb.PricingLive do
697527
<.pricing_card plan={plan} />
698528
<% end %>
699529
</div>
700-
701-
<.roi_calculator roi_estimate={@roi_estimate} />
702530
</div>
703531
704532
<div class="py-24 sm:py-32">
@@ -711,25 +539,126 @@ defmodule AlgoraWeb.PricingLive do
711539
See what our customers have to say about their experience with Algora
712540
</p>
713541
</div>
714-
<div class="mx-auto mt-16 grid max-w-2xl grid-cols-1 grid-rows-1 gap-8 text-sm leading-6 text-gray-900 sm:mt-20 sm:grid-cols-2 xl:mx-0 xl:max-w-none xl:grid-cols-3">
715-
<%= for testimonial <- @testimonials do %>
716-
<div class="rounded-2xl bg-white/5 p-8 ring-1 ring-white/10">
717-
<div class="flex gap-x-3">
718-
<img
719-
class="h-10 w-10 rounded-full bg-gray-800 object-cover"
720-
src={testimonial.avatar}
721-
alt=""
722-
/>
723-
<div>
724-
<div class="font-semibold text-popover-foreground">{testimonial.name}</div>
725-
<div class="text-muted-foreground">{testimonial.role}</div>
542+
<div class="mx-auto mt-16 max-w-2xl gap-8 text-sm leading-6 text-gray-900 sm:mt-20 sm:grid-cols-2 xl:mx-0 xl:max-w-none">
543+
<div class="spotlight before:top-1/4 before:left-auto before:right-1/4 [--color-shadow:theme(&quot;colors.purple.400&quot;)]">
544+
<div class="grid gap-x-12 gap-y-8 sm:grid-cols-7">
545+
<div class="col-span-3">
546+
<div class="relative flex aspect-square w-full items-center justify-center overflow-hidden rounded-2xl bg-gray-800">
547+
<iframe
548+
src="https://www.youtube.com/embed/xObOGcUdtY0?si=mrHBcTn-Nzj4_okq"
549+
title="YouTube video player"
550+
frameborder="0"
551+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
552+
referrerpolicy="strict-origin-when-cross-origin"
553+
allowfullscreen
554+
width="100%"
555+
height="100%"
556+
>
557+
</iframe>
558+
</div>
559+
</div>
560+
<div class="col-span-4">
561+
<h3 class="text-3xl font-display font-bold text-success">
562+
$15,000 Bounty: Delighted by the Results
563+
</h3>
564+
<div class="relative text-base">
565+
<svg
566+
viewBox="0 0 162 128"
567+
fill="none"
568+
aria-hidden="true"
569+
class="absolute -top-12 left-0 -z-10 h-32 stroke-white/15"
570+
>
571+
<path
572+
id="b56e9dab-6ccb-4d32-ad02-6b4bb5d9bbeb"
573+
d="M65.5697 118.507L65.8918 118.89C68.9503 116.314 71.367 113.253 73.1386 109.71C74.9162 106.155 75.8027 102.28 75.8027 98.0919C75.8027 94.237 75.16 90.6155 73.8708 87.2314C72.5851 83.8565 70.8137 80.9533 68.553 78.5292C66.4529 76.1079 63.9476 74.2482 61.0407 72.9536C58.2795 71.4949 55.276 70.767 52.0386 70.767C48.9935 70.767 46.4686 71.1668 44.4872 71.9924L44.4799 71.9955L44.4726 71.9988C42.7101 72.7999 41.1035 73.6831 39.6544 74.6492C38.2407 75.5916 36.8279 76.455 35.4159 77.2394L35.4047 77.2457L35.3938 77.2525C34.2318 77.9787 32.6713 78.3634 30.6736 78.3634C29.0405 78.3634 27.5131 77.2868 26.1274 74.8257C24.7483 72.2185 24.0519 69.2166 24.0519 65.8071C24.0519 60.0311 25.3782 54.4081 28.0373 48.9335C30.703 43.4454 34.3114 38.345 38.8667 33.6325C43.5812 28.761 49.0045 24.5159 55.1389 20.8979C60.1667 18.0071 65.4966 15.6179 71.1291 13.7305C73.8626 12.8145 75.8027 10.2968 75.8027 7.38572C75.8027 3.6497 72.6341 0.62247 68.8814 1.1527C61.1635 2.2432 53.7398 4.41426 46.6119 7.66522C37.5369 11.6459 29.5729 17.0612 22.7236 23.9105C16.0322 30.6019 10.618 38.4859 6.47981 47.558L6.47976 47.558L6.47682 47.5647C2.4901 56.6544 0.5 66.6148 0.5 77.4391C0.5 84.2996 1.61702 90.7679 3.85425 96.8404L3.8558 96.8445C6.08991 102.749 9.12394 108.02 12.959 112.654L12.959 112.654L12.9646 112.661C16.8027 117.138 21.2829 120.739 26.4034 123.459L26.4033 123.459L26.4144 123.465C31.5505 126.033 37.0873 127.316 43.0178 127.316C47.5035 127.316 51.6783 126.595 55.5376 125.148L55.5376 125.148L55.5477 125.144C59.5516 123.542 63.0052 121.456 65.9019 118.881L65.5697 118.507Z"
574+
>
575+
</path>
576+
<use href="#b56e9dab-6ccb-4d32-ad02-6b4bb5d9bbeb" x="86"></use>
577+
</svg>
578+
<div class="pt-4 font-medium text-white whitespace-pre-line">
579+
We've used Algora extensively at Golem Cloud for our hiring needs and what I have found actually over the course of a few decades of hiring people is that many times someone who is very active in open-source development, these types of engineers often make fantastic additions to a team.
580+
581+
Through our $15,000 bounty, we got hundreds of GitHub stars, more than 100 new users on our Discord, and some really fantastic Rust engineers.
582+
583+
The bounty system helps us assess real-world skills instead of just technical challenge problems. It's a great way to find talented developers who deeply understand how your system works.
584+
</div>
726585
</div>
586+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-4">
587+
<div class="flex items-center gap-4">
588+
<span class="relative flex h-12 w-12 shrink-0 items-center overflow-hidden rounded-full">
589+
<img
590+
alt="John A. De Goes"
591+
loading="lazy"
592+
decoding="async"
593+
data-nimg="fill"
594+
class="aspect-square h-full w-full"
595+
sizes="100vw"
596+
src="https://pbs.twimg.com/profile_images/1771489509798236160/jGsCqm25_400x400.jpg"
597+
style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"
598+
/>
599+
</span>
600+
<div>
601+
<div class="text-base font-medium text-gray-100">John A. De Goes</div>
602+
<div class="text-sm text-gray-300">Founder & CEO</div>
603+
</div>
604+
</div>
605+
<div class="flex items-center gap-4">
606+
<a
607+
class="relative flex h-12 w-12 shrink-0 items-center overflow-hidden rounded-xl"
608+
href="https://console.algora.io/org/tailcallhq"
609+
>
610+
<img
611+
alt="Golem Cloud"
612+
loading="lazy"
613+
decoding="async"
614+
data-nimg="fill"
615+
class="aspect-square h-full w-full"
616+
sizes="100vw"
617+
src="https://avatars.githubusercontent.com/u/133607167?s=200&v=4"
618+
style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;"
619+
/>
620+
</a>
621+
<div>
622+
<a
623+
class="text-base font-medium text-gray-100"
624+
href="https://console.algora.io/org/golemcloud"
625+
>
626+
Golem Cloud
627+
</a>
628+
<a
629+
class="block text-sm text-gray-300 hover:text-white"
630+
target="_blank"
631+
rel="noopener"
632+
href="https://golem.cloud"
633+
>
634+
golem.cloud
635+
</a>
636+
</div>
637+
</div>
638+
</div>
639+
<dl class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-4 xl:flex-nowrap">
640+
<div class="flex flex-col-reverse">
641+
<dt class="text-base text-gray-300">Total awarded</dt>
642+
<dd class="font-display text-2xl font-semibold tracking-tight text-white">
643+
$27,500
644+
</dd>
645+
</div>
646+
<div class="flex flex-col-reverse">
647+
<dt class="text-base text-gray-300">Bounties completed</dt>
648+
<dd class="font-display text-2xl font-semibold tracking-tight text-white">
649+
3
650+
</dd>
651+
</div>
652+
<div class="flex flex-col-reverse">
653+
<dt class="text-base text-gray-300">Contributors rewarded</dt>
654+
<dd class="font-display text-2xl font-semibold tracking-tight text-white">
655+
3
656+
</dd>
657+
</div>
658+
</dl>
727659
</div>
728-
<blockquote class="mt-6 text-muted-foreground">
729-
{testimonial.quote}
730-
</blockquote>
731660
</div>
732-
<% end %>
661+
</div>
733662
</div>
734663
</div>
735664
</div>

0 commit comments

Comments
 (0)