From 652e66572976776dd5eeef7b7392b74f8bcf4879 Mon Sep 17 00:00:00 2001
From: Val <44112412+LawfaL@users.noreply.github.com>
Date: Tue, 25 Feb 2025 00:39:57 +0700
Subject: [PATCH] feat: add bg image in staff page
---
src/app/(main)/biography/[slug]/page.tsx | 14 ++++++++++----
src/components/Homepage.tsx | 2 +-
2 files changed, 11 insertions(+), 5 deletions(-)
diff --git a/src/app/(main)/biography/[slug]/page.tsx b/src/app/(main)/biography/[slug]/page.tsx
index 658c29a..976d9ae 100644
--- a/src/app/(main)/biography/[slug]/page.tsx
+++ b/src/app/(main)/biography/[slug]/page.tsx
@@ -48,11 +48,17 @@ export default async function BiographySinglePage({ params }: { params: Promise<
<>
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden">
{/* <!-- Background Shape --> */}
- <div className="bg-shape-1 opacity-003">
- <Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1300} height={844} alt="" />
+ <div className="absolute top-0 left-0 w-full h-full opacity-40">
+ <Image
+ src={"/assets/images/full-width-images/section-bg-13.jpeg"}
+ width="0"
+ height="0"
+ sizes="100vw"
+ className="w-full"
+ alt={"section-bg-13"}
+ />
</div>
{/* <!-- End Background Shape --> */}
-
<div className="container position-relative pt-sm-40 text-center">
<div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
@@ -80,7 +86,7 @@ export default async function BiographySinglePage({ params }: { params: Promise<
<div className="blog-item mb-80 mb-xs-40">
<div className="blog-item-body">
<div className="mb-40 mb-xs-30 flex justify-center">
- <Image src={data.imgUrl} alt={data.data.name} width={400} height={800} className="round" />
+ <Image src={data.imgUrl} alt={data.data.name} width={500} height={800} className="round" />
</div>
<div>
<RichText data={data.data.biography as any} />
diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx
index 63ff9b6..9a7a839 100644
--- a/src/components/Homepage.tsx
+++ b/src/components/Homepage.tsx
@@ -168,7 +168,7 @@ export default function homepage({ onePage = false, dark = false }) {
</section>
<section className={`mb-5 scrollSpysection ${dark ? "bg-dark-1 light-content" : ""}`} id="contact">
- <Contact />{" "}
+ <Contact />
</section>
</>
);