Files
persian-ping-frontend/src/pages/inActivePayment/components/NoPayment.tsx
2024-10-16 19:20:47 +03:30

43 lines
1.9 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import { BiError } from "react-icons/bi";
import Button from "../../../components/button";
import { FaTelegram } from "react-icons/fa6";
const NoPayment = () => {
return (
<div className="w-full h-full glass flex-1 p-5">
<div className="w-full h-full flex flex-col gap-5 items-center justify-between">
<div className="w-full h-full flex flex-col justify-center items-center">
<BiError className="w-24 h-24" />
<h1 className="font-bold md:text-lg">
درگاه پرداخت به صورت موقت غیر فعال شده است
</h1>
</div>
<div className="w-full h-full flex justify-center items-center">
<p className="text-xs md:text-sm">
در حال حاضر خرید از سایت غیر فعال هست. <br />
برای خرید سرویس لطفا به پشتیبانی تلگرام با نشانی{" "}
<a href="https://t.me/PersianPingSupport" className="text-secondTheme">
https://t.me/PersianPingSupport
</a>{" "}
پیام بدید یا به پشتیبانی آنلاین چت مراجعه کنید. از صبر شما سپاسگزاریم.
</p>
</div>
<div className="w-full h-full flex flex-col gap-3 justify-center items-center">
<p className="text-xs md:text-sm text-[#229ED9]">
برای خرید از پشتیبانی در تلگرام لطفا دکمه زیر را کلیک کنید
</p>
<div className="w-full h-full flex">
<Button extra="!flex-1 !bg-[#229ED9]">
<a href="https://t.me/PersianPingSupport" className="w-full h-full flex justify-between items-center gap-4">
<FaTelegram className="w-7 h-7" /> <span>ورود به پشتیبانی تلگرام</span> <br />
</a>
</Button>
</div>
</div>
</div>
</div>
);
};
export default NoPayment;