forked from mrwyndham/fastpocket
42 lines
1.5 KiB
TypeScript
42 lines
1.5 KiB
TypeScript
import React from "react";
|
|
|
|
const SimpleHero = () => {
|
|
return (
|
|
<div className="h-screen 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 bg-base-content 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-base-100 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>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SimpleHero;
|