blob: 3827c56b2f76417dac7fbb629579aada9daeba0d (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
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="focus:scale(90) mb-2 lg:mx-1">
<Card
isPressable
shadow="sm"
isHoverable
className="bg-[#1f1f1f] border border-zinc-500"
>
<CardBody>
<p className="text-xl lg:text-2xl">{title}</p>
</CardBody>
</Card>
</Link>
);
};
return (
<main>
<section className="flex h-[90dvh] w-screen flex-col items-center justify-center lg:flex-row">
{homePageCards("anime")}
{homePageCards("movies")}
{homePageCards("kdrama")}
{homePageCards("manga")}
{homePageCards("web-series")}
</section>
</main>
);
}
// Test push
|