feat

Desc:
- Fitur crowdfunding
- Fitur Investasi
- Fitur tambah investasi
No issue

src/app_modules/crowd/index.ts

@@ -0,0 +1,5 @@
+import MainCrowd from "./main/view";
+import LayoutMainCrowd from "./main/layout";
+import SplashCrowd from "./splash/view";
+
+export {MainCrowd,LayoutMainCrowd, SplashCrowd}

src/app_modules/crowd/main/layout.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import { ActionIcon, AppShell, Group, Header, Text } from "@mantine/core";
+import { IconArrowLeft } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+import React from "react";
+
+export default function LayoutMainCrowd({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const router = useRouter();
+  return (
+    <>
+      <AppShell
+        header={<HeaderTamplate route="/dev/home" title="Crowd Funding" />}
+      >
+        {children}
+      </AppShell>
+    </>
+  );
+}

src/app_modules/crowd/main/view.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { Button, Center, Stack, Text, Title } from "@mantine/core";
+import { useRouter } from "next/navigation";
+import toast from "react-simple-toasts";
+
+export default function MainCrowd() {
+  const router = useRouter();
+  return (
+    <>
+      <Center>
+        <Stack>
+          <Text>Selamat datang di</Text>
+          <Text>HIPMI Crowd Funding</Text>
+          <Button
+            w={300}
+            bg={"green"}
+            onClick={() => router.push("/dev/investasi/main")}
+          >
+            Investasi
+          </Button>
+          <Button
+            w={300}
+            bg={"grape"}
+            onClick={() => toast("Cooming Soon Feature...")}
+          >
+            Donasi
+          </Button>
+        </Stack>
+      </Center>
+    </>
+  );
+}

src/app_modules/crowd/splash/view.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { Center, Stack, Text, Title } from "@mantine/core";
+import { useShallowEffect } from "@mantine/hooks";
+import { useRouter } from "next/navigation";
+
+export default function SplashCrowd() {
+  const router = useRouter();
+
+  useShallowEffect(() => {
+    setTimeout(() => router.push("/dev/crowd/main"), 2000);
+  }, []);
+  return (
+    <>
+      <Center h={"100vh"}>
+       <Stack>
+       <Text>Welcome to,</Text>
+        <Title>CrowdFunding</Title>
+       </Stack>
+      </Center>
+    </>
+  );
+}