27 lines
1.2 KiB
TypeScript
27 lines
1.2 KiB
TypeScript
import { MainLayout } from "../layouts/MainLayout";
|
|
export default function Home() {
|
|
return (
|
|
<MainLayout>
|
|
<div className="grid lg:grid-cols-2 grid-cols-1 mt-4 lg:mt-20 gap-10 items-center p-6">
|
|
<div className="bg-primary-dark p-10 rounded-lg flex flex-col gap-10 h-fit 3xl:w-2/3 w-full text-lg text-primary-text/90 shadow-lg shadow-gradient-dark/20">
|
|
<div>
|
|
<span className="font-bold text-xl text-primary-text">
|
|
Lorem ipsum dolor{" "}
|
|
</span>{" "}
|
|
sit amet consectetur adipisicing elit. Laboriosam ab quia quae
|
|
reiciendis. Nostrum corrupti laboriosam quae vero repudiandae
|
|
dolorem quos dolores laborum recusandae atque itaque illo autem
|
|
neque odit, in soluta sit alias necessitatibus fugit veniam sunt at.
|
|
</div>
|
|
<button className="px-4 py-2 rounded-lg bg-primary hover:bg-primary/50 transition-all ease-out duration-150 font-bold w-fit text-white">
|
|
Action
|
|
</button>
|
|
</div>
|
|
<div id="showcase" className="w-full h-96 bg-primary-text">
|
|
<div className="text-primary-dark m-auto w-fit">showcase</div>
|
|
</div>
|
|
</div>
|
|
</MainLayout>
|
|
);
|
|
}
|