feature added: mangas are now available

1 files changed, 62 insertions, 0 deletions

diff --git a/src/app/manga/page.jsx b/src/app/manga/page.jsx
new file mode 100644
index 0000000..7f1f9cb
--- /dev/null
+++ b/src/app/manga/page.jsx
@@ -0,0 +1,62 @@
+import styles from "./manga.module.css";
+import Image from "next/image";
+import SearchBar from "./searchBar";
+
+export default async function Manga() {
+	return (
+		<div className={styles.Main}>
+			<div className={styles.Hero}>
+				<div className={styles.WelcomeContainer}>
+					<div className={styles.WelcomeText}>
+						Manga madness is here
+					</div>
+					<SearchBar />
+				</div>
+				<div className={styles.ImageContainer}>
+					<div className={styles.HorizontalImageContainer}>
+						<Image
+							src="/image.png"
+							width={480}
+							height={260}
+							alt="Haikyu"
+						/>
+					</div>
+					<div className={styles.VerticalImageContainer}>
+						<Image
+							src="/haikyu1.jpg"
+							width={240}
+							height={360}
+							alt="Haikyu"
+						/>
+						<Image
+							src="/solo_levelling.png"
+							width={240}
+							height={360}
+							alt="Haikyu"
+						/>
+					</div>
+				</div>
+			</div>
+
+			<div className={styles.SelfPromoContainer}>
+				<div className={styles.Welcome1}>
+					<p
+						style={{
+							textAlign: "center",
+							fontSize: 32,
+							color: "var(--soft-purple)",
+						}}
+					>
+						Welcome to Dramalama Manga
+					</p>
+					<p>
+						Dive into a world where action jumps off the page and
+						pictures paint a thousand words. Dramalama Manga is a
+						site that will immerse you in stunning illustrations and
+						compel you to lose yourself in thrilling narratives.
+					</p>
+				</div>
+			</div>
+		</div>
+	);
+}