feat: add bg image in staff page

This commit is contained in:
Val 2025-02-25 00:39:57 +07:00
parent a2d63c143d
commit 652e665729
2 changed files with 11 additions and 5 deletions

View File

@ -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"> <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden">
{/* <!-- Background Shape --> */} {/* <!-- Background Shape --> */}
<div className="bg-shape-1 opacity-003"> <div className="absolute top-0 left-0 w-full h-full opacity-40">
<Image src="/assets/images/demo-fancy/bg-shape-1.svg" width={1300} height={844} alt="" /> <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> </div>
{/* <!-- End Background Shape --> */} {/* <!-- End Background Shape --> */}
<div className="container position-relative pt-sm-40 text-center"> <div className="container position-relative pt-sm-40 text-center">
<div className="row"> <div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <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 mb-80 mb-xs-40">
<div className="blog-item-body"> <div className="blog-item-body">
<div className="mb-40 mb-xs-30 flex justify-center"> <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>
<div> <div>
<RichText data={data.data.biography as any} /> <RichText data={data.data.biography as any} />

View File

@ -168,7 +168,7 @@ export default function homepage({ onePage = false, dark = false }) {
</section> </section>
<section className={`mb-5 scrollSpysection ${dark ? "bg-dark-1 light-content" : ""}`} id="contact"> <section className={`mb-5 scrollSpysection ${dark ? "bg-dark-1 light-content" : ""}`} id="contact">
<Contact />{" "} <Contact />
</section> </section>
</> </>
); );