@canmingir/link 1.1.0

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

@@ -0,0 +1,88 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import BackgroundShape from './background-shape';
+
+// ----------------------------------------------------------------------
+
+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/minimal/src/assets/illustrations/index.js

@@ -0,0 +1,15 @@
+export { default as AvatarShape } from './avatar-shape';
+
+export { default as SeoIllustration } from './seo-illustration';
+export { default as UploadIllustration } from './upload-illustration';
+export { default as BookingIllustration } from './booking-illustration';
+export { default as CheckInIllustration } from './check-in-illustration';
+export { default as CheckoutIllustration } from './check-out-illustration';
+export { default as ForbiddenIllustration } from './forbidden-illustration';
+export { default as MotivationIllustration } from './motivation-illustration';
+export { default as SeverErrorIllustration } from './sever-error-illustration';
+export { default as ComingSoonIllustration } from './coming-soon-illustration';
+export { default as MaintenanceIllustration } from './maintenance-illustration';
+export { default as PageNotFoundIllustration } from './page-not-found-illustration';
+export { default as OrderCompleteIllustration } from './order-complete-illustration';
+export { default as UpgradeStorageIllustration } from './upgrade-storage-illustration';

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

@@ -0,0 +1,215 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import BackgroundShape from './background-shape';
+
+// ----------------------------------------------------------------------
+
+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);

package/minimal/src/assets/illustrations/motivation-illustration.jsx

