@@ -588,205 +588,4 @@ defmodule AlgoraWeb.PricingLive do
588
588
}
589
589
]
590
590
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
792
591
end
0 commit comments