diff --git a/src/app_modules/crowd/main/view.tsx b/src/app_modules/crowd/main/view.tsx
index b3d4787d..f9ea5e9b 100644
--- a/src/app_modules/crowd/main/view.tsx
+++ b/src/app_modules/crowd/main/view.tsx
@@ -5,8 +5,6 @@ import {
   AccentColor,
   MainColor,
 } from "@/app_modules/_global/color/color_pallet";
-import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
-import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import { gs_donasi_hot_menu } from "@/app_modules/donasi/global_state";
 import { gs_investas_menu } from "@/app_modules/investasi/g_state";
 import { Grid, Image, Paper, Stack, Text, Title } from "@mantine/core";
@@ -21,26 +19,27 @@ export default function MainCrowd() {
   const [donasiHotMenu, setDonasiHotMenu] = useAtom(gs_donasi_hot_menu);
   const [loadingInv, setLoadingInv] = useState(false);
   const [loadingDon, setLoadingDon] = useState(false);
+  const [isLoading, setLoading] = useState(true);
 
   return (
     <>
       <Stack>
-        <Paper>
-          {/* <AspectRatio ratio={16 / 9}>
-            <Paper radius={"md"}>
-            </Paper>
-          </AspectRatio> */}
-          <Image
-            alt="Logo"
-            src={"/aset/investasi/logo-crowd-panjang-new.png"}
-            mah={"100%"}
-            styles={{
-              image: {
-                borderRadius: "20px",
-              },
-            }}
-          />
-        </Paper>
+        <Image
+          height={200}
+          fit={"cover"}
+          alt="logo"
+          src={"/aset/investasi/logo-crowd-panjang-new.png"}
+          onLoad={() => setLoading(false)}
+          styles={{
+            imageWrapper: {
+              border: `2px solid ${AccentColor.blue}`,
+              borderRadius: "10px 10px 10px 10px",
+            },
+            image: {
+              borderRadius: "8px 8px 8px 8px",
+            },
+          }}
+        />
 
         <Stack>
           {/* INVESTASI */}
diff --git a/src/app_modules/home/component/body_home.tsx b/src/app_modules/home/component/body_home.tsx
index 9535b5eb..41ebcb52 100644
--- a/src/app_modules/home/component/body_home.tsx
+++ b/src/app_modules/home/component/body_home.tsx
@@ -26,6 +26,7 @@ export default function BodyHome() {
   const [dataUser, setDataUser] = useState<any>({});
   const [dataJob, setDataJob] = useState<any[]>([]);
   const [loadingJob, setLoadingJob] = useState(true);
+  const [loading, setLoading] = useState(true);
 
   useShallowEffect(() => {
     cekUserLogin();
@@ -59,16 +60,35 @@ export default function BodyHome() {
 
   return (
     <Box>
-      <Paper
+      {/* <Paper
         radius={"xl"}
+        h={150}
         mb={"xs"}
         style={{
           borderRadius: "10px 10px 10px 10px",
           border: `2px solid ${AccentColor.blue}`,
+          position: "relative",
         }}
       >
-        <Image radius={"lg"} alt="logo" src={"/aset/home/home-hipmi-new.png"} />
-      </Paper>
+       
+      </Paper> */}
+
+      <Image
+        height={140}
+        fit={"cover"}
+        alt="logo"
+        src={"/aset/home/home-hipmi-new.png"}
+        onLoad={() => setLoading(false)}
+        styles={{
+          imageWrapper: {
+            border: `2px solid ${AccentColor.blue}`,
+            borderRadius: "10px 10px 10px 10px",
+          },
+          image: {
+            borderRadius: "8px 8px 8px 8px",
+          },
+        }}
+      />
 
       <Stack my={"sm"}>
         <SimpleGrid cols={2} spacing="md">