aboutsummaryrefslogtreecommitdiff
path: root/src/app/manga/page.jsx
blob: e6ad8986b47969268d4f505529e47adb37aaed04 (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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
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={487}
							height={260}
							alt="Haikyu"
						/>
					</div>
					<div className={styles.VerticalImageContainer}>
						<Image
							src="/image.webp"
							width={240}
							height={360}
							alt="Haikyu"
						/>
						<Image
							src="/solo_poster.png"
							width={240}
							height={360}
							alt="Haikyu"
						/>
					</div>
				</div>
			</div>

			<div className={styles.SelfPromoContainer}>
				<p
					style={{
						textAlign: "center",
						fontSize: 32,
						color: "var(--soft-purple)",
						fontFamily: "Poppins",
					}}
				>
					Welcome to Dramalama Manga
				</p>
				<p style={{ marginTop: -10 }}>
					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>
	);
}