Revisi tampilan

fix:
- alur pembuatan investasi
- tampilan investasi
### No issue

src/app_modules/crowd/main/view.tsx

@@ -6,12 +6,15 @@ import {
   AspectRatio,
   Button,
   Center,
+  Flex,
+  Grid,
   Image,
   Paper,
   Stack,
   Text,
   Title,
 } from "@mantine/core";
+import { IconChevronRight } from "@tabler/icons-react";
 import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
 import toast from "react-simple-toasts";
@@ -22,32 +25,57 @@ export default function MainCrowd() {
   return (
     <>
       <Stack>
-        <Paper bg={"gray"}>
+        <Paper>
           <AspectRatio ratio={16 / 9}>
-            <Image alt="" src={"/aset/logo.png"} />
+            <Paper radius={"md"}>
+              <Image alt="" src={"/aset/investasi/logo-crowd-panjang.png"} />
+            </Paper>
           </AspectRatio>
         </Paper>
-        <Stack align="center">
-          <Button
-            w={300}
-            radius={50}
-            bg={Warna.hijau_tua}
-            color="green"
+        <Stack>
+          <Paper
+            p={"xs"}
+            radius={"md"}
+            bg={"teal"}
             onClick={() => {
               router.push("/dev/investasi/main");
               setChangeColor(0);
             }}
           >
-            Investasi
-          </Button>
-          <Button
-            w={300}
+            <Grid>
+              <Grid.Col span={10}>
+                <Title order={4}> Investasi</Title>
+                <Text fz={12}>
+                  Buat investasi dan jual beli saham lebih mudah dengan pengguna lain dengan CROWD INVESTASI
+                </Text>
+              </Grid.Col>
+              <Grid.Col span={2}>
+                <Stack h={"100%"} justify="center" align="center">
+                  <IconChevronRight />
+                </Stack>
+              </Grid.Col>
+            </Grid>
+          </Paper>
+          <Paper
             bg={Warna.biru}
-            radius={50}
+            radius={"md"}
+            p={"xs"}
             onClick={() => toast("Cooming Soon Feature...")}
           >
-            Donasi
-          </Button>
+           <Grid>
+              <Grid.Col span={10}>
+                <Title order={4}> Donasi</Title>
+                <Text fz={12}>
+                 Berbagi info untuk berdonasi lebih luas dan lebih mudah dengan CROWD DONASI
+                </Text>
+              </Grid.Col>
+              <Grid.Col span={2}>
+                <Stack h={"100%"} justify="center" align="center">
+                  <IconChevronRight />
+                </Stack>
+              </Grid.Col>
+            </Grid>
+          </Paper>
         </Stack>
       </Stack>
     </>

src/app_modules/crowd/splash/view.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import { Center, Stack, Text, Title } from "@mantine/core";
+import { Warna } from "@/app/lib/warna";
+import { Center, Image, Stack, Text, Title } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
 
@@ -14,9 +15,8 @@ export default function SplashCrowd() {
     <>
       <Center h={"100vh"}>
         <Stack align="center" justify="center">
-          <Text>Welcome to,</Text>
-          <Title>HIPMI</Title>
-          <Title order={3}>CrowdFunding</Title>
+          <Title c={"#002e59"}>Welcome to</Title>
+          <Image alt="" src={"/aset/investasi/logo-crowd.png"} />
         </Stack>
       </Center>
     </>