39 lines
1.9 KiB
JavaScript
39 lines
1.9 KiB
JavaScript
const { observer } = require("mobx-react-lite");
|
|
import { Button, Image } from "antd";
|
|
import DefaultLayout from "../../components/Layout/DefaultLayout";
|
|
|
|
const NotAvailable = observer(() => {
|
|
|
|
const navigateDownload = () => {
|
|
if (navigator.userAgent.toLocaleLowerCase().indexOf("iphone") > -1) {
|
|
window.open("https://apps.apple.com/id/app/cariparkir-consumer-app/id1327224621", "_blank");
|
|
} else {
|
|
window.open("https://play.google.com/store/apps/details?id=id.sevadigital.cariparkir.consumer&hl=en&gl=US", "_blank");
|
|
}
|
|
}
|
|
|
|
const title = `"Lippo Mall Kemang"`
|
|
|
|
return (
|
|
<>
|
|
<div className="mx-auto flex flex-col">
|
|
<div className="mt-9">
|
|
<p className={'text-[#FFB500] font-bold text-2xl lg:text-3xl text-center'}>Pesan LOCKEY</p>
|
|
<p className={'font-bold text-xl lg:text-2xl text-center mt-4'}>{title}</p>
|
|
</div>
|
|
<Image src={'/assets/backgrounds/not_available.svg'} preview={false} alt={'image not found'} />
|
|
<div className="mx-auto px-4 text-center mb-3 mt-4 sm:px-16">
|
|
<p className={'font-bold text-base md:text-lg lg:text-xl mb-3'}>Maaf, saat ini LOCKEY sudah terpesan semua.</p>
|
|
<p className="font-normal text-base md:text-lg lg:text-xl mb-4">Silahkan mencoba beberapa saat lagi. Atau install aplikasi CariParkir untuk pesan LOCKEY lebih mudah dan dapatkan penawaran menarik lainnya!</p>
|
|
<Button type="primary" className="bg-[#231F20] text-base md:text-lg lg:text-xl font-normal border-none h-[45px] rounded-3xl w-full mt-10 mb-10" onClick={navigateDownload}>Download Cariparkir</Button>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
})
|
|
NotAvailable.getLayout = function Layout(page) {
|
|
return <DefaultLayout>
|
|
{page}
|
|
</DefaultLayout>;
|
|
}
|
|
export default NotAvailable; |