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>
     </>
   );