3 files changed, 34 insertions, 69 deletions

diff --git a/src/app/manga/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index 5b54e23..1e4a26f 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -119,7 +119,8 @@ export default async function MangaInfo({ params }) {
 
 async function getMangaInfo(id) {
 	const res = await fetch(
-		`https://consumet-api-di2e.onrender.com/meta/anilist-manga/info/${id}?provider=mangadex`
+		`https://consumet-api-di2e.onrender.com/meta/anilist-manga/info/${id}?provider=mangadex`,
+		{ next: { revalidate: 86400 } }
 	);
 	const data = await res.json();
 	return data;
diff --git a/src/app/manga/manga.module.css b/src/app/manga/manga.module.css
index a1bf84f..6091f6d 100644
--- a/src/app/manga/manga.module.css
+++ b/src/app/manga/manga.module.css
@@ -1,7 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Glass+Antiqua&family=Inter&display=swap');
-
 .Main {
-	max-width: 90%;
+	max-width: 95%;
 	margin: 10px auto;
 }
 
@@ -14,18 +12,12 @@
 .ImageContainer {
 	display: flex;
 	flex-direction: column;
+	max-width: auto;
 }
 
 .ImageContainer img {
 	margin: 0px 4px 4px 4px;
 	border-radius: 8px;
-	animation: zoomer 1s alternate-reverse infinite ease;
-}
-
-@keyframes zoomer {
-	to {
-		transform: scale(1.01);
-	}
 }
 
 .WelcomeContainer button {
@@ -41,42 +33,26 @@
 }
 
 .WelcomeText {
-	font-family: "Kanit";
+	font-family: "Poppins";
 	color: white;
-	font-size: 50px;
-	text-shadow: #FC0 2px 2px 50px;
+	font-size: 48px;
+	text-shadow: rgb(0, 183, 255) 2px 2px 50px;
 	margin-right: 10px;
 }
 
-
 .SelfPromoContainer {
 	display: flex;
-	justify-content: space-around;
-	font-family: "Lato";
+	justify-content: center;
+	flex-direction: column;
 	color: white;
-	/* margin-top: 20px; */
 }
 
 .SelfPromoContainer p {
-	font-family: "Quicksand";
+	font-family: "Atkinson Hyperlegible";
 	color: white;
 	text-align: center;
 }
 
-
-@media screen and (max-width: 1024px) {
-
-	.HorizontalImageContainer img {
-		width: auto;
-		height: auto;
-	}
-
-	.VerticalImageContainer img {
-		width: 265px;
-	}
-}
-
-
 .SearchBar {
 	display: flex;
 	align-items: center;
@@ -110,20 +86,6 @@
 
 @media screen and (max-width: 768px) {
 
-	.HorizontalImageContainer img {
-		width: 95%;
-		height: auto;
-	}
-
-	.VerticalImageContainer img {
-		width: 46.5%;
-		height: 300px;
-	}
-}
-
-
-@media screen and (max-width: 425px) {
-
 	.Hero {
 		flex-direction: column;
 	}
@@ -132,17 +94,19 @@
 		display: flex;
 		align-items: center;
 		flex-direction: column;
+		justify-content: center;
 		margin-bottom: 10px;
 	}
 
 	.WelcomeText {
-		font-size: 32px;
+		font-size: 30px;
 	}
 
 	.HorizontalImageContainer img {
-		margin-top: 20px;
 		width: 100%;
+		border-radius: 5px;
 		height: auto;
+		margin: 10px auto;
 	}
 
 	.VerticalImageContainer img {
@@ -151,5 +115,6 @@
 
 	.SearchBar {
 		width: 80%;
+		margin: 0px auto;
 	}
 }
\ No newline at end of file
diff --git a/src/app/manga/page.jsx b/src/app/manga/page.jsx
index 7f1f9cb..e6ad898 100644
--- a/src/app/manga/page.jsx
+++ b/src/app/manga/page.jsx
@@ -16,20 +16,20 @@ export default async function Manga() {
 					<div className={styles.HorizontalImageContainer}>
 						<Image
 							src="/image.png"
-							width={480}
+							width={487}
 							height={260}
 							alt="Haikyu"
 						/>
 					</div>
 					<div className={styles.VerticalImageContainer}>
 						<Image
-							src="/haikyu1.jpg"
+							src="/image.webp"
 							width={240}
 							height={360}
 							alt="Haikyu"
 						/>
 						<Image
-							src="/solo_levelling.png"
+							src="/solo_poster.png"
 							width={240}
 							height={360}
 							alt="Haikyu"
@@ -39,23 +39,22 @@ export default async function Manga() {
 			</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>
+				<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>
 	);