@canmingir/link 1.1.0

package/src/assets/illustrations/check-in-illustration.jsx

@@ -0,0 +1,96 @@
+import Box from "@mui/material/Box";
+import React from "react";
+import { memo } from "react";
+import { useTheme } from "@mui/material/styles";
+
+// ----------------------------------------------------------------------
+
+function CheckInIllustration({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_LIGHTER = theme.palette.primary.lighter;
+
+  const PRIMARY_LIGHT = theme.palette.primary.light;
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const PRIMARY_DARK = theme.palette.primary.dark;
+
+  const PRIMARY_DARKER = theme.palette.primary.darker;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 200 200"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <path
+        fill="url(#a)"
+        d="M134.926 133.612c-1.2-3.2-5.8-4.1-8.1-1.6-1.3-7.8 5-32.3-8.9-32-72.8-.5-48.2-8-52.4 77.7-.1 4.8 4.1 9 8.9 8.9h43.5c14 .4 7.6-24.5 8.9-32.4 2.9 3.2 8.7.8 8.5-3.5-.1-1 .4-16.5-.4-17.1zm-2.5 18.3h-5.6v-17.4h5.6v17.4z"
+      />
+
+      <path
+        fill="url(#b)"
+        d="M74.426 190.212c.1 5.9-9.2 5.9-9.1 0-.1-5.9 9.2-5.9 9.1 0zm46.4-4.5c-5.9-.1-5.9 9.2 0 9.1 5.9.1 5.9-9.2 0-9.1z"
+      />
+
+      <path
+        fill={PRIMARY_DARK}
+        d="M73.126 99.513h2.5v87.499h-2.5v-87.5zm7.1 87.399h2.5v-87.4h-2.5v87.4zm7 0h2.5v-87.4h-2.5v87.4zm7.1 0h2.5v-87.4h-2.5v87.4zm7 0h2.5v-87.4h-2.5v87.4zm7.1 0h2.5v-87.4h-2.5v87.4zm7-87.4v87.5h2.5v-87.5h-2.5z"
+      />
+
+      <path
+        fill={PRIMARY_MAIN}
+        d="M140.026 60.912l-1.8 6.7c-3.3-.9-7.3-.7-10.6.3.2-3.2 0-6.3-.6-9.4l-17.3-7.5c-2 14.2 1.4 21.6 7.4 32.8l-10.3 4.8c-1.7 4.1-4.1 4-7.1-.2-6.3 8.4-15.3-6.8-24.7-.3l-1.5-6.6-6.2.2c-5-10.2-13-36.6-1.2-43.9 0 0 0 .1.1.1 3-2 6.6-3.4 10.1-4.4l8.5 10.6c5.6-11.1 7.4-14.8 21.6-12.8l28.6 16.6c4.4 2.3 6.7 8 5 13z"
+      />
+
+      <path
+        fill={PRIMARY_LIGHTER}
+        fillRule="evenodd"
+        d="M107.626 52.712h.1v2.3h-.1v12.4c0 1-.9 1.9-1.9 1.9-1.7-.5-9.1 1.4-8.9-1.9v-18.1c0-1 .9-1.9 1.9-1.9.3 0 7.7-.1 7.7.1 1.9.6 1.1 3.8 1.2 5.2zm-4 .1c0 2.2-3.3 2.2-3.3 0 0-2.1 3.3-2.1 3.3 0z"
+        clipRule="evenodd"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M130.826 91.813l-12.9 56.5c1.3 1.2 6.9 11.4 6.9 13.2-1.8 5.8-12.9 0-15.9-3.3-1.6-6.9 6-48.8 5.5-56.6-3.9-.3-10.4.4-14.1.8-6.6.2-15.7-1.3-22.4-.8l-.2 1.3 5.4 45.2h-.2c.3.2.7.5 1.1.8 0 1.9 1.5 7.7.3 9.4-3.4 3.7-9.2 5.9-13.5 5.7-1.7-.1-2.9-2-2.2-3.6.1-.1 6.1-12 6.3-11.5h-.4l-13-57.1c-1-4.3 1.5-9 5.7-10.4 0 .1.1.2.1.3l6.2-.2 1.5 6.6c.4-.2.7-.3 1.1-.5.9-.3 1.8-.6 2.7-.8 7.4-2.8 14.8 9.4 20.9 1.5 3 4.2 5.4 4.3 7.1.2l7.6-3.5c.6-1 1.5-1.9 2.4-2.5.2.5.5 1 .8 1.3 4.6-.3 8.2-1.4 12.5 2.3.9 1.7 1.1 3.8.7 5.7zm-58.1-68.2c0-.8.1-1.5.2-2.2-1-.9-.2-5.2 1.3-3.3.5-.9 1.1-1.6 1.9-2.3 2.8 6.1 11.8 2.8 16.5 2.1 1.5 2.3 2 5.4 1.4 8.1 9.6-28.2-30.8-27.7-21.1-.4-.1-.6-.2-1.3-.2-2z"
+      />
+
+      <path
+        fill="#FBCDBE"
+        d="M84.826 43.913l-8.5-10.6c-.1 0-.2.1-.3.1l-.2-2.3c-2.4-2.4-3.6-6.3-2.8-9.7-1-.9-.2-5.2 1.3-3.3.5-.9 1.1-1.6 1.9-2.3 2.8 6.1 11.8 2.8 16.5 2.1 2.9 4.3 1.8 10.9-2.2 14l.2 1.7c-.2-.1-5.9 10.3-5.9 10.3zm42.8 23.9v-.7c-.2 3.4-1 6.8-2.2 10.1-1.4.3-7.5-.3-8.4 1.1-1.5 1.4-.2 5.3 1.5 5.9 4.5-1.6 7.7-1.2 11.7 1.9l7.2-18.6c-3.2-.8-6.8-.6-9.8.3zm-20.2-9.8c-3.8-2.8-20.3 9.5-25.7 10.2-2.6 3.7-1.8 7.4 1 11.2 5.4-2.3 11.6-6.5 17.8-11.4l5.8-1.5c3.9-.9 4.7-6.7 1.1-8.5z"
+      />
+
+      <defs>
+        <linearGradient
+          id="a"
+          x1="64.751"
+          x2="64.751"
+          y1="99.643"
+          y2="186.617"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+
+        <linearGradient
+          id="b"
+          x1="95.286"
+          x2="95.286"
+          y1="280.421"
+          y2="185.693"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(CheckInIllustration);

package/src/assets/illustrations/check-out-illustration.jsx

@@ -0,0 +1,69 @@
+import Box from "@mui/material/Box";
+import React from "react";
+import { memo } from "react";
+import { useTheme } from "@mui/material/styles";
+
+// ----------------------------------------------------------------------
+
+function CheckoutIllustration({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_LIGHT = theme.palette.primary.light;
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const PRIMARY_DARK = theme.palette.primary.dark;
+
+  const PRIMARY_DARKER = theme.palette.primary.darker;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 200 200"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <path
+        fill="url(#a)"
+        d="M85.6 134.7c-3.7-5.5-33-10.5-35.3-12 0 0-5.4-2-7.8 3.4-2.4 5.4-16.6 49.8-16.6 49.8s27.8 14.9 36 16.5c3.3.4 6.9-1.1 9.7-2.9l15.8-47.2c-.1 0 2.1-5.2-1.8-7.6z"
+      />
+      <path
+        fill={PRIMARY_DARKER}
+        d="M85.6 134.7c2.6 4.5-17.3 52.2-17.2 55.4v.1c2.5 4-4.6 6.9-5.6 2.3-.3 0-.6 0-.9-.1.2-.1.5-.2.8-.4-.1-1.8 1.2-3.2 2.9-3.3 1.6-4.7 17-51 17.3-51.6 0 0-.5-3.5-1.8-5.7 1.8.7 3.4 1.7 4.5 3.3zm2.4-29.4c-.3.5-17.4-7.9-14.5.4l-8 21.2c1 .3 2 .6 3 .8 1.7-5.2 6.9-20.9 7.4-22.2.5-1.5 6 .8 8.1 1.4 1.6.4 1.1 2 1.1 2l-7.4 21.4c1 .3 1.8.5 2.5.7l6.7-21.2c4.2-4.2 1.1-4.5 1.1-4.5zm-61.9 70.5c-4 0-4 6.2 0 6.2s4-6.2 0-6.2zm30.1 13c-4 0-4 6.2 0 6.2s4-6.2 0-6.2zm116.3 5.4v.2h-19.1v-7.7c6.1.3 19.4-2.3 19.1 7.5zm-65-11.4l-9.8-6.3-4.1 6.5 16.1 10.3c2.3-3.5 1.4-8.3-2.2-10.5zm56.3-2.1L156.7 94l-13.2-24.5-22.5 3.9c.8 15.9-1.6 50.8-3.2 66.8l-16.1 29.9 7.7 5.5 21.9-28.5 8.7-28.3 13.6 62.5 10.2-.6z"
+      />
+      <path
+        fill={PRIMARY_LIGHT}
+        d="M138 57.5s4.6-5.5-.5-10.6c0 0-6.5-10.5-8.4-12.4 0 0 0 .2-10.9.6l-.2.2c12.8 2.3 18 22.9 12 38.7l14-3.5-6-13z"
+      />
+      <path
+        fill={PRIMARY_MAIN}
+        d="M161.4 93.8c2.4 8.2 3.9 14.1 3.9 14.1s-2.9.2-7.4.9L156.7 94c-4.4-7.8-15.8-28.3-18.8-36.4 0 0 4.7-5.5-.4-10.6 0 0-6.4-10.5-8.4-12.4 2.1-.3 4.4 1.5 6.8 4.1v-.2c10.1 13.8 23.7 37.9 33.3 51.8l-7.8 3.5zm-38.6-57c-6.8-4.5-16.7 2.2-15 10.2L80.7 92.9l8.8 3.6 23.8-31.3c.9 12.1-9.7 32.4-16.2 36.9-4.6 4.4 2 12.3 5.5 13.7v.1s7.7 3.6 17 3.5c.4-5.3 1.9-21.2 1.5-26.2 11.8-18.9 18.1-42.4 1.7-56.4z"
+      />
+      <path
+        fill={PRIMARY_DARKER}
+        d="M109.6 29.8c2.1-.4 11.1 1.4 13.3 1.8 1.1.1 2.1-.7 2-1.8 12.4.5 8.6-.2 9.2-10.7h3.1c.2-4.6-3.1-8.2-7-10.2-7.7-8.4-22.8-2-22.5 9.3.5 1.6-1.5 12 1.9 11.6z"
+      />
+      <path
+        fill="#FBCDBE"
+        d="M154.9 181.2l6.2-.4-.2 5.8h-6v-5.4zM99 177.3l5.2 3.3 4.6-5.5-5.8-4.1-4 6.3zM80.7 92.9l.9-1.6-5.2 6.4c-10 9.6 11.4 15.2 7.6 2.1l3.8-4-7.1-2.9zm95.5 4.9c-1-2.3-6.9-7.5-8.4-9.7l1.4 2.2-6.9 3.1 4 3.9c-3.5 9.4 12.5 10.2 9.9.5zm-52.9-80.6l-.7 2h-.7c0 3.9 1.9 7.5 3.1 10.3 5-.6 8.7-5.2 8.4-10.3h-10l-.1-2z"
+      />
+      <defs>
+        <linearGradient
+          id="a"
+          x1="25.9"
+          x2="25.9"
+          y1="122.338"
+          y2="192.465"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(CheckoutIllustration);

package/src/assets/illustrations/coming-soon-illustration.jsx

@@ -0,0 +1,125 @@
+import BackgroundShape from "./background-shape";
+import Box from "@mui/material/Box";
+import React from "react";
+import { memo } from "react";
+import { useTheme } from "@mui/material/styles";
+
+// ----------------------------------------------------------------------
+
+function ComingSoonIllustration({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_LIGHT = theme.palette.primary.light;
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const PRIMARY_DARK = theme.palette.primary.dark;
+
+  const PRIMARY_DARKER = theme.palette.primary.darker;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 480 360"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <BackgroundShape />
+
+      <image
+        href="/assets/illustrations/characters/character_1.png"
+        height="300"
+        x="320"
+        y="30"
+      />
+
+      <path
+        fill="url(#paint0_linear_1_79)"
+        d="M290.378 112.9v127.8c0 .8-.2 1.6-.5 2.4-.3.8-.8 1.4-1.3 2-.6.6-1.3 1-2 1.3-.8.3-1.6.5-2.4.5h-166.7c-.8 0-1.7-.1-2.4-.5s-1.4-.8-2-1.4c-.6-.6-1-1.4-1.2-2.1-.2-.8-.3-1.6-.2-2.5V112.6c-.4-3.1 2.3-5.9 5.8-5.9h166.7c.8 0 1.6.2 2.4.5.8.3 1.4.8 2 1.3.6.6 1 1.3 1.4 2 .2.7.4 1.6.4 2.4z"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M210.879 284.9c62.5 0 113.2-4.4 113.2-9.8s-50.7-9.8-113.2-9.8-113.2 4.4-113.2 9.8 50.7 9.8 113.2 9.8z"
+        opacity="0.24"
+      />
+
+      <path
+        fill={PRIMARY_DARK}
+        d="M58.778 79.4l14.6-6 80.2 7.5v7.6l-94.8.3v-9.4z"
+      />
+      <path fill={PRIMARY_MAIN} d="M85.279 71h-14.4v199.5h14.4V71z" />
+      <path
+        fill="#fff"
+        d="M182.079 239.7h-5.1c-.6 0-1 .4-1 1V289c0 .6.4 1 1 1h5.2c.6 0 1-.4 1-1v-48.3c-.1-.5-.5-1-1.1-1zM130.978 239.7h-5.2c-.6 0-1 .4-1 1v46.7c0 .6.4 1 1 1h5.2c.6 0 1-.4 1-1v-46.6c0-.6-.4-1.1-1-1.1z"
+      />
+
+      <path
+        fill="#C4CDD5"
+        d="M175.779 266h7.2v-24.7h-7.4l.2 24.7zm-50.9 0h7.2v-24.7h-7.4l.2 24.7z"
+        opacity="0.5"
+      />
+
+      <path
+        fill={PRIMARY_LIGHT}
+        d="M277.778 126h-56.9c-1.7 0-3 1.3-3 3v83.9c0 1.7 1.3 3 3 3h56.9c1.7 0 3-1.3 3-3V129c0-1.7-1.4-3-3-3zm-70.1 0c1.7 0 3 1.3 3 3v83.9c0 1.7-1.3 3-3 3h-56.9c-1.7 0-3-1.3-3-3v-.3c0-1.7 1.3-3 3-3h29.5c1.7 0 3-1.3 3-3V129c0-1.7 1.3-3 3-3h21.4z"
+        opacity="0.24"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M182.079 119.7h-56.9c-1.7 0-3 1.3-3 3V205c0 1.7 1.3 3 3 3h56.9c1.7 0 3-1.3 3-3v-82.3c0-1.6-1.4-3-3-3z"
+      />
+
+      <path
+        fill="#fff"
+        d="M149.979 88.4h1v25c9.1-.1 20 1.1 32.3 5 .5.2.8.7.6 1.3-.2.5-.7.8-1.3.6-17.2-5.6-31.8-5.6-42.1-4.2-5.1.7-9.2 1.7-12 2.6-1.4.4-2.4.8-3.2 1.1-.4.1-.6.2-.8.3-.1 0-.2.1-.2.1-.5.2-1.1 0-1.3-.5-.2-.5 0-1.1.5-1.3l.5 1-.4-.9h.1c.1 0 .1-.1.2-.1.2-.1.5-.2.9-.4.8-.3 1.9-.7 3.3-1.1 2.9-.9 7-2 12.3-2.7 2.9-.4 6.1-.7 9.7-.8v-25h-.1z"
+      />
+
+      <path
+        fill={PRIMARY_DARK}
+        d="M165.378 125.4h-37c-.9 0-1.6.7-1.6 1.6 0 .9.7 1.6 1.6 1.6h37c.9 0 1.6-.7 1.6-1.6-.1-.9-.8-1.6-1.6-1.6zm-17.2 5.6h-20.5c-.5 0-.9.4-.9.9s.4.9.9.9h20.5c.5 0 .9-.4.9-.9s-.4-.9-.9-.9zm9.3 4.4h-20.5c-.5 0-.9.4-.9.9s.4.9.9.9h20.5c.5 0 .9-.4.9-.9s-.4-.9-.9-.9zm-3.9-4.4h-1.5c-.5 0-.9.4-.9.9s.4.9.9.9h1.5c.5 0 .9-.4.9-.9s-.4-.9-.9-.9zm4.7 0h-1.5c-.5 0-.9.4-.9.9s.4.9.9.9h1.5c.5 0 .9-.4.9-.9s-.4-.9-.9-.9zm-26.7 4.4h-1.5c-.5 0-.9.4-.9.9s.4.9.9.9h1.5c.5 0 .9-.4.9-.9s-.4-.9-.9-.9zm31.5-4.4h-1.5c-.5 0-.9.4-.9.9s.4.9.9.9h1.5c.5 0 .9-.4.9-.9-.1-.5-.5-.9-.9-.9z"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M178.379 224c0-1.1-.9-2-2-2h-55.5c-1.1 0-2 .9-2 2v5c0 1.1.9 2 2 2h55.5c1.1 0 2-.9 2-2v-5z"
+        opacity="0.48"
+      />
+
+      <path fill={PRIMARY_MAIN} d="M188.179 244h-70v18.2h70V244z" />
+      <path
+        fill="#fff"
+        d="M118.479 243.3c-1.1 0-2 .9-2 2v15.8c0 1.1.9 2 2 2l69.7-.1c1.1 0 2-.9 2-2l-.4-15.6c0-1.1-.9-2-2-2l-69.3-.1zm-.1 4.5c0-1.1.9-2 2-2h5.2c1.7 0 2.6 1.9 1.6 3.2l-8.4 11.2c0 .1-.1.1-.2.1s-.2-.1-.2-.2v-12.3zm17.4-1.2c.4-.5 1-.8 1.6-.8h2.2c1.6 0 2.6 1.9 1.6 3.2l-7.8 10.5c-.4.5-1 .8-1.6.8h-2.2c-1.6 0-2.6-1.9-1.6-3.2l7.8-10.5zm13.9 0c.4-.5 1-.8 1.6-.8h2.2c1.6 0 2.6 1.9 1.6 3.2l-7.8 10.5c-.4.5-1 .8-1.6.8h-2.1c-1.6 0-2.6-1.9-1.6-3.2l7.7-10.5zm14.1 0c.4-.5 1-.8 1.6-.8h2.2c1.7 0 2.6 1.9 1.6 3.2l-7.9 10.5c-.4.5-1 .8-1.6.8h-2.1c-1.6 0-2.6-1.9-1.6-3.2l7.8-10.5zm13.9 0c.4-.5 1-.8 1.6-.8h2.2c1.6 0 2.6 1.9 1.6 3.2l-7.8 10.5c-.4.5-1 .8-1.6.8h-2.1c-1.6 0-2.6-1.9-1.6-3.2l7.7-10.5zm9.9 11.7c0 1.1-.9 2-2 2-1.6 0-2.6-1.9-1.6-3.2 1.1-1.6 3.6-.7 3.6 1.2z"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M73.579 276.7c-.1 1.2-.6 2.4-1.2 3.4-.7 1-1.6 1.9-2.6 2.5-2.3-.7-4.6-1.4-6.9-2.3-1.2-.4-2.3-.9-3.5-1.4-6.5-2.7-12.6-6.2-18.4-10.3-.4-1.1-.7-2.2-.9-3.4-.2-1.1 0-2.3.4-3.4.5-1.1 1.2-2 2.2-2.6 1-.5 1.9-1 2.8-1.6 1.9-1.6 2-4.6 1-6.9-1-2.3-2.8-4.2-4.1-6.3-1.3-2.1-2.2-4.8-1.1-7.1.7-1.4 2-2.5 2.9-3.9 1.6-2.6 1.1-6 .5-9l-2.4-12.3c-.5-2.7-.9-5.8 1.1-7.7 2.7-2.5 7.1-.5 9.7 2 3.2 2.9 5.5 6.5 6.7 10.6 2.5 8.9-1.9 18.9 1.6 27.5 2.3 5.8 7.8 9.7 10.5 15.3 2.6 5.4 2.5 11.3 1.7 16.9z"
+      />
+
+      <path
+        fill={PRIMARY_DARK}
+        d="M85.278 250.7c-1.1 2.3-1.9 5.1-.6 7.2.7.8 1.4 1.7 2.2 2.4 2.9 3.5 1.4 8.8-.9 12.8-.7 1-1.1 2.1-1.3 3.3-.1 1.9 1.3 3.5 2.4 5 1.1 1.5 2 3.4 1.2 5-8.7-1-17.2-3.1-25.4-6-1.2-.4-2.3-.9-3.5-1.4-.2-2.6.6-5.4 1.7-7.9 1.2-2.7 3-5.5 3.4-8.5.4-2.7-.1-5.3.8-8 .8-2.7 2.2-5.1 4.1-7.2 1.9-2 4.2-3.6 6.9-4.6 1.5-.5 3.2-.9 4.3-2 .8-.8 1.4-1.8 1.8-2.9 2-4.4 4.1-8.9 6.1-13.4.9-2 2.2-4.3 4.4-4.7 1.7-.3 3.4.9 4.3 2.4.8 1.6 1 3.4.8 5.1-1 8.9-8.8 15.4-12.7 23.4z"
+      />
+
+      <defs>
+        <linearGradient
+          id="paint0_linear_1_79"
+          x1="296.527"
+          x2="105.126"
+          y1="186.371"
+          y2="167.19"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_MAIN} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(ComingSoonIllustration);

package/src/assets/illustrations/forbidden-illustration.jsx

@@ -0,0 +1,95 @@
+import BackgroundShape from "./background-shape";
+import Box from "@mui/material/Box";
+import React from "react";
+import { memo } from "react";
+import { useTheme } from "@mui/material/styles";
+
+// ----------------------------------------------------------------------
+
+function ForbiddenIllustration({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_LIGHT = theme.palette.primary.light;
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const PRIMARY_DARK = theme.palette.primary.dark;
+
+  const PRIMARY_DARKER = theme.palette.primary.darker;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 480 360"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <BackgroundShape />
+
+      <image
+        href="/assets/illustrations/characters/character_4.png"
+        height="300"
+        x="220"
+        y="30"
+      />
+
+      <path
+        fill={PRIMARY_MAIN}
+        d="M425.545 119.2c0-5-4.6-9-9.6-8.2-2-3.7-6-6-10.2-5.9 4.3-21.4-30-21.4-25.7 0-8.7-.8-15.1 9.4-10.4 16.8 2.1 3.5 5.9 5.6 10 5.5h38.7v-.1c4.1-.4 7.2-3.9 7.2-8.1zm-321.3 81.8c.1-4.2-4.1-7.8-8.2-7-1.7-3.2-5.1-5.1-8.8-5 3.8-18.4-25.8-18.4-22 0-7.4-.7-12.9 8.1-8.9 14.4 1.8 3 5.1 4.8 8.6 4.7h33.2v-.1c3.4-.4 6.1-3.4 6.1-7z"
+        opacity="0.08"
+      />
+
+      <path
+        fill="#FFAB00"
+        d="M111.045 142.2c58.7-1 58.6-88.3 0-89.2-58.6 1-58.6 88.3 0 89.2z"
+        opacity="0.12"
+      />
+
+      <path
+        fill="#FFD666"
+        d="M111.045 121c30.8-.5 30.8-46.3 0-46.8-30.8.5-30.8 46.3 0 46.8z"
+      />
+
+      <path
+        fill="#FBCDBE"
+        d="M278.045 250.1c-4.6-6.5-14 5.1-18.1 7.2-.6-2.1 1.5-41.3-1.4-41.8-2.8-3-8.1-.7-8 3.3.2-4 .5-11.3-5.6-10.2-4.8.6-3.8 6.9-3.8 10.2.1-6.1-9.5-6.1-9.4 0v5.6c.2-4.2-5.7-6.4-8.3-3-2.6-.2-.4 41.8-1.1 43.3-.2 10 8.7 19 18.8 18.7 6.1.4 12.6-1.2 16.8-5.9l19.7-21c1.7-1.6 1.8-4.5.4-6.4z"
+      />
+
+      <path
+        fill="#000"
+        fillOpacity="0.24"
+        fillRule="evenodd"
+        d="M248.745 212.3v32.8h1.9v-31.9c.1-2.9-2.8-5.2-5.6-4.6 2 0 3.7 1.7 3.7 3.7zm-9.4 5.6v27.2h1.9v-26.3c.1-2.8-2.8-5.2-5.5-4.6 1.9 0 3.6 1.8 3.6 3.7zm-9.4 27.2v-21.6c.1-2-1.7-3.7-3.7-3.8 2.8-.6 5.6 1.8 5.5 4.6V245h-1.8v.1z"
+        clipRule="evenodd"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M244.945 189.8c-67.6 1.3-77 97-11 111.4 81 11.8 92.7-107.3 11-111.4zm-48.5 56.2c-1-40.4 49.8-63.8 79.9-36.9l-68.3 68.3c-7.5-8.7-11.6-19.9-11.6-31.4zm48.5 48.5c-11.5 0-22.7-4.1-31.4-11.6l68.3-68.3c27 30.1 3.5 80.9-36.9 79.9z"
+      />
+
+      <path
+        fill="url(#paint0_linear_1_129)"
+        d="M169.245 261h-11.3v-66.6c0-4.5-1.5-5.6-5.6-5.6-5.3.3-13.8-1.4-17.1 4l-55 68.3c-2.7 3.3-1.8 8.8-2 12.8 0 4.1 1.5 5.6 5.6 5.6h54.7v21.7c-.9 7.9 9.1 5.2 13.7 5.6 4.1 0 5.6-1.5 5.6-5.6v-21.7h11.4c4.4 0 5.6-1.5 5.6-5.6-.3-4.8 2-13.8-5.6-12.9zm-30.8 0h-36l36-44.4V261zm263.9 12.1c1.9 44.8-78.7 46-78 1.2h19.3c-.8 15.3 18.3 21.4 30.1 15.5 12.7-6 12.3-29.1-1-34-5.6-2.8-16.6-2-23.1-2.1v-15.1c6.3-.2 17.6.9 22.7-2.3 11.6-5.5 11.9-25.4.9-31.4-10.8-5.9-29 .1-28.2 14.5h-19.4c-.5-28.1 35.4-38.5 57-28.2 23.4 9 24.1 45.5-.2 54.6 12.3 3.9 20.1 14.6 19.9 27.3z"
+      />
+
+      <defs>
+        <linearGradient
+          id="paint0_linear_1_129"
+          x1="78.245"
+          x2="78.245"
+          y1="187.309"
+          y2="307.306"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(ForbiddenIllustration);

package/src/assets/illustrations/index.js

@@ -0,0 +1,2 @@
+export { default as PageNotFoundIllustration } from "./page-not-found-illustration";
+export { default as AvatarShape } from "./avatar-shape";

package/src/assets/illustrations/maintenance-illustration.jsx

@@ -0,0 +1,228 @@
+import BackgroundShape from "./background-shape";
+import Box from "@mui/material/Box";
+import React from "react";
+import { memo } from "react";
+import { useTheme } from "@mui/material/styles";
+
+// ----------------------------------------------------------------------
+
+function MaintenanceIllustration({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_LIGHT = theme.palette.primary.light;
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const PRIMARY_DARK = theme.palette.primary.dark;
+
+  const PRIMARY_DARKER = theme.palette.primary.darker;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 480 360"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <BackgroundShape />
+
+      <path
+        fill={PRIMARY_MAIN}
+        d="M297.46 99.296l-185.934-5.29c-6.35-.18-11.526 4.158-11.526 9.693v159.882c0 5.534 5.176 9.742 11.526 9.4l185.934-10.028c5.28-.284 9.54-4.576 9.54-9.585v-144.73c0-5.012-4.26-9.194-9.54-9.342z"
+        opacity="0.12"
+      />
+
+      <path
+        fill="#fff"
+        d="M297.476 93.405l-180.3-5.278c-6.157-.18-11.176 4.15-11.176 9.67v159.496c0 5.521 5.019 9.718 11.176 9.377l180.3-10.003c5.12-.284 9.251-4.565 9.251-9.563v-144.38c0-5-4.131-9.172-9.251-9.32z"
+      />
+
+      <g fill="#919EAB" opacity="0.16">
+        <path d="M205.131 203.668a44.088 44.088 0 01-20.975-4.875 42.576 42.576 0 01-16.793-15.549 40.54 40.54 0 01-5.98-21.153c0-23.36 19.874-41.848 43.748-41.227 23.283.606 41.804 19.248 41.804 41.569 0 22.322-18.521 40.816-41.804 41.235zM266.304 235.213a4.461 4.461 0 01-4.271 4.417l-106.87 4.074c-2.652.107-4.808-1.842-4.808-4.341v-16.97c0-2.499 2.156-4.579 4.808-4.644l106.87-2.64a4.142 4.142 0 013.018 1.168 4.128 4.128 0 011.253 2.98v15.956z" />
+      </g>
+
+      <path
+        fill="#C4CDD5"
+        d="M186.797 136.682a1.812 1.812 0 01-.525 1.378l-1.858 1.858 16.887 16.893a2.174 2.174 0 01-3.074 3.074l-16.886-16.892-1.859 1.859a1.803 1.803 0 01-2.685-.157l-7.916-9.615a1.8 1.8 0 01.14-2.392l5.091-5.093a1.8 1.8 0 012.392-.14l9.612 7.917c.404.32.651.797.681 1.31zM209.727 165.24l5.441 5.443a2.174 2.174 0 01-3.074 3.075l-5.441-5.443a2.175 2.175 0 013.074-3.075z"
+      />
+
+      <path
+        fill="#F4F6F8"
+        d="M209.727 165.24l5.441 5.443a2.176 2.176 0 010 3.075l-8.515-8.518a2.172 2.172 0 013.074 0z"
+      />
+
+      <path
+        fill="url(#paint0_linear_1_160)"
+        d="M238.581 194.781l-2.399 2.399c-3.425 3.431-9.046 3.315-12.32-.318l-16.564-18.475a2.176 2.176 0 01.081-2.989l9.309-9.313a2.174 2.174 0 012.978-.091l18.552 16.422.004.004c3.646 3.243 3.812 8.907.359 12.361z"
+      />
+
+      <path
+        fill="url(#paint1_linear_1_160)"
+        d="M240.711 138.762c-.332-1.582-2.287-2.165-3.429-1.021l-7.117 7.12a3.31 3.31 0 01-4.681 0l-3.813-3.815a3.308 3.308 0 010-4.68l7.117-7.122c1.143-1.142.561-3.098-1.02-3.43-5.355-1.126-11.157.392-15.316 4.552-5.296 5.299-6.308 13.259-3.037 19.573l-40.33 33.142a5.766 5.766 0 00-.516 8.61l6.289 6.291a5.761 5.761 0 008.607-.516l33.13-40.345c6.312 3.272 14.268 2.26 19.566-3.038 4.159-4.16 5.675-9.964 4.55-15.321zm-61.338 50.587a2.174 2.174 0 110-4.349 2.174 2.174 0 010 4.349z"
+      />
+
+      <path
+        fill="#919EAB"
+        d="M186.797 136.682a1.812 1.812 0 01-.525 1.378l-1.858 1.858 16.887 16.893a2.174 2.174 0 010 3.074l-29.734-29.744 2.545-2.546a1.8 1.8 0 012.391-.14l9.613 7.917c.404.32.651.797.681 1.31z"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M238.581 194.781l-1.199 1.199-25.289-25.298 4.595-4.597a2.173 2.173 0 012.977-.091l18.553 16.422.004.004c3.645 3.243 3.812 8.907.359 12.361z"
+        opacity="0.24"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M236.161 154.083c-5.298 5.298-13.254 6.31-19.566 3.038l-33.13 40.345a5.761 5.761 0 01-8.607.516l-3.145-3.145 6.122-6.125a2.174 2.174 0 103.075-3.076l42.668-42.682 1.907 1.907a3.308 3.308 0 004.68 0l7.117-7.12c1.142-1.144 3.097-.561 3.429 1.021 1.125 5.357-.392 11.161-4.55 15.321z"
+        opacity="0.24"
+      />
+
+      <path
+        fill="url(#paint2_linear_1_160)"
+        d="M249.706 290.362v3.306c0 .847-.436 1.546-1.011 1.622l-51.671 4.676a3.72 3.72 0 01-1.448-.087l-36.003-6.775c-.382-.1-.664-.6-.664-1.177v-3.494l38.198-4.727 4.917-2.324 4.889.703 2.887-.552 6.599 1.917 33.307 6.912z"
+      />
+
+      <path
+        fill="url(#paint3_linear_1_160)"
+        d="M249.707 290.362v3.307c0 .846-.436 1.545-1.012 1.621l-51.668 4.676a3.684 3.684 0 01-1.148-.024v-17.813l6.148-.749 4.889.703 2.886-.552 6.598 1.917 33.307 6.914z"
+        opacity="0.3"
+      />
+
+      <path
+        fill="url(#paint4_linear_1_160)"
+        d="M209.803 281.53l-50.89 6.74 36.707 6.904c.445.115.909.142 1.366.08l52.72-4.892-39.903-8.832z"
+      />
+
+      <path
+        fill="url(#paint5_linear_1_160)"
+        d="M228.459 287.623c0 2.42-7.627 4.302-18.157 4.79-2.657.121-5.499.156-8.447.088-14.491-.333-26.135-3.025-26.135-6.005a.81.81 0 01.02-.214h-.02l.06-.143a.834.834 0 01.054-.139l3.342-8.724 4.037-10.526 5.652-14.753 4.325-11.293 5.381-14.042c.673-1.758 1.922-2.851 3.269-2.851.183-.001.364.019.542.059 1.138.248 2.153 1.272 2.737 2.795l5.427 14.14 4.337 11.441 5.715 15.05 4.106 10.813.065.006 3.42 8.787c.147.239.27.479.27.721z"
+      />
+
+      <path
+        fill="#fff"
+        d="M224.769 278.12c-3.299 1.101-8.572 1.894-14.893 2.188-2.545.12-5.237.159-8.037.107-9.736-.184-18.178-1.434-22.67-3.137l4.039-10.527c4.728 1.062 11.316 1.778 18.644 1.888 2.368.036 4.676.006 6.874-.083 4.623-.183 8.7-.626 11.913-1.255l4.071 10.812.059.007zM214.93 252.246c-2.519.272-5.287.457-8.225.54-1.573.046-3.194.063-4.849.046a112.824 112.824 0 01-12.991-.835l4.326-11.293c2.707.214 5.623.336 8.665.353 1.071.006 2.129-.001 3.172-.022 1.907-.036 3.751-.112 5.519-.23l4.383 11.441z"
+      />
+
+      <path
+        fill="url(#paint6_linear_1_160)"
+        d="M210.302 292.411c-2.657.122-5.499.157-8.447.089-14.491-.334-26.135-3.025-26.135-6.005a.81.81 0 01.02-.214h-.02l.06-.143a.834.834 0 01.054-.139l3.342-8.724 4.037-10.526 5.652-14.752 4.325-11.293 5.381-14.042c.673-1.758 1.922-2.851 3.269-2.851.183-.001.364.019.542.059.574 3.574 1.558 9.812 2.646 17.165.546 3.702 1.118 7.687 1.677 11.753a776.568 776.568 0 012.016 15.767c.485 4.188.899 8.185 1.192 11.754.429 5.167.604 9.441.389 12.102z"
+        opacity="0.2"
+      />
+
+      <path
+        fill="#FF5630"
+        d="M118.108 103.182a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
+      />
+
+      <path
+        fill="#FFAB00"
+        d="M126.108 103.182a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
+      />
+
+      <path
+        fill="#36B37E"
+        d="M134.108 103.182a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
+      />
+
+      <defs>
+        <linearGradient
+          id="paint0_linear_1_160"
+          x1="166.881"
+          x2="166.881"
+          y1="125.454"
+          y2="199.671"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+
+        <linearGradient
+          id="paint1_linear_1_160"
+          x1="166.881"
+          x2="166.881"
+          y1="125.454"
+          y2="199.671"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+
+        <linearGradient
+          id="paint2_linear_1_160"
+          x1="158.912"
+          x2="249.709"
+          y1="290.69"
+          y2="290.69"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFC444" />
+          <stop offset="1" stopColor="#F36F56" />
+        </linearGradient>
+
+        <linearGradient
+          id="paint3_linear_1_160"
+          x1="226.725"
+          x2="225.966"
+          y1="290.498"
+          y2="292.586"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFC444" />
+          <stop offset="0.59" stopColor="#F8924F" />
+          <stop offset="1" stopColor="#F36F56" />
+        </linearGradient>
+
+        <linearGradient
+          id="paint4_linear_1_160"
+          x1="210.87"
+          x2="210.566"
+          y1="288.399"
+          y2="289.237"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFC444" />
+          <stop offset="0.59" stopColor="#F8924F" />
+          <stop offset="1" stopColor="#F36F56" />
+        </linearGradient>
+
+        <linearGradient
+          id="paint5_linear_1_160"
+          x1="202.974"
+          x2="199.672"
+          y1="204.073"
+          y2="311.415"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFC444" />
+          <stop offset="1" stopColor="#F36F56" />
+        </linearGradient>
+
+        <linearGradient
+          id="paint6_linear_1_160"
+          x1="175.72"
+          x2="210.394"
+          y1="258.172"
+          y2="258.172"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFC444" />
+          <stop offset="1" stopColor="#F36F56" />
+        </linearGradient>
+      </defs>
+
+      <image
+        href="/assets/illustrations/characters/character_5.png"
+        height="300"
+        x="245"
+        y="30"
+      />
+    </Box>
+  );
+}
+
+export default memo(MaintenanceIllustration);