@@ -588,205 +588,4 @@ defmodule AlgoraWeb.PricingLive do
588588 }
589589 ]
590590 end
591-
592- defp features_bento ( assigns ) do
593- ~H"""
594- < div class = "mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-[repeat(14,_minmax(0,_1fr))] " >
595- < div class = "flex p-px lg:col-span-8 " >
596- < div class = "w-full overflow-hidden rounded sm:rounded-lg bg-card ring-1 ring-white/15 lg:rounded-tl-[2rem] " >
597- < img
598- class = "object-cover object-left "
599- loading = "lazy "
600- src = { ~p" /images/screenshots/bounty.png" }
601- alt = ""
602- />
603- < div class = "p-4 sm:p-6 " >
604- < h3 class = "text-sm/4 font-semibold text-gray-400 " > Bounties</ h3 >
605- < p class = "mt-2 text-lg font-medium tracking-tight text-white " >
606- Fund Issues
607- </ p >
608- < p class = "mt-2 text-sm/6 text-gray-400 " >
609- Create bounties on your issues to incentivize solutions and attract talented contributors
610- </ p >
611- </ div >
612- </ div >
613- </ div >
614- < div class = "flex p-px lg:col-span-6 " >
615- < div class = "w-full overflow-hidden rounded sm:rounded-lg bg-card ring-1 ring-white/15 lg:rounded-tr-[2rem] " >
616- < img class = "object-cover " loading = "lazy " src = { ~p" /images/screenshots/tip.png" } alt = "" />
617- < div class = "p-4 sm:p-6 " >
618- < h3 class = "text-sm/4 font-semibold text-gray-400 " > Tips</ h3 >
619- < p class = "mt-2 text-lg font-medium tracking-tight text-white " >
620- Show Appreciation
621- </ p >
622- < p class = "mt-2 text-sm/6 text-gray-400 " >
623- Say thanks with tips to recognize valuable contributions
624- </ p >
625- </ div >
626- </ div >
627- </ div >
628- < div class = "flex p-px lg:col-span-6 " >
629- < div class = "w-full overflow-hidden rounded sm:rounded-lg bg-card ring-1 ring-white/15 " >
630- < div class = "flex object-cover " >
631- < div class = "flex h-full w-full items-center justify-center gap-x-4 p-4 pb-0 sm:gap-x-6 " >
632- < div class = "flex w-full flex-col space-y-3 sm:w-auto sm:py-9 " >
633- < div
634- class = "w-full items-center rounded-md bg-gradient-to-b from-gray-400 to-gray-800 p-px "
635- style = "opacity: 1; transform: translateX(0.2px) translateZ(0px); "
636- >
637- < div class = "flex items-center space-x-2 rounded-md bg-gradient-to-b from-gray-800 to-gray-900 p-2 " >
638- < svg
639- xmlns = "http://www.w3.org/2000/svg "
640- viewBox = "0 0 20 20 "
641- fill = "currentColor "
642- aria-hidden = "true "
643- class = "h-4 w-4 text-success-500 "
644- >
645- < path
646- fill-rule = "evenodd "
647- d = "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z "
648- clip-rule = "evenodd "
649- >
650- </ path >
651- </ svg >
652- < p class = "pb-8 font-sans text-sm text-gray-200 last:pb-0 " >
653- Merged pull request
654- </ p >
655- </ div >
656- </ div >
657- < div
658- class = "w-full items-center rounded-md bg-gradient-to-b from-gray-400 to-gray-800 p-px "
659- style = "opacity: 1; transform: translateX(0.2px) translateZ(0px); "
660- >
661- < div class = "flex items-center space-x-2 rounded-md bg-gradient-to-b from-gray-800 to-gray-900 p-2 " >
662- < svg
663- xmlns = "http://www.w3.org/2000/svg "
664- viewBox = "0 0 20 20 "
665- fill = "currentColor "
666- aria-hidden = "true "
667- class = "h-4 w-4 text-success-500 "
668- >
669- < path
670- fill-rule = "evenodd "
671- d = "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z "
672- clip-rule = "evenodd "
673- >
674- </ path >
675- </ svg >
676- < p class = "pb-8 font-sans text-sm text-gray-200 last:pb-0 " >
677- Completed payment
678- </ p >
679- </ div >
680- </ div >
681- < div
682- class = "w-full items-center rounded-md bg-gradient-to-b from-gray-400 to-gray-800 p-px "
683- style = "opacity: 0.7; transform: translateX(0.357815px) translateZ(0px); "
684- >
685- < div class = "flex items-center space-x-2 rounded-md bg-gradient-to-b from-gray-800 to-gray-900 p-2 " >
686- < svg
687- width = "20 "
688- height = "20 "
689- viewBox = "0 0 20 20 "
690- fill = "none "
691- xmlns = "http://www.w3.org/2000/svg "
692- class = "h-4 w-4 animate-spin motion-reduce:hidden "
693- >
694- < rect
695- x = "2 "
696- y = "2 "
697- width = "16 "
698- height = "16 "
699- rx = "8 "
700- stroke = "rgba(59, 130, 246, 0.4) "
701- stroke-width = "3 "
702- >
703- </ rect >
704- < path
705- d = "M10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2 "
706- stroke = "rgba(59, 130, 246) "
707- stroke-width = "3 "
708- stroke-linecap = "round "
709- >
710- </ path >
711- </ svg >
712- < p class = "pb-8 font-sans text-sm text-gray-400 last:pb-0 " >
713- Transferring funds to contributor
714- </ p >
715- </ div >
716- </ div >
717- </ div >
718- </ div >
719- </ div >
720- < div class = "p-4 sm:p-6 " >
721- < h3 class = "text-sm/4 font-semibold text-gray-400 " > Payments</ h3 >
722- < p class = "mt-2 text-lg font-medium tracking-tight text-white " >
723- Pay When Merged
724- </ p >
725- < p class = "mt-2 text-sm/6 text-gray-400 " >
726- Set up auto-pay to instantly reward contributors as their PRs are merged
727- </ p >
728- </ div >
729- </ div >
730- </ div >
731- < div class = "flex p-px lg:col-span-8 " >
732- < div class = "w-full overflow-hidden rounded sm:rounded-lg bg-card ring-1 ring-white/15 " >
733- < img
734- class = "object-cover object-left "
735- loading = "lazy "
736- src = { ~p" /images/screenshots/bounties.png" }
737- alt = ""
738- />
739- < div class = "p-4 sm:p-6 " >
740- < h3 class = "text-sm/4 font-semibold text-gray-400 " > Pooling</ h3 >
741- < p class = "mt-2 text-lg font-medium tracking-tight text-white " >
742- Fund Together
743- </ p >
744- < p class = "mt-2 text-sm/6 text-gray-400 " >
745- Companies and individuals can pool their money together to fund important issues
746- </ p >
747- </ div >
748- </ div >
749- </ div >
750- < div class = "flex p-px lg:col-span-5 " >
751- < div class = "w-full overflow-hidden rounded sm:rounded-lg bg-card ring-1 ring-white/15 lg:rounded-bl-[2rem] " >
752- < img
753- class = "object-cover object-left "
754- loading = "lazy "
755- src = { ~p" /images/screenshots/payout-account.png" }
756- alt = ""
757- />
758- < div class = "p-4 sm:p-6 " >
759- < h3 class = "text-sm/4 font-semibold text-gray-400 " > Payouts</ h3 >
760- < p class = "mt-2 text-lg font-medium tracking-tight text-white " >
761- Fast, Global Payouts
762- </ p >
763- < p class = "mt-2 text-sm/6 text-gray-400 " >
764- Receive payments directly to your bank account from all around the world
765- < . link
766- href = "https://algora.io/docs/payments#supported-countries-regions "
767- class = "font-medium text-foreground "
768- >
769- ({ ConnectCountries . count ( ) } countries/regions supported)
770- </ . link >
771- </ p >
772- </ div >
773- </ div >
774- </ div >
775- < div class = "flex p-px lg:col-span-9 " >
776- < div class = "w-full overflow-hidden rounded sm:rounded-lg bg-card ring-1 ring-white/15 lg:rounded-br-[2rem] " >
777- < img class = "object-cover " loading = "lazy " src = { ~p" /images/screenshots/contract.png" } alt = "" />
778- < div class = "p-4 sm:p-6 " >
779- < h3 class = "text-sm/4 font-semibold text-gray-400 " > Contracts</ h3 >
780- < p class = "mt-2 text-lg font-medium tracking-tight text-white " >
781- Flexible Engagement
782- </ p >
783- < p class = "mt-2 text-sm/6 text-gray-400 " >
784- Set hourly rates, weekly hours, and payment schedules for ongoing development work. Track progress and manage payments all in one place.
785- </ p >
786- </ div >
787- </ div >
788- </ div >
789- </ div >
790- """
791- end
792591end
0 commit comments