diff --git a/src/app/(main)/biography/[slug]/page.tsx b/src/app/(main)/biography/[slug]/page.tsx
index 976d9ae..1daf0bc 100644
--- a/src/app/(main)/biography/[slug]/page.tsx
+++ b/src/app/(main)/biography/[slug]/page.tsx
@@ -1,4 +1,5 @@
 import { BeforeFooterBlock } from "@/components/Blocks/BeforeFooter";
+import HeroOther from "@/components/HeroOther";
 import { fetchTeamDetail } from "@/services/payload/team";
 import { RichText } from "@payloadcms/richtext-lexical/react";
 import Image from "next/image";
@@ -46,35 +47,11 @@ export default async function BiographySinglePage({ params }: { params: Promise<
     <>
       <Suspense fallback={<Loading />}>
         <>
-          <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden">
-            {/* <!-- Background Shape --> */}
-            <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">
-                  <h1 className="hs-title-10 mb-10 wow fadeInUp">{data.data.name}</h1>
-                  {/* Author, Categories, Comments */}
-                  <div className="blog-item-data mb-0 wow fadeIn" data-wow-delay="0.2s">
-                    <div className="flex justify-center items-center">
-                      <i className="mi-clock mr-2" />
-                      <a href="#">{data.createdAt}</a>
-                    </div>
-                  </div>
-                  {/* End Author, Categories, Comments */}
-                </div>
-              </div>
-            </div>
-          </section>
+          <HeroOther
+            img={"/assets/images/full-width-images/section-bg-13.jpeg"}
+            title={data.data.name}
+            createdAt={data.createdAt}
+          />
 
           {/* Section */}
           <section className="page-section">