🚀 feat(ui): added manga with better UI

1 files changed, 13 insertions, 33 deletions

diff --git a/src/app/page.jsx b/src/app/page.jsx
index 9565872..23a7e74 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -1,34 +1,11 @@
-import { Card, CardHeader, CardBody, Divider, Link } from "@nextui-org/react";
-import Image from "next/image";
+import { Card, CardBody } from "@nextui-org/react";
+import Link from "next/link";
 
 export default async function Home() {
 	const homePageCards = (title) => {
 		return (
-			// <Link href={`/${title}`} className="my-1">
-			// 	<Card className="max-w-[400px]  border-1 border-gray-500">
-			// 		<CardHeader className="flex gap-3">
-			// 			<Image
-			// 				alt="nextui logo"
-			// 				height={40}
-			// 				width={40}
-			// 				src={url}
-			// 				className="rounded-md"
-			// 			/>
-			// 			<div className="flex flex-col">
-			// 				<p className="text-md">{title}</p>
-			// 				<p className="text-small text-default-500">
-			// 					dramalama/{title}
-			// 				</p>
-			// 			</div>
-			// 		</CardHeader>
-			// 		<Divider className="bg-slate-400" />
-			// 		<CardBody>
-			// 			<p>{message}</p>
-			// 		</CardBody>
-			// 	</Card>
-			// </Link>
-			<Link href={`/${title}`} className="mb-2 lg:mx-1">
-				<Card isPressable shadow="lg">
+			<Link href={`/${title}`} className="focus:scale(90) mb-2 lg:mx-1">
+				<Card isPressable shadow="sm" isHoverable>
 					<CardBody>
 						<p className="text-xl lg:text-2xl">{title}</p>
 					</CardBody>
@@ -38,12 +15,15 @@ export default async function Home() {
 	};
 
 	return (
-		<section className="h-screen w-screen flex flex-col items-center justify-center lg:flex-row ">
-			{homePageCards("anime")}
-			{homePageCards("movies")}
-			{homePageCards("kdrama")}
-			{homePageCards("web-series")}
-		</section>
+		<main>
+			<section className="flex h-[90dvh] w-screen flex-col items-center justify-center lg:flex-row">
+				{homePageCards("anime")}
+				{homePageCards("movies")}
+				{homePageCards("kdrama")}
+				{homePageCards("web-series")}
+				{homePageCards("manga")}
+			</section>
+		</main>
 	);
 }