From 7d5ea502db6e016291ad4c57c852d13747674fdc Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Mon, 27 May 2024 01:06:32 +0530
Subject: =?UTF-8?q?=F0=9F=8E=A8=20refactor(ui):=20Update=20background=20im?=
 =?UTF-8?q?age=20for=20info=20page=20and=20home=20page,=20and=20fix=20vide?=
 =?UTF-8?q?o=20loading=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/movies/[id]/page.jsx | 77 +++++++++++++++++++++++++-------------------
 1 file changed, 44 insertions(+), 33 deletions(-)

(limited to 'src/app/movies')

diff --git a/src/app/movies/[id]/page.jsx b/src/app/movies/[id]/page.jsx
index 11389e7..e4e745a 100644
--- a/src/app/movies/[id]/page.jsx
+++ b/src/app/movies/[id]/page.jsx
@@ -11,42 +11,53 @@ const MovieInfoPage = async ({ params }) => {
 	const data = await MovieInfoData(id);
 
 	return (
-		<main>
-			<section className="pt-12 m-auto w-full lg:w-9/12">
-				<MovieVideoPlayer id={data.id} />
-				<div className="flex items-center">
-					<Image
-						isBlurred
-						shadow="lg"
-						src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${data.poster_path}`}
-						width={180}
-						height={300}
-						alt="Anime Title Poster"
-						className="m-2"
-					></Image>
-					<div className="mx-5">
-						<h4 className={`text-2xl`}>
-							<strong>{data.title}</strong>
-						</h4>
-						<div className="mt-1">
-							{data.genres &&
-								data.genres.map((item, index) => (
-									<Chip
-										key={index}
-										color="warning"
-										variant="faded"
-										className="mr-1 mb-1"
-									>
-										<p className="text-xs">{item.name}</p>
-									</Chip>
-								))}
+		<section
+			style={{
+				backgroundColor: "black",
+				backgroundImage: `radial-gradient(gray 1px, transparent 1px)`,
+				backgroundSize: "40px 40px",
+			}}
+			className="h-screen "
+		>
+			<section className="absolute inset-0 bg-gradient-to-b from-transparent to-black">
+				<section className="pt-12 m-auto w-full lg:w-9/12">
+					<MovieVideoPlayer id={data.id} />
+					<div className="flex items-center">
+						<Image
+							isBlurred
+							shadow="lg"
+							src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${data.poster_path}`}
+							width={180}
+							height={300}
+							alt="Anime Title Poster"
+							className="m-2"
+						></Image>
+						<div className="mx-5">
+							<h4 className={`text-2xl`}>
+								<strong>{data.title}</strong>
+							</h4>
+							<div className="mt-1">
+								{data.genres &&
+									data.genres.map((item, index) => (
+										<Chip
+											key={index}
+											color="warning"
+											variant="faded"
+											className="mr-1 mb-1"
+										>
+											<p className="text-xs">
+												{item.name}
+											</p>
+										</Chip>
+									))}
+							</div>
 						</div>
 					</div>
-				</div>
-				<DescriptionTabs data={data} />
-				<Questions />
+					<DescriptionTabs data={data} />
+					<Questions />
+				</section>
 			</section>
-		</main>
+		</section>
 	);
 };
 
-- 
cgit v1.2.3