diff --git a/README.ja.md b/README.ja.md index 335c87f6f4..c2d1ad88a0 100644 --- a/README.ja.md +++ b/README.ja.md @@ -153,7 +153,7 @@ npm run typecheck ## スポンサー -Paseo は一人で開発しており、使ってくれる人たちの支援で成り立っています。[GitHub Sponsors](https://github.com/sponsors/boudra) で支援するか、月 500 ドルで[スポンサー枠を購入](https://buy.stripe.com/8x24gBczR7LNaokcve2sM00)して、貴社のロゴをここと [paseo.sh のホームページ](https://paseo.sh/sponsor#spot)に掲載できます。 +Paseo は一人で開発しており、使ってくれる人たちの支援で成り立っています。[GitHub Sponsors](https://github.com/sponsors/boudra) で支援できます。企業として毎月[スポンサー](https://paseo.sh/sponsor#spot)になっていただくと、ロゴをここと paseo.sh のホームページに掲載します。 diff --git a/README.ko.md b/README.ko.md index 2bb1a15fc6..60581767cd 100644 --- a/README.ko.md +++ b/README.ko.md @@ -163,7 +163,7 @@ npm run typecheck ## 스폰서 -Paseo는 한 사람이 개발하며, 사용하는 분들의 후원으로 운영됩니다. [GitHub Sponsors](https://github.com/sponsors/boudra)로 후원하거나, 월 500달러에 [스폰서 자리를 구매](https://buy.stripe.com/8x24gBczR7LNaokcve2sM00)하여 회사 로고를 이곳과 [paseo.sh 홈페이지](https://paseo.sh/sponsor#spot)에 게재할 수 있습니다. +Paseo는 한 사람이 개발하며, 사용하는 분들의 후원으로 운영됩니다. [GitHub Sponsors](https://github.com/sponsors/boudra)로 후원할 수 있습니다. 회사는 매월 [Paseo를 후원](https://paseo.sh/sponsor#spot)하고 로고를 이곳과 paseo.sh 홈페이지에 게재할 수 있습니다. diff --git a/README.md b/README.md index 3a83f7e235..120672746b 100644 --- a/README.md +++ b/README.md @@ -195,7 +195,7 @@ npm run typecheck ## Sponsors -Paseo is built by one person and funded by the people who use it. Support the work on [GitHub Sponsors](https://github.com/sponsors/boudra), or [sponsor a spot](https://buy.stripe.com/8x24gBczR7LNaokcve2sM00) for $500 a month to put your company's logo here and on the [paseo.sh homepage](https://paseo.sh/sponsor#spot). +Paseo is built by one person and funded by the people who use it. Support the work on [GitHub Sponsors](https://github.com/sponsors/boudra). Companies can [sponsor Paseo](https://paseo.sh/sponsor#spot) monthly and have their logo shown here and on the paseo.sh homepage. diff --git a/README.zh-CN.md b/README.zh-CN.md index 6a5bde16f2..dfdf673b2e 100644 --- a/README.zh-CN.md +++ b/README.zh-CN.md @@ -153,7 +153,7 @@ npm run typecheck ## 赞助 -Paseo 由一个人开发,靠使用它的人来资助。你可以通过 [GitHub Sponsors](https://github.com/sponsors/boudra) 支持这项工作,或者以每月 500 美元[赞助一个展示位](https://buy.stripe.com/8x24gBczR7LNaokcve2sM00),把贵公司的 logo 放在这里和 [paseo.sh 首页](https://paseo.sh/sponsor#spot)上。 +Paseo 由一个人开发,靠使用它的人来资助。你可以通过 [GitHub Sponsors](https://github.com/sponsors/boudra) 支持这项工作。公司也可以按月[赞助 Paseo](https://paseo.sh/sponsor#spot),logo 会展示在这里和 paseo.sh 首页上。 diff --git a/packages/website/src/components/sponsorship.tsx b/packages/website/src/components/sponsorship.tsx index 958208e56f..449742bffb 100644 --- a/packages/website/src/components/sponsorship.tsx +++ b/packages/website/src/components/sponsorship.tsx @@ -77,7 +77,6 @@ export function FounderNote() { interface BackingOption { href: string; name: string; - detail: string; icon: React.ComponentType<{ className?: string }>; external: boolean; primary?: boolean; @@ -87,7 +86,6 @@ const BACKING_OPTIONS: ReadonlyArray = [ { href: GITHUB_SPONSORS_URL, name: "GitHub Sponsors", - detail: "From $5 a month, or one time", icon: GitHubIcon, external: true, primary: true, @@ -95,21 +93,18 @@ const BACKING_OPTIONS: ReadonlyArray = [ { href: OPEN_COLLECTIVE_URL, name: "Open Collective", - detail: "Monthly or one time, with an invoice", icon: OpenCollectiveIcon, external: true, }, { href: BUY_ME_A_COFFEE_URL, name: "Buy Me a Coffee", - detail: "One time, no account needed", icon: BuyMeACoffeeIcon, external: true, }, { href: "/sponsor#spot", - name: "Sponsor a spot", - detail: "For companies", + name: "Sponsor as a company", icon: SpotIcon, external: false, }, @@ -132,33 +127,28 @@ export function BackingOptions() { key={option.href} href={option.href} {...(option.external ? { target: "_blank", rel: "noopener noreferrer" } : {})} - className={`flex items-start gap-4 rounded-xl border p-4 transition-colors ${ + className={`flex items-center gap-4 rounded-xl border p-4 transition-colors ${ option.primary ? "border-white/25 bg-white/[0.06] hover:border-white/40 hover:bg-white/[0.08]" : "border-white/10 bg-white/[0.02] hover:border-white/20 hover:bg-white/[0.05]" }`} > - -
-

- {option.name} - {option.external ? ( - - ) : ( - - )} -

-

{option.detail}

-
+ +

+ {option.name} + {option.external ? ( + + ) : ( + + )} +

))} ); } -/** The four homepage spots: sponsor logos first, then a placeholder for each open spot. */ function SponsorLogoRow() { - const placeholders = Array.from({ length: openSpotCount() }, (_, index) => index); return ( ); } @@ -201,8 +180,8 @@ export function SponsorSpotSection() {
@@ -223,7 +202,7 @@ export function SponsorSpotSection() { href={SPONSOR_SPOT_CHECKOUT_URL} className="inline-flex items-center rounded-md bg-white px-5 py-2.5 text-sm font-medium text-black transition-colors hover:bg-white/90" > - Sponsor a spot + Become a sponsor ) : null} - - + +
); } diff --git a/packages/website/src/routes/sponsor.tsx b/packages/website/src/routes/sponsor.tsx index 514e4d4628..6c5b1b4f46 100644 --- a/packages/website/src/routes/sponsor.tsx +++ b/packages/website/src/routes/sponsor.tsx @@ -7,7 +7,7 @@ export const Route = createFileRoute("/sponsor")({ head: () => pageMeta( "Sponsor Paseo", - "Paseo is built by one person with no investors. Sponsor the work on GitHub Sponsors, Open Collective or Buy Me a Coffee, or put your company's logo on the homepage.", + "Paseo is built by one person with no investors. Sponsor the work on GitHub Sponsors, Open Collective or Buy Me a Coffee, or sponsor it as a company.", "/sponsor", ), component: Sponsor,