dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

upgrade the project

Browse Source
This commit is contained in:
PrinOrange
2024-04-03 22:08:27 +08:00
parent a615511139
commit ea3597d62f
313 changed files with 10677 additions and 7069 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
pages/sponsor.tsx
View File

@@ -1,120 +1,35 @@
import { ContentContainer, Page } from "@/components/layouts";
import { Button } from "@/components/ui/button";
import { Separator } from "@/components/ui/separator";
import { SponsorBoard } from "@/components/sponsor-page/SponsorBoard";
import { SponsorDescription } from "@/components/sponsor-page/SponsorDescription";
import { Toaster } from "@/components/ui/toaster";
import { Footer } from "@/components/utils/Footer";
import { NavBar } from "@/components/utils/NavBar";
import { SEO } from "@/components/utils/SEO";
import { Config } from "@/data/config";
import { isEmptyString } from "@/lib/utils";
import { fontFangZhengXiaoBiaoSongCN, fontSourceSerifScreenCN } from "@/styles/font";
import Link from "next/link";
import { QRCodeSVG } from "qrcode.react";
import { FaCcPaypal } from "react-icons/fa";
import { GoHeartFill } from "react-icons/go";
import { SiAlipay, SiPatreon, SiWechat } from "react-icons/si";
export default function AboutPage() {
return (
<Page>
<SEO
title={`${Config.SiteTitle} - Sponsor Me`}
description={
"If you like my works, I would deeply appreciate your support as a patron. Your contribution not only fuels my creative journey but also allows me to delve deeper into my passion."
}
title={`${Config.SiteTitle} - Sponsor Me`}
/>
<Toaster />
<NavBar />
<ContentContainer>
<div className="md:flex">
<div className="md:flex mt-10">
<div className="flex flex-col justify-center md:w-1/2">
<h2
className={`my-5 flex justify-center text-2xl font-bold text-red-500 ${fontFangZhengXiaoBiaoSongCN.className}`}
>
<h2 className={`my-5 flex justify-center text-2xl font-bold text-red-500 font-fang-zheng-xiao-biao-song`}>
<GoHeartFill className="mx-2 my-auto" />
{"SPONSOR"}
</h2>
<p className={`${fontSourceSerifScreenCN.className} break-words text-lg`}>
{
"If you like my works, I would deeply appreciate your support as a patron. Your contribution not only fuels my creative journey but also allows me to delve deeper into my passion. Your support plays a vital role in making this vision a reality. Thank you for considering becoming a patron and being an integral part of this work endeavor."
}
<br />
<br />
{"Here are the ways you can become a patron. Thank you for your support!"}
<br />
<br />
{`Yours, ${Config.AuthorName}`}
</p>
<SponsorDescription />
</div>
<div className="md:px-15 md:w-1/2">
<div className="mx-2 my-10 flex flex-col justify-around font-bold">
{!isEmptyString(Config.Sponsor?.WechatPayQRCodeContent) && (
<div className="my-3 flex justify-between">
<div className="my-auto flex">
<SiWechat className="mx-3 my-auto text-4xl text-green-500" />
<div className="my-auto">
<h3 className="mx-auto text-sm">{"WECHAT-PAY"}</h3>
</div>
</div>
<div className="my-2 bg-white p-1">
<QRCodeSVG width={100} height={100} value={Config.Sponsor?.WechatPayQRCodeContent!} />
</div>
</div>
)}
<Separator />
{!isEmptyString(Config.Sponsor?.AlipayLink) && (
<div className="my-6 flex justify-between">
<div className="my-auto flex">
<SiAlipay className="mx-3 my-auto text-4xl text-blue-500" />
<div className="my-auto">
<h3 className="mx-auto text-sm">{"ALIPAY"}</h3>
</div>
</div>
<div className="my-2">
<Button className="my-auto" asChild>
<Link target="_blank" href={Config.Sponsor?.AlipayLink!}>
{"DONATE"}
</Link>
</Button>
</div>
</div>
)}
<Separator />
{!isEmptyString(Config.Sponsor?.PaypalId) && (
<div className="my-6 flex justify-between">
<div className="my-auto flex">
<FaCcPaypal className="mx-3 my-auto text-4xl text-blue-600" />
<div className="my-auto">
<h3 className="mx-auto text-sm">{"PAYPAL"}</h3>
</div>
</div>
<div className="my-2">
<Button className="my-auto" asChild>
<Link target="_blank" href={`https://paypal.me/${Config.Sponsor?.PaypalId}`}>
{"DONATE"}
</Link>
</Button>
</div>
</div>
)}
<Separator />
{!isEmptyString(Config.Sponsor?.PatreonId) && (
<div className="my-6 flex justify-between">
<div className="my-auto flex">
<SiPatreon className="mx-3 my-auto text-4xl text-gray-500" />
<div className="my-auto">
<h3 className="mx-auto text-sm">{"PATREON"}</h3>
</div>
</div>
<div className="my-2">
<Button className="my-auto" asChild>
<Link target="_blank" href={`https://patreon.com/${Config.Sponsor?.PatreonId}`}>
{"DONATE"}
</Link>
</Button>
</div>
</div>
)}
<Separator />
</div>
<SponsorBoard />
</div>
</div>
</ContentContainer>