init project

src/components/first/index.jsx

@@ -0,0 +1,66 @@
+import dahsboardImage from "&/images/dashboard.svg";
+import { NextLinkComposed } from "@/core/components/LinkRouting";
+import StyledImage from "@/core/components/StyledImage";
+import CenterLayout from "@/layouts/CenterLayout";
+import FullPageLayout from "@/layouts/FullPageLayout";
+import useUser from "@/lib/app/hooks/useUser";
+import { Box, Button, Divider, Typography } from "@mui/material";
+import { useTranslations } from "next-intl";
+
+const FirstComponent = () => {
+  const t = useTranslations();
+  const { isAuth } = useUser();
+
+  return (
+    <FullPageLayout sx={{ p: 1 }}>
+      <CenterLayout spacing={3}>
+        <StyledImage
+          src={dahsboardImage}
+          alt={t("app_name")}
+          width={300}
+          height={200}
+        />
+        <Typography variant="h5" sx={{ textAlign: "center" }}>
+          {t("app_name")}
+        </Typography>
+        {isAuth ? (
+          <Button
+            variant="outlined"
+            component={NextLinkComposed}
+            to={{
+              pathname: "/dashboard",
+            }}
+          >
+            {t("dashboard")}
+          </Button>
+        ) : (
+          <Box sx={{ display: "flex" }}>
+            <Button
+              sx={{ mx: 2 }}
+              variant="contained"
+              component={NextLinkComposed}
+              to={{
+                pathname: "/login-navy",
+              }}
+            >
+              {t("login_navy")}
+            </Button>
+            <Divider orientation="vertical" flexItem />
+            <Button
+              sx={{ mx: 2 }}
+              variant="contained"
+              component={NextLinkComposed}
+              to={{
+                pathname: "/login-welfare-services",
+              }}
+            >
+              {t("login_welfare_services")}
+            </Button>
+          </Box>
+        )}
+      </CenterLayout>
+    </FullPageLayout>
+  );
+};
+
+export default FirstComponent;