@@ -0,0 +1,70 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import BackgroundShape from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function MotivationIllustration({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_LIGHTER = theme.palette.primary.lighter;
+
+  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_2.png" height="300" x="322" y="30" />
+
+      <path
+        fill="url(#paint0_linear_1_43)"
+        d="M216.3 138v108.3c0 2.2-1.8 4-4 4H195c-2.2 0-4-1.8-4-4V138c0-2.2 1.8-4 4-4h17.3c2.2 0 4 1.8 4 4zm-55-68H144c-2.2 0-4 1.8-4 4v176.3c0 2.2 1.8 4 4 4h17.3c2.2 0 4-1.8 4-4V74c0-2.2-1.8-4-4-4zm102 93H246c-2.2 0-4 1.8-4 4v75.7c0 2.2 1.8 4 4 4h17.3c2.2 0 4-1.8 4-4V167c0-2.2-1.8-4-4-4z"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M359.2 253.4c-1.1 3.1-2.3 6.3-3.7 9.7-5.1.1-10.1.3-15.2.4-3.3.1-6.9.2-9.6 2.1-5.2 3.6-.7 6.1-1.3 9.6-.7 4.2-4.9 5.1-9 5.1-14.1.1-27.7 4.6-41.5 7.3s-28.9 3.5-41.2-3.4c-.8-.5-1.7-1-2-2-.6-1.6.9-3.2 2.3-4.2 3.2-2.2 6.7-3.7 10.5-4.5 2.2-.5 4.5-.8 6.5-2 1.9-1.2 3.3-3.7 2.3-5.8-32.1 2-64.1 4.8-96 8.4-41.1 4.8-81.8 12.9-123 15.9h-.4c-2.9-2.9-5.5-6-7.9-9.3.2-.2.4-.5.6-.7 2-2.2 5-3.2 7.8-4.1 15.9-4.9 32.4-7.4 48.8-9.9 81.6-12.3 164.2-21.1 246.8-15.3 8.4.6 16.8 1.5 25.2 2.7z"
+        opacity="0.24"
+      />
+
+      <path
+        fill="#DFE3E8"
+        d="M81.7 204.2l74 11v60.7h8.5v3.6h-19.5v-2.3h8.7v-50.3l-70-13.5v49h9.7v1.7H73.6V262h8.2v-57.8h-.1z"
+      />
+
+      <path
+        fill="#C4CDD5"
+        d="M80.6 204.2l74 11v60.7h8.5v3.6h-19.5v-2.3h8.7v-50.3l-70-13.5v49H92v1.7H72.4V262h8.2v-57.8z"
+      />
+
+      <defs>
+        <linearGradient
+          id="paint0_linear_1_43"
+          x1="140"
+          x2="276.5"
+          y1="98"
+          y2="312.5"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHTER} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(MotivationIllustration);

package/minimal/src/assets/illustrations/order-complete-illustration.jsx

@@ -0,0 +1,122 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import BackgroundShape from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function OrderCompleteIllustration({ ...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_10.png" height="300" x="300" y="30" />
+
+      <path
+        fill="#DFE3E8"
+        d="M253.579 162.701a5.06 5.06 0 01-4.861-3.646l-15.033-53.327a16.19 16.19 0 00-15.276-12.007h-78.471a16.174 16.174 0 00-15.325 11.995l-14.985 53.29a5.06 5.06 0 01-6.164 3.266 5.055 5.055 0 01-3.558-6l14.985-53.291a26.31 26.31 0 0125.047-19.347h78.471a26.327 26.327 0 0124.998 19.36l14.985 53.29a5.054 5.054 0 01-3.5 6.222 4.786 4.786 0 01-1.313.195z"
+      />
+
+      <path
+        fill="url(#paint0_linear_1_68)"
+        d="M244.501 272.368H113.846a10.329 10.329 0 01-10.245-9.017l-12.153-95.716H266.85l-12.153 95.716a10.3 10.3 0 01-10.196 9.017z"
+      />
+
+      <path
+        fill="url(#paint1_linear_1_68)"
+        d="M268.151 155.117H90.196c-5.631 0-10.196 4.565-10.196 10.196v.887c0 5.632 4.565 10.197 10.196 10.197h177.955c5.631 0 10.196-4.565 10.196-10.197v-.887c0-5.631-4.565-10.196-10.196-10.196z"
+      />
+
+      <path
+        fill={PRIMARY_DARKER}
+        d="M128.66 184.017h-.012a7.874 7.874 0 00-7.875 7.875v58.431a7.875 7.875 0 007.875 7.875h.012a7.875 7.875 0 007.875-7.875v-58.431a7.875 7.875 0 00-7.875-7.875zM162.335 184.017h-.012a7.875 7.875 0 00-7.875 7.875v58.431a7.875 7.875 0 007.875 7.875h.012a7.876 7.876 0 007.876-7.875v-58.431a7.875 7.875 0 00-7.876-7.875zM196.023 184.017h-.012a7.875 7.875 0 00-7.875 7.875v58.431a7.875 7.875 0 007.875 7.875h.012a7.876 7.876 0 007.876-7.875v-58.431a7.875 7.875 0 00-7.876-7.875zM229.699 184.017h-.012a7.875 7.875 0 00-7.875 7.875v58.431a7.875 7.875 0 007.875 7.875h.012a7.875 7.875 0 007.875-7.875v-58.431a7.875 7.875 0 00-7.875-7.875z"
+      />
+
+      <path
+        fill="url(#paint2_linear_1_68)"
+        d="M202.793 80h-47.239a8.762 8.762 0 00-8.762 8.762v.012a8.762 8.762 0 008.762 8.763h47.239a8.762 8.762 0 008.762-8.763v-.012A8.762 8.762 0 00202.793 80z"
+      />
+
+      <path
+        fill="#fff"
+        d="M254.289 279.577c23.907 0 43.288-19.381 43.288-43.288 0-23.908-19.381-43.289-43.288-43.289C230.381 193 211 212.381 211 236.289c0 23.907 19.381 43.288 43.289 43.288z"
+      />
+
+      <path
+        fill="url(#paint3_linear_1_68)"
+        d="M243.999 256.002l-15.183-16.746a3.15 3.15 0 01.214-4.444l4.219-3.833a3.146 3.146 0 014.444.214l9.144 10.065 25.184-23.417a3.149 3.149 0 014.444.16l3.876 4.176a3.146 3.146 0 01.843 2.255 3.148 3.148 0 01-1.004 2.189l-31.758 29.531a3.119 3.119 0 01-4.423-.15z"
+      />
+
+      <defs>
+        <linearGradient
+          id="paint0_linear_1_68"
+          x1="267"
+          x2="80.541"
+          y1="272"
+          y2="247.455"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_MAIN} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+
+        <linearGradient
+          id="paint1_linear_1_68"
+          x1="80"
+          x2="80"
+          y1="155.117"
+          y2="176.397"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+
+        <linearGradient
+          id="paint2_linear_1_68"
+          x1="146.792"
+          x2="146.792"
+          y1="80"
+          y2="97.537"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+
+        <linearGradient
+          id="paint3_linear_1_68"
+          x1="228"
+          x2="228"
+          y1="217"
+          y2="257"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(OrderCompleteIllustration);

package/minimal/src/assets/illustrations/page-not-found-illustration.jsx

@@ -0,0 +1,74 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+import BackgroundShape from './background-shape';
+
+// ----------------------------------------------------------------------
+
+function PageNotFoundIllustration({ ...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_6.png" height="300" x="205" y="30" />
+
+      <path
+        fill="#FFAB00"
+        d="M111.1 141.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.1 120c30.8-.5 30.8-46.3 0-46.8-30.8.5-30.8 46.3 0 46.8z" />
+      <path
+        fill={PRIMARY_DARKER}
+        d="M244.9 182.5c82.3 1.4 82.2 123.8 0 125.2-82.3-1.5-82.3-123.8 0-125.2zm0 23.1c-51.8.9-51.8 77.9 0 78.8 51.8-.9 51.7-77.9 0-78.8z"
+      />
+
+      <path
+        fill="url(#paint0_linear_1_119)"
+        d="M175 265.6c1-8.7-12.1-4.8-17-5.6v-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.7c13.8-1.1 18.1 4.5 17.1-12.9zm-72.5-5.6l36-44.4V260h-36zm309.1 5.6c1-8.7-12.2-4.8-17.1-5.6v-66.6c0-4.5-1.5-5.6-5.6-5.6-5.3.3-13.7-1.4-17.1 4l-55 68.3c-2.7 3.3-1.9 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.7c14.1-1.1 18.2 4.5 17.2-12.9zm-72.4-5.6l36-44.4V260h-36z"
+      />
+
+      <path
+        fill={PRIMARY_MAIN}
+        d="M425.6 118.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.1zM104.3 200c.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"
+      />
+
+      <defs>
+        <linearGradient
+          id="paint0_linear_1_119"
+          x1="78.3"
+          x2="78.3"
+          y1="187.77"
+          y2="305.935"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={PRIMARY_LIGHT} />
+          <stop offset="1" stopColor={PRIMARY_DARK} />
+        </linearGradient>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(PageNotFoundIllustration);