change function and design page doctors & signin & signup & home & specialties & helper

components/doctor/Poster.js

@@ -0,0 +1,15 @@
+import Image from "next/image";
+import Logo from "@/public/assets/images/logo.png";
+
+function Poster() {
+  return (
+    <div className="bg-poster !pt-[32px] p-[24px]">
+      <div className="flex items-center justify-start gap-[5px]">
+        <Image src={Logo} width={30} height={30} alt="logo" />
+        <p className="text-[#E7EEF6] text-[16px] font-bold">nobat724.com</p>
+      </div>
+    </div>
+  );
+}
+
+export default Poster;

components/doctor/detailDoctor/Share.js

@@ -41,7 +41,7 @@ function Share() {
           sx={styleDefault}
           className="!pt-[12px] md:!pt-[14px] lg:!py-[16px]
                     !px-[12px] sm:!px-[16px] md:!px-[20px] lg:!px-[24px]
-                    !pb-[12px] sm:!pb-[16px] lg:!pb-[20px]"
+                    !pb-[12px] sm:!pb-[16px] lg:!pb-[20px] !rounded-[8px] overflow-hidden"
         >
           <div className="flex items-center justify-between w-full">
             <p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">

components/doctor/index.js

@@ -5,6 +5,7 @@ import AppointmentList from "./appointmentList";
 import DetailDoctor from "./detailDoctor";
 import Share from "./detailDoctor/Share";
 import CustomLoading from "@/app/component/loading/Custom";
+import Poster from "./Poster";
 
 function DoctorPage({ doctor }) {
   const [loading, setLoading] = useState(true);
@@ -30,6 +31,7 @@ function DoctorPage({ doctor }) {
           <Share />
         </div>
       </div>
+      <Poster />
       <div className="flex items-start justify-center gap-6 mt-[30px]">
         <DetailDoctor doctor={doctor} loading={loading} />
         <AppointmentList doctor={doctor} loading={loading} />