42 lines
1.8 KiB
JavaScript
42 lines
1.8 KiB
JavaScript
import Image from "next/image";
|
|
import Link from "next/link";
|
|
import React from "react";
|
|
|
|
export const metadata = {
|
|
title:
|
|
"Page Not Found || Jsite - Modern & Multipurpose React Next.js Template with Tailwind CSS",
|
|
description:
|
|
"Jsite - Modern & Multipurpose React Next.js Template with Tailwind CSS",
|
|
};
|
|
export default function NotFoundPage() {
|
|
return (
|
|
<>
|
|
<div className="grow shrink-0">
|
|
<section className="wrapper !bg-[#ffffff]">
|
|
<div className="container pt-14 xl:pt-[4.5rem] lg:pt-[4.5rem] md:pt-[4.5rem] pb-[4.5rem] xl:pb-24 lg:pb-24 md:pb-24">
|
|
<div className="flex flex-wrap mx-[-15px]">
|
|
<div className="lg:w-8/12 xl:w-7/12 xxl:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
|
|
<h1 className="!mb-3">Oops! Page Not Found.</h1>
|
|
<p className="lead !leading-[1.65] text-[0.9rem] font-medium !mb-7 md:!px-14 lg:!px-5 xl:!px-7">
|
|
The page you are looking for is not available or has been
|
|
moved. Try a different page or go to homepage with the button
|
|
below.
|
|
</p>
|
|
<Link
|
|
href={`/`}
|
|
className="btn btn-primary !text-white !bg-[#1fc76f] border-[#1fc76f] hover:text-white hover:bg-[#1fc76f] hover:!border-[#1fc76f] active:text-white active:bg-[#1fc76f] active:border-[#1fc76f] disabled:text-white disabled:bg-[#1fc76f] disabled:border-[#1fc76f] !rounded-[50rem] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]"
|
|
>
|
|
Go to Home
|
|
</Link>
|
|
</div>
|
|
{/* /column */}
|
|
</div>
|
|
{/* /.row */}
|
|
</div>
|
|
{/* /.container */}
|
|
</section>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|