66 lines
2.4 KiB
TypeScript
66 lines
2.4 KiB
TypeScript
import React from "react";
|
|
|
|
const LandingPage = () => {
|
|
return (
|
|
<div className="h-screen max-w-[50rem] flex flex-col my-auto mx-auto size-full flex-grow">
|
|
{/* ========== END HEADER ========== */}
|
|
{/* ========== MAIN CONTENT ========== */}
|
|
<main
|
|
id="content"
|
|
role="main"
|
|
className="h-full flex items-center justify-center"
|
|
>
|
|
<div className="text-center py-10 px-4 sm:px-6 lg:px-8">
|
|
<h1 className="block text-2xl font-bold text-white sm:text-4xl">
|
|
Cover Page
|
|
</h1>
|
|
<p className="mt-3 text-lg text-gray-300">
|
|
Cover is a one-page template for building simple and beautiful home
|
|
pages using Tailwind CSS.
|
|
</p>
|
|
<div className="mt-5 flex flex-col justify-center items-center gap-2 sm:flex-row sm:gap-3">
|
|
<a
|
|
className="w-full sm:w-auto py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-white text-gray-800 hover:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600"
|
|
href="#"
|
|
>
|
|
<svg
|
|
className="flex-shrink-0 size-4"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width={24}
|
|
height={24}
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth={2}
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
>
|
|
<path d="m15 18-6-6 6-6" />
|
|
</svg>
|
|
Back to examples
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
{/* ========== END MAIN CONTENT ========== */}
|
|
{/* ========== FOOTER ========== */}
|
|
<footer className="mt-auto text-center py-5">
|
|
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<p className="text-sm text-gray-400">
|
|
Cover template for{" "}
|
|
<a
|
|
className="text-white decoration-2 underline underline-offset-2 font-medium hover:text-gray-200 hover:decoration-gray-400"
|
|
href="../index.html"
|
|
>
|
|
Biz365
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
{/* ========== END FOOTER ========== */}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default LandingPage;
|