import styles from "./page.module.css";
import Link from "next/link";
import Image from "next/image";

export default function Home() {
	return (
		<main className={styles.main}>
			<div className={styles.content}>
				<div className={styles.contentContainer}>
					<div className={styles.manga}>
						<Link href={"/manga"}>
							<h2>Manga</h2>
							<p>Your one stop for all your manga needs</p>
						</Link>
					</div>
					<div className={styles.anime}>
						<Link href={"/anime"}>
							<h2>Anime</h2>
							<p>Your one stop for all your anime needs</p>
						</Link>
					</div>
					<div className={styles.kdrama}>
						<Link href={"/kdrama"}>
							<h2>Kdrama</h2>
							<p>Your one stop for all your kdrama needs</p>
						</Link>
					</div>
				</div>
			</div>
			<div className={styles.netlifyLogo}>
				<Link
					href={"https://github.com/real-zephex/Dramalama"}
					target="_blank"
				>
					<Image
						src={"/github.svg"}
						width={300}
						height={130}
						alt="Netlify Logo"
					/>
				</Link>
			</div>
		</main>
	);
}