First Commit

2026-03-21 11:55:27 +01:00
commit 2e8a29b4d0
1757 changed files with 166084 additions and 0 deletions
@@ -0,0 +1,67 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - CIRCLES  ***************************/
+
+export default function Circles() {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 839 601" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath="url(#clip0_7116_27007)">
+        <path
+          d="M419.501 719.361C650.909 719.361 838.502 531.768 838.502 300.36C838.502 68.952 650.909 -118.641 419.501 -118.641C188.093 -118.641 0.5 68.952 0.5 300.36C0.5 531.768 188.093 719.361 419.501 719.361Z"
+          stroke="url(#paint0_linear_7116_27007)"
+        />
+        <path
+          d="M419.503 635.461C604.574 635.461 754.604 485.431 754.604 300.36C754.604 115.289 604.574 -34.7412 419.503 -34.7412C234.432 -34.7412 84.4023 115.289 84.4023 300.36C84.4023 485.431 234.432 635.461 419.503 635.461Z"
+          stroke="url(#paint1_linear_7116_27007)"
+        />
+        <path
+          d="M419.501 551.563C558.235 551.563 670.702 439.097 670.702 300.362C670.702 161.628 558.235 49.1611 419.501 49.1611C280.766 49.1611 168.3 161.628 168.3 300.362C168.3 439.097 280.766 551.563 419.501 551.563Z"
+          stroke="url(#paint2_linear_7116_27007)"
+        />
+        <path
+          d="M419.499 467.66C511.896 467.66 586.799 392.757 586.799 300.36C586.799 207.963 511.896 133.06 419.499 133.06C327.102 133.06 252.199 207.963 252.199 300.36C252.199 392.757 327.102 467.66 419.499 467.66Z"
+          stroke="url(#paint3_linear_7116_27007)"
+        />
+        <path
+          d="M419.502 383.761C465.562 383.761 502.902 346.421 502.902 300.361C502.902 254.3 465.562 216.961 419.502 216.961C373.441 216.961 336.102 254.3 336.102 300.361C336.102 346.421 373.441 383.761 419.502 383.761Z"
+          stroke="url(#paint4_linear_7116_27007)"
+        />
+      </g>
+      <defs>
+        <linearGradient id="paint0_linear_7116_27007" x1="419.501" y1="-119.141" x2="419.501" y2="719.861" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+          <stop offset="0.495" stopColor={theme.vars.palette.grey[400]} />
+          <stop offset="1" stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_7116_27007" x1="419.503" y1="-35.2407" x2="419.503" y2="635.961" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+          <stop offset="0.495" stopColor={theme.vars.palette.grey[400]} />
+          <stop offset="1" stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_7116_27007" x1="419.501" y1="33.1822" x2="419.501" y2="543.664" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+          <stop offset="0.495" stopColor={theme.vars.palette.grey[400]} />
+          <stop offset="1" stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+        </linearGradient>
+        <linearGradient id="paint3_linear_7116_27007" x1="419.499" y1="115.517" x2="419.499" y2="497.555" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+          <stop offset="0.495" stopColor={theme.vars.palette.grey[400]} />
+          <stop offset="1" stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+        </linearGradient>
+        <linearGradient id="paint4_linear_7116_27007" x1="419.502" y1="182.209" x2="419.502" y2="419.748" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+          <stop offset="0.495" stopColor={theme.vars.palette.grey[400]} />
+          <stop offset="1" stopColor={theme.vars.palette.grey[400]} stopOpacity="0" />
+        </linearGradient>
+        <clipPath id="clip0_7116_27007">
+          <rect width="839" height="601" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,41 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - DEVTO  ***************************/
+
+export default function Devto({ imageSize }) {
+  const theme = useTheme();
+
+  return (
+    <Box
+      sx={{
+        lineHeight: 0,
+        '& svg': { width: imageSize?.width || { xs: 89, sm: 105, md: 106 }, height: imageSize?.height || { xs: 16, sm: 18, md: 26 } }
+      }}
+    >
+      <svg viewBox="0 0 106 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M41.3152 20.7791C40.2298 20.7791 39.2606 20.5155 38.4077 19.9883C37.5548 19.461 36.8803 18.74 36.3841 17.8251C35.8879 16.8947 35.6397 15.8557 35.6397 14.7082C35.6397 13.5452 35.8879 12.514 36.3841 11.6146C36.8803 10.6997 37.5548 9.97865 38.4077 9.45142C39.2761 8.92419 40.2453 8.66057 41.3152 8.66057C42.1681 8.66057 42.9124 8.82339 43.5482 9.14903C44.1995 9.45917 44.719 9.90111 45.1066 10.4749V3.75267H48.2468V20.5H45.4555L45.1066 18.895C44.8585 19.2362 44.5639 19.5541 44.2228 19.8487C43.8816 20.1278 43.4707 20.3527 42.99 20.5233C42.5093 20.6938 41.951 20.7791 41.3152 20.7791ZM42.013 18.0344C42.6333 18.0344 43.1838 17.8949 43.6645 17.6157C44.1452 17.3211 44.5174 16.9257 44.781 16.4295C45.0446 15.9333 45.1764 15.3673 45.1764 14.7315C45.1764 14.0802 45.0446 13.5064 44.781 13.0102C44.5174 12.4985 44.1452 12.1031 43.6645 11.824C43.1838 11.5448 42.6333 11.4053 42.013 11.4053C41.4083 11.4053 40.8655 11.5526 40.3848 11.8472C39.9041 12.1263 39.5242 12.514 39.2451 13.0102C38.9815 13.5064 38.8497 14.0724 38.8497 14.7082C38.8497 15.3595 38.9815 15.9333 39.2451 16.4295C39.5087 16.9257 39.8809 17.3211 40.3616 17.6157C40.8578 17.8949 41.4083 18.0344 42.013 18.0344ZM56.9286 20.7791C55.7501 20.7791 54.7034 20.531 53.7885 20.0348C52.8891 19.5386 52.1835 18.8408 51.6718 17.9414C51.1601 17.042 50.9042 16.003 50.9042 14.8245C50.9042 13.6305 51.1523 12.5683 51.6486 11.6379C52.1603 10.7075 52.8658 9.97865 53.7652 9.45142C54.6801 8.92419 55.7424 8.66057 56.9519 8.66057C58.0994 8.66057 59.1073 8.91643 59.9757 9.42816C60.8596 9.92437 61.5419 10.5989 62.0226 11.4518C62.5188 12.3047 62.7669 13.2816 62.7669 14.3826C62.7669 14.5376 62.7669 14.7082 62.7669 14.8943C62.7669 15.0804 62.7514 15.282 62.7204 15.4991H53.1605V13.5685H59.5803C59.5338 12.8552 59.2624 12.2892 58.7662 11.8705C58.2855 11.4363 57.6807 11.2192 56.9519 11.2192C56.4091 11.2192 55.9129 11.3432 55.4632 11.5914C55.0135 11.824 54.6569 12.1806 54.3933 12.6613C54.1296 13.142 53.9978 13.7468 53.9978 14.4756V15.1502C53.9978 15.7704 54.1219 16.3132 54.37 16.7784C54.6181 17.2281 54.9593 17.5847 55.3935 17.8483C55.8431 18.0964 56.3471 18.2205 56.9054 18.2205C57.4791 18.2205 57.9598 18.0964 58.3475 17.8483C58.7352 17.5847 59.0298 17.2513 59.2314 16.8482H62.4413C62.2087 17.577 61.8365 18.2438 61.3248 18.8485C60.8131 19.4378 60.185 19.9107 59.4407 20.2674C58.6964 20.6085 57.859 20.7791 56.9286 20.7791ZM67.9082 20.5L63.6748 8.93969H66.9777L69.8155 17.546L72.6765 8.93969H75.9329L71.6996 20.5H67.9082ZM78.2486 20.6163C77.6748 20.6163 77.2019 20.4457 76.8297 20.1046C76.473 19.7479 76.2947 19.3137 76.2947 18.802C76.2947 18.2903 76.473 17.8638 76.8297 17.5227C77.2019 17.166 77.6748 16.9877 78.2486 16.9877C78.8223 16.9877 79.2875 17.166 79.6442 17.5227C80.0008 17.8638 80.1792 18.2903 80.1792 18.802C80.1792 19.3137 80.0008 19.7479 79.6442 20.1046C79.2875 20.4457 78.8223 20.6163 78.2486 20.6163ZM87.8567 20.5C87.0348 20.5 86.3137 20.3759 85.6935 20.1278C85.0887 19.8642 84.6157 19.4378 84.2746 18.8485C83.9334 18.2438 83.7629 17.4219 83.7629 16.3829V11.5681H81.7858V8.93969H83.7629L84.1118 5.79957H86.903V8.93969H89.9733V11.5681H86.903V16.4295C86.903 16.9567 87.0193 17.3211 87.2519 17.5227C87.4845 17.7243 87.8799 17.8251 88.4382 17.8251H89.9036V20.5H87.8567ZM97.7902 20.7791C96.6892 20.7791 95.689 20.5233 94.7896 20.0115C93.9058 19.4998 93.2002 18.7865 92.673 17.8716C92.1457 16.9567 91.8821 15.91 91.8821 14.7315C91.8821 13.5375 92.1457 12.483 92.673 11.5681C93.2002 10.6532 93.9135 9.93988 94.8129 9.42816C95.7123 8.91643 96.7125 8.66057 97.8135 8.66057C98.9455 8.66057 99.9534 8.91643 100.837 9.42816C101.737 9.93988 102.442 10.6532 102.954 11.5681C103.481 12.483 103.745 13.5375 103.745 14.7315C103.745 15.91 103.481 16.9567 102.954 17.8716C102.442 18.7865 101.737 19.4998 100.837 20.0115C99.9379 20.5233 98.9222 20.7791 97.7902 20.7791ZM97.8135 18.0577C98.3097 18.0577 98.7594 17.9336 99.1626 17.6855C99.5812 17.4374 99.9146 17.0652 100.163 16.569C100.426 16.0728 100.558 15.4603 100.558 14.7315C100.558 13.9872 100.434 13.3669 100.186 12.8707C99.9379 12.3744 99.6045 12.0023 99.1858 11.7542C98.7826 11.5061 98.3329 11.382 97.8367 11.382C97.3405 11.382 96.8831 11.5061 96.4644 11.7542C96.0457 12.0023 95.7123 12.3744 95.4642 12.8707C95.2161 13.3669 95.092 13.9872 95.092 14.7315C95.092 15.4603 95.2161 16.0728 95.4642 16.569C95.7123 17.0652 96.0379 17.4374 96.4411 17.6855C96.8598 17.9336 97.3173 18.0577 97.8135 18.0577Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <g clipPath="url(#clip0_10973_27015)">
+          <path
+            d="M7.47938 10.6561C7.28018 10.5072 7.08047 10.4327 6.88127 10.4327H5.98592V15.7962H6.88179C7.08098 15.7962 7.28069 15.7217 7.47989 15.5728C7.67908 15.424 7.77868 15.2006 7.77868 14.9023V11.3266C7.77817 11.0288 7.67806 10.805 7.47938 10.6561ZM22.0587 1.60547H3.56629C2.32388 1.60547 1.31558 2.61121 1.3125 3.85413V22.3568C1.31558 23.5997 2.32388 24.6055 3.56629 24.6055H22.0587C23.3016 24.6055 24.3094 23.5997 24.3125 22.3568V3.85413C24.3094 2.61121 23.3011 1.60547 22.0587 1.60547ZM9.22902 14.9121C9.22902 15.8778 8.63297 17.341 6.74625 17.3379H4.36411V8.84328H6.79656C8.61603 8.84328 9.22799 10.3044 9.2285 11.2706L9.22902 14.9121ZM14.3979 10.3604H11.6625V12.3328H13.3346V13.8509H11.6625V15.8229H14.3984V17.341H11.2061C10.6331 17.3558 10.1567 16.903 10.1423 16.3301V9.90703C10.1285 9.3346 10.5818 8.8592 11.1542 8.84482H14.3984L14.3979 10.3604ZM19.7187 16.2793C19.041 17.8579 17.8268 17.5438 17.2831 16.2793L15.305 8.84534H16.9771L18.5024 14.6836L20.0205 8.84534H21.6932L19.7187 16.2793Z"
+            fill={theme.vars.palette.primary.main}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_10973_27015">
+            <rect width="24" height="24" fill={theme.vars.palette.primary.main} transform="translate(0.5 1.5)" />
+          </clipPath>
+        </defs>
+      </svg>
+    </Box>
+  );
+}
+
+Devto.propTypes = { imageSize: PropTypes.object };
@@ -0,0 +1,38 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - ENVATO  ***************************/
+
+export default function Envato({ imageSize }) {
+  const theme = useTheme();
+
+  return (
+    <Box
+      sx={{
+        lineHeight: 0,
+        '& svg': { width: imageSize?.width || { xs: 89, sm: 105, md: 106 }, height: imageSize?.height || { xs: 16, sm: 18, md: 26 } }
+      }}
+    >
+      <svg viewBox="0 0 106 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M34.2891 20.7791C33.1106 20.7791 32.0639 20.531 31.149 20.0348C30.2496 19.5386 29.5441 18.8408 29.0323 17.9414C28.5206 17.042 28.2647 16.003 28.2647 14.8245C28.2647 13.6305 28.5129 12.5683 29.0091 11.6379C29.5208 10.7075 30.2264 9.97865 31.1258 9.45142C32.0407 8.92419 33.1029 8.66057 34.3124 8.66057C35.4599 8.66057 36.4678 8.91643 37.3362 9.42816C38.2201 9.92437 38.9024 10.5989 39.3831 11.4518C39.8793 12.3047 40.1274 13.2816 40.1274 14.3826C40.1274 14.5376 40.1274 14.7082 40.1274 14.8943C40.1274 15.0804 40.1119 15.282 40.0809 15.4991H30.521V13.5685H36.9408C36.8943 12.8552 36.6229 12.2892 36.1267 11.8705C35.646 11.4363 35.0412 11.2192 34.3124 11.2192C33.7697 11.2192 33.2734 11.3432 32.8237 11.5914C32.374 11.824 32.0174 12.1806 31.7538 12.6613C31.4902 13.142 31.3584 13.7468 31.3584 14.4756V15.1502C31.3584 15.7704 31.4824 16.3132 31.7305 16.7784C31.9786 17.2281 32.3198 17.5847 32.754 17.8483C33.2037 18.0964 33.7076 18.2205 34.2659 18.2205C34.8396 18.2205 35.3203 18.0964 35.708 17.8483C36.0957 17.5847 36.3903 17.2513 36.5919 16.8482H39.8018C39.5692 17.577 39.197 18.2438 38.6853 18.8485C38.1736 19.4378 37.5456 19.9107 36.8012 20.2674C36.0569 20.6085 35.2195 20.7791 34.2891 20.7791ZM42.6294 20.5V8.93969H45.3973L45.6299 10.8703C45.9866 10.219 46.4983 9.69177 47.1651 9.2886C47.8319 8.86991 48.6305 8.66057 49.5609 8.66057C50.5223 8.66057 51.3364 8.86991 52.0032 9.2886C52.67 9.69177 53.1817 10.2888 53.5384 11.0796C53.895 11.8705 54.0734 12.8474 54.0734 14.0104V20.5H50.9332V14.2895C50.9332 13.3436 50.7394 12.6148 50.3517 12.1031C49.9641 11.5758 49.3515 11.3122 48.5142 11.3122C47.987 11.3122 47.514 11.444 47.0953 11.7077C46.6766 11.9558 46.351 12.3202 46.1184 12.8009C45.8858 13.2661 45.7695 13.8398 45.7695 14.5221V20.5H42.6294ZM59.9198 20.5L55.6865 8.93969H58.9894L61.8272 17.546L64.6882 8.93969H67.9446L63.7113 20.5H59.9198ZM73.0926 20.7791C72.1156 20.7791 71.3015 20.6241 70.6502 20.3139C70.0145 20.0038 69.5415 19.5851 69.2314 19.0579C68.9212 18.5151 68.7662 17.9259 68.7662 17.2901C68.7662 16.5923 68.9445 15.972 69.3011 15.4293C69.6733 14.8865 70.2316 14.4679 70.9759 14.1732C71.7202 13.8631 72.6584 13.708 73.7904 13.708H76.6979C76.6979 13.1498 76.6126 12.6923 76.442 12.3357C76.287 11.9635 76.0388 11.6844 75.6977 11.4983C75.3721 11.3122 74.9534 11.2192 74.4416 11.2192C73.8369 11.2192 73.3174 11.351 72.8832 11.6146C72.4645 11.8782 72.2087 12.2814 72.1156 12.8241H69.0685C69.1461 11.9713 69.4252 11.2425 69.9059 10.6377C70.3866 10.0174 71.0224 9.5367 71.8132 9.19555C72.6041 8.8389 73.4802 8.66057 74.4416 8.66057C75.5426 8.66057 76.4963 8.84665 77.3026 9.21882C78.109 9.59098 78.7293 10.126 79.1635 10.8238C79.6132 11.5216 79.838 12.3744 79.838 13.3824V20.5H77.1863L76.8374 18.709C76.6824 19.0191 76.4808 19.2982 76.2327 19.5463C76.0001 19.7944 75.7287 20.0115 75.4186 20.1976C75.1084 20.3837 74.7595 20.5233 74.3719 20.6163C73.9842 20.7248 73.5578 20.7791 73.0926 20.7791ZM73.8369 18.3601C74.2556 18.3601 74.62 18.2903 74.9301 18.1507C75.2558 17.9957 75.5271 17.7941 75.7442 17.546C75.9768 17.2978 76.1551 17.011 76.2792 16.6853C76.4188 16.3442 76.5118 15.9953 76.5583 15.6386V15.6154H74.1393C73.6586 15.6154 73.2631 15.6774 72.953 15.8014C72.6584 15.9255 72.4413 16.0961 72.3017 16.3132C72.1621 16.5148 72.0924 16.7551 72.0924 17.0342C72.0924 17.3134 72.1621 17.5537 72.3017 17.7553C72.4413 17.9569 72.6429 18.112 72.9065 18.2205C73.1701 18.3135 73.4802 18.3601 73.8369 18.3601ZM87.7732 20.5C86.9513 20.5 86.2303 20.3759 85.61 20.1278C85.0052 19.8642 84.5323 19.4378 84.1911 18.8485C83.85 18.2438 83.6794 17.4219 83.6794 16.3829V11.5681H81.7023V8.93969H83.6794L84.0283 5.79957H86.8195V8.93969H89.8899V11.5681H86.8195V16.4295C86.8195 16.9567 86.9358 17.3211 87.1684 17.5227C87.401 17.7243 87.7964 17.8251 88.3547 17.8251H89.8201V20.5H87.7732ZM97.7067 20.7791C96.6057 20.7791 95.6056 20.5233 94.7062 20.0115C93.8223 19.4998 93.1167 18.7865 92.5895 17.8716C92.0623 16.9567 91.7986 15.91 91.7986 14.7315C91.7986 13.5375 92.0623 12.483 92.5895 11.5681C93.1167 10.6532 93.83 9.93988 94.7294 9.42816C95.6288 8.91643 96.629 8.66057 97.73 8.66057C98.862 8.66057 99.8699 8.91643 100.754 9.42816C101.653 9.93988 102.359 10.6532 102.87 11.5681C103.398 12.483 103.661 13.5375 103.661 14.7315C103.661 15.91 103.398 16.9567 102.87 17.8716C102.359 18.7865 101.653 19.4998 100.754 20.0115C99.8544 20.5233 98.8387 20.7791 97.7067 20.7791ZM97.73 18.0577C98.2262 18.0577 98.6759 17.9336 99.0791 17.6855C99.4978 17.4374 99.8312 17.0652 100.079 16.569C100.343 16.0728 100.475 15.4603 100.475 14.7315C100.475 13.9872 100.351 13.3669 100.103 12.8707C99.8544 12.3744 99.521 12.0023 99.1023 11.7542C98.6992 11.5061 98.2495 11.382 97.7532 11.382C97.257 11.382 96.7996 11.5061 96.3809 11.7542C95.9622 12.0023 95.6288 12.3744 95.3807 12.8707C95.1326 13.3669 95.0085 13.9872 95.0085 14.7315C95.0085 15.4603 95.1326 16.0728 95.3807 16.569C95.6288 17.0652 95.9545 17.4374 96.3576 17.6855C96.7763 17.9336 97.2338 18.0577 97.73 18.0577Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <path
+          d="M10.0537 24C10.623 24 11.0821 23.541 11.0821 22.9717C11.0821 22.4024 10.623 21.9434 10.0537 21.9434C9.48447 21.9434 9.02539 22.4024 9.02539 22.9717C9.02539 23.541 9.48447 24 10.0537 24Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <path
+          d="M15.9605 15.9692L10.17 16.5874C10.0659 16.5997 10.0109 16.465 10.0965 16.3977L15.7646 11.9844C16.1319 11.6845 16.3645 11.2131 16.2666 10.7112C16.1686 9.93996 15.532 9.43804 14.7302 9.54209L8.57241 10.4419C8.46223 10.4603 8.40714 10.3195 8.49284 10.2521L14.5955 5.5879C15.8014 4.65138 15.8993 2.80894 14.7975 1.73776C13.7937 0.733909 12.1899 0.764515 11.1861 1.76837L1.33733 11.7885C0.97007 12.1925 0.804802 12.725 0.902739 13.2943C1.06801 14.2002 1.97392 14.8001 2.87984 14.6348L8.18066 13.5514C8.29696 13.5269 8.35817 13.6799 8.26024 13.7473L2.37791 17.5117C1.64339 17.983 1.30673 18.8155 1.53933 19.6541C1.77193 20.7558 2.87984 21.3924 3.95102 21.1292L12.747 18.9624C12.8449 18.9379 12.9184 19.0542 12.8571 19.1338L11.486 20.8293C11.1188 21.3006 11.7186 21.9311 12.2206 21.5638L16.7379 17.8484C17.5397 17.1812 17.0072 15.8713 15.9666 15.9753L15.9605 15.9692Z"
+          fill={theme.vars.palette.primary.main}
+        />
+      </svg>
+    </Box>
+  );
+}
+
+Envato.propTypes = { imageSize: PropTypes.object };
@@ -0,0 +1,36 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - FINANCELY  ***************************/
+
+export default function Financely({ imageSize }) {
+  const theme = useTheme();
+
+  return (
+    <Box
+      sx={{
+        lineHeight: 0,
+        '& svg': { width: imageSize?.width || { xs: 89, sm: 105, md: 147 }, height: imageSize?.height || { xs: 16, sm: 18, md: 26 } }
+      }}
+    >
+      <svg viewBox="0 0 146 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M38.4274 20.3887V4.10655H48.941V6.50235H41.4047V11.0613H47.4989V13.4106H41.4047V20.3887H38.4274ZM52.7738 7.06059C52.2311 7.06059 51.7814 6.89777 51.4247 6.57213C51.0836 6.24649 50.913 5.83556 50.913 5.33934C50.913 4.84312 51.0836 4.43995 51.4247 4.12981C51.7814 3.80417 52.2311 3.64135 52.7738 3.64135C53.3166 3.64135 53.7585 3.80417 54.0997 4.12981C54.4563 4.43995 54.6346 4.84312 54.6346 5.33934C54.6346 5.83556 54.4563 6.24649 54.0997 6.57213C53.7585 6.89777 53.3166 7.06059 52.7738 7.06059ZM51.2852 20.3887V8.85163H54.2625V20.3887H51.2852ZM57.3701 20.3887V8.85163H59.9985L60.2311 10.8055C60.5877 10.1232 61.0995 9.58044 61.7663 9.17727C62.4486 8.77409 63.2472 8.5725 64.1621 8.5725C65.5887 8.5725 66.6974 9.0222 67.4883 9.92159C68.2791 10.821 68.6745 12.1391 68.6745 13.8758V20.3887H65.6972V14.1549C65.6972 13.1625 65.4956 12.4027 65.0925 11.8754C64.6893 11.3482 64.0613 11.0846 63.2084 11.0846C62.371 11.0846 61.681 11.3792 61.1382 11.9685C60.611 12.5577 60.3474 13.3796 60.3474 14.4341V20.3887H57.3701ZM75.499 20.6678C74.5066 20.6678 73.6925 20.5127 73.0567 20.2026C72.4209 19.8769 71.948 19.4505 71.6378 18.9233C71.3277 18.3961 71.1726 17.8145 71.1726 17.1788C71.1726 16.1088 71.5913 15.2404 72.4287 14.5736C73.266 13.9068 74.5221 13.5734 76.1968 13.5734H79.1276V13.2943C79.1276 12.5035 78.9028 11.922 78.4531 11.5498C78.0034 11.1776 77.4451 10.9916 76.7783 10.9916C76.1736 10.9916 75.6463 11.1389 75.1966 11.4335C74.7469 11.7126 74.4678 12.1313 74.3593 12.6896H71.4518C71.5293 11.8522 71.8084 11.1234 72.2891 10.5031C72.7853 9.88283 73.4211 9.40987 74.1965 9.08423C74.9718 8.74308 75.8402 8.5725 76.8016 8.5725C78.4453 8.5725 79.7401 8.98343 80.686 9.80529C81.632 10.6272 82.1049 11.7902 82.1049 13.2943V20.3887H79.5696L79.2904 18.5279C78.9493 19.1481 78.4686 19.6599 77.8483 20.063C77.2435 20.4662 76.4604 20.6678 75.499 20.6678ZM76.1736 18.3418C77.0264 18.3418 77.6855 18.0627 78.1507 17.5044C78.6314 16.9462 78.9338 16.2561 79.0578 15.4343H76.5225C75.7316 15.4343 75.1656 15.5816 74.8245 15.8762C74.4833 16.1553 74.3128 16.5042 74.3128 16.9229C74.3128 17.3726 74.4833 17.7215 74.8245 17.9696C75.1656 18.2177 75.6153 18.3418 76.1736 18.3418ZM84.9461 20.3887V8.85163H87.5745L87.8071 10.8055C88.1638 10.1232 88.6755 9.58044 89.3423 9.17727C90.0246 8.77409 90.8232 8.5725 91.7381 8.5725C93.1647 8.5725 94.2734 9.0222 95.0643 9.92159C95.8551 10.821 96.2506 12.1391 96.2506 13.8758V20.3887H93.2733V14.1549C93.2733 13.1625 93.0717 12.4027 92.6685 11.8754C92.2653 11.3482 91.6373 11.0846 90.7844 11.0846C89.947 11.0846 89.257 11.3792 88.7143 11.9685C88.187 12.5577 87.9234 13.3796 87.9234 14.4341V20.3887H84.9461ZM104.75 20.6678C103.571 20.6678 102.532 20.4119 101.633 19.9002C100.734 19.3885 100.02 18.6752 99.493 17.7603C98.9813 16.8454 98.7254 15.7987 98.7254 14.6201C98.7254 13.4416 98.9813 12.3949 99.493 11.48C100.02 10.5651 100.734 9.85181 101.633 9.34009C102.532 8.82837 103.571 8.5725 104.75 8.5725C106.223 8.5725 107.463 8.96017 108.471 9.73551C109.479 10.4953 110.123 11.5498 110.402 12.8989H107.262C107.107 12.3407 106.797 11.9065 106.331 11.5963C105.882 11.2707 105.347 11.1079 104.727 11.1079C103.905 11.1079 103.207 11.418 102.633 12.0383C102.059 12.6585 101.772 13.5192 101.772 14.6201C101.772 15.7211 102.059 16.5818 102.633 17.202C103.207 17.8223 103.905 18.1324 104.727 18.1324C105.347 18.1324 105.882 17.9774 106.331 17.6672C106.797 17.3571 107.107 16.9152 107.262 16.3414H110.402C110.123 17.644 109.479 18.6907 108.471 19.4815C107.463 20.2724 106.223 20.6678 104.75 20.6678ZM118.65 20.6678C117.487 20.6678 116.456 20.4197 115.557 19.9235C114.657 19.4273 113.952 18.7294 113.44 17.8301C112.928 16.9307 112.672 15.8917 112.672 14.7132C112.672 13.5192 112.921 12.457 113.417 11.5265C113.928 10.5961 114.626 9.87507 115.51 9.36335C116.41 8.83612 117.464 8.5725 118.674 8.5725C119.806 8.5725 120.806 8.82061 121.674 9.31683C122.542 9.81305 123.217 10.4953 123.698 11.3637C124.194 12.2166 124.442 13.1703 124.442 14.2247C124.442 14.3953 124.434 14.5736 124.419 14.7597C124.419 14.9458 124.411 15.1396 124.396 15.3412H115.626C115.688 16.2406 115.999 16.9462 116.557 17.4579C117.131 17.9696 117.821 18.2255 118.627 18.2255C119.232 18.2255 119.736 18.0937 120.139 17.8301C120.558 17.5509 120.868 17.1943 121.069 16.7601H124.093C123.876 17.4889 123.512 18.1557 123 18.7605C122.504 19.3497 121.883 19.8149 121.139 20.1561C120.41 20.4972 119.581 20.6678 118.65 20.6678ZM118.674 10.9916C117.945 10.9916 117.301 11.2009 116.743 11.6196C116.185 12.0228 115.828 12.643 115.673 13.4804H121.418C121.372 12.7206 121.093 12.1158 120.581 11.6661C120.069 11.2164 119.433 10.9916 118.674 10.9916ZM126.946 20.3887V3.64135H129.923V20.3887H126.946ZM134.408 25.5059L137.083 19.6211H136.385L131.896 8.85163H135.129L138.362 16.9694L141.735 8.85163H144.898L137.571 25.5059H134.408Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <rect x="0.287109" width="26.9297" height="23.3604" rx="6.41893" fill={theme.vars.palette.primary.main} />
+        <path
+          d="M28.5524 7.40039H17.7207C15.3573 7.40039 13.4414 9.31629 13.4414 11.6797C13.4414 14.0431 15.3573 15.959 17.7207 15.959H28.5524V7.40039Z"
+          fill={theme.vars.palette.primary.lighter}
+        />
+        <circle cx="17.5771" cy="11.6797" r="2.13964" fill={theme.vars.palette.primary.main} />
+      </svg>
+    </Box>
+  );
+}
+
+Financely.propTypes = { imageSize: PropTypes.object };
@@ -0,0 +1,34 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - MARKETLY  ***************************/
+
+export default function Marketly({ imageSize }) {
+  const theme = useTheme();
+
+  return (
+    <Box
+      sx={{
+        lineHeight: 0,
+        '& svg': { width: imageSize?.width || { xs: 80, sm: 102, md: 131 }, height: imageSize?.height || { xs: 15, sm: 20, md: 26 } }
+      }}
+    >
+      <svg viewBox="0 0 132 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M34.068 20V3.71788H37.6036L42.7906 14.0454L47.9078 3.71788H51.4434V20H48.4661V8.76534L43.9303 17.674H41.5811L37.0453 8.76534V20H34.068ZM58.5101 20.2791C57.5177 20.2791 56.7036 20.1241 56.0678 19.8139C55.432 19.4883 54.959 19.0618 54.6489 18.5346C54.3388 18.0074 54.1837 17.4259 54.1837 16.7901C54.1837 15.7201 54.6024 14.8517 55.4398 14.185C56.2771 13.5182 57.5332 13.1848 59.2079 13.1848H62.1387V12.9056C62.1387 12.1148 61.9138 11.5333 61.4641 11.1611C61.0144 10.789 60.4562 10.6029 59.7894 10.6029C59.1846 10.6029 58.6574 10.7502 58.2077 11.0448C57.758 11.324 57.4789 11.7426 57.3704 12.3009H54.4628C54.5404 11.4635 54.8195 10.7347 55.3002 10.1144C55.7964 9.49415 56.4322 9.0212 57.2075 8.69555C57.9829 8.35441 58.8513 8.18383 59.8127 8.18383C61.4564 8.18383 62.7512 8.59476 63.6971 9.41662C64.643 10.2385 65.116 11.4015 65.116 12.9056V20H62.5806L62.3015 18.1392C61.9604 18.7595 61.4797 19.2712 60.8594 19.6744C60.2546 20.0775 59.4715 20.2791 58.5101 20.2791ZM59.1846 17.9531C60.0375 17.9531 60.6966 17.674 61.1618 17.1157C61.6425 16.5575 61.9449 15.8674 62.0689 15.0456H59.5335C58.7427 15.0456 58.1767 15.1929 57.8356 15.4875C57.4944 15.7666 57.3238 16.1156 57.3238 16.5342C57.3238 16.9839 57.4944 17.3328 57.8356 17.5809C58.1767 17.8291 58.6264 17.9531 59.1846 17.9531ZM67.9572 20V8.46295H70.6088L70.888 10.6261C71.3067 9.88182 71.8726 9.29257 72.586 8.85838C73.3148 8.40868 74.1677 8.18383 75.1446 8.18383V11.324H74.3072C73.6559 11.324 73.0744 11.4247 72.5627 11.6263C72.051 11.8279 71.6478 12.1768 71.3532 12.673C71.074 13.1693 70.9345 13.8593 70.9345 14.7432V20H67.9572ZM77.1795 20V3.25267H80.1568V13.1382L84.2506 8.46295H87.7861L83.0643 13.7198L88.5537 20H84.8321L80.1568 14.2082V20H77.1795ZM95.0513 20.2791C93.8883 20.2791 92.8571 20.031 91.9577 19.5348C91.0583 19.0386 90.3527 18.3408 89.841 17.4414C89.3293 16.542 89.0734 15.503 89.0734 14.3245C89.0734 13.1305 89.3215 12.0683 89.8178 11.1379C90.3295 10.2075 91.0273 9.4864 91.9112 8.97468C92.8106 8.44745 93.865 8.18383 95.0746 8.18383C96.2065 8.18383 97.2067 8.43194 98.0751 8.92816C98.9435 9.42437 99.618 10.1067 100.099 10.9751C100.595 11.8279 100.843 12.7816 100.843 13.8361C100.843 14.0066 100.835 14.185 100.82 14.371C100.82 14.5571 100.812 14.751 100.797 14.9525H92.0275C92.0895 15.8519 92.3996 16.5575 92.9579 17.0692C93.5316 17.5809 94.2217 17.8368 95.028 17.8368C95.6328 17.8368 96.1368 17.705 96.5399 17.4414C96.9586 17.1623 97.2688 16.8056 97.4703 16.3714H100.494C100.277 17.1002 99.9127 17.767 99.4009 18.3718C98.9047 18.961 98.2845 19.4262 97.5401 19.7674C96.8113 20.1085 95.9817 20.2791 95.0513 20.2791ZM95.0746 10.6029C94.3457 10.6029 93.7022 10.8122 93.144 11.2309C92.5857 11.6341 92.2291 12.2544 92.074 13.0917H97.8193C97.7727 12.3319 97.4936 11.7271 96.9819 11.2774C96.4702 10.8277 95.8344 10.6029 95.0746 10.6029ZM108.283 20C107.074 20 106.105 19.7054 105.376 19.1161C104.647 18.5269 104.282 17.4801 104.282 15.976V10.9518H102.305V8.46295H104.282L104.631 5.36935H107.26V8.46295H110.377V10.9518H107.26V15.9992C107.26 16.5575 107.376 16.9452 107.609 17.1623C107.857 17.3638 108.275 17.4646 108.865 17.4646H110.307V20H108.283ZM112.933 20V3.25267H115.91V20H112.933ZM120.395 25.1172L123.069 19.2324H122.372L117.882 8.46295H121.116L124.349 16.5808L127.721 8.46295H130.885L123.558 25.1172H120.395Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <rect x="0.845703" y="14.8545" width="5.91373" height="9.19306" rx="2.95687" fill={theme.vars.palette.primary.main} />
+        <rect x="0.845703" y="0.783203" width="5.91373" height="5.91373" rx="2.95687" fill={theme.vars.palette.primary.main} />
+        <rect x="9.44922" y="7.62695" width="5.91373" height="16.4206" rx="2.95687" fill={theme.vars.palette.primary.main} />
+        <rect x="18.0547" y="0.783203" width="5.91373" height="23.2642" rx="2.95687" fill={theme.vars.palette.secondary.lighter} />
+      </svg>
+    </Box>
+  );
+}
+
+Marketly.propTypes = { imageSize: PropTypes.object };
@@ -0,0 +1,38 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - MUI  ***************************/
+
+export default function Mui({ imageSize }) {
+  const theme = useTheme();
+
+  return (
+    <Box
+      sx={{
+        lineHeight: 0,
+        '& svg': { width: imageSize?.width || { xs: 89, sm: 105, md: 80 }, height: imageSize?.height || { xs: 16, sm: 18, md: 26 } }
+      }}
+    >
+      <svg viewBox="0 0 80 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M37.9217 20.2939V4.01182H41.6666L46.7373 14.1533L51.7383 4.01182H55.4831V20.2939H52.343V9.3384L47.9468 17.9679H45.458L41.0618 9.31514V20.2939H37.9217ZM64.9424 20.5731C63.7484 20.5731 62.6629 20.3327 61.686 19.852C60.7091 19.3713 59.9337 18.6502 59.36 17.6888C58.7862 16.7274 58.4993 15.5023 58.4993 14.0137V4.01182H61.6395V14.037C61.6395 14.8433 61.7713 15.5256 62.0349 16.0839C62.2985 16.6266 62.6862 17.0298 63.1979 17.2934C63.7096 17.557 64.3066 17.6888 64.9889 17.6888C65.7022 17.6888 66.307 17.557 66.8032 17.2934C67.3149 17.0298 67.7026 16.6266 67.9662 16.0839C68.2453 15.5256 68.3849 14.8433 68.3849 14.037V4.01182H71.525V14.0137C71.525 15.5023 71.2226 16.7274 70.6179 17.6888C70.0286 18.6502 69.2378 19.3713 68.2453 19.852C67.2529 20.3327 66.1519 20.5731 64.9424 20.5731ZM74.5156 20.2939V4.01182H77.6557V20.2939H74.5156Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <path
+          d="M9.15706 7.14137L1.18999 2.51105C1.01476 2.41004 0.789629 2.46967 0.687409 2.64491C0.654553 2.7021 0.637516 2.76781 0.638733 2.83353V15.7181C0.638733 15.8507 0.711747 15.9676 0.822486 16.0345L3.79903 17.7844C3.97427 17.8854 4.19939 17.8258 4.30161 17.6493C4.33325 17.5946 4.35029 17.5313 4.35029 17.468V9.0592C4.35151 8.97767 4.41844 8.91318 4.49997 8.91439C4.52552 8.91439 4.54986 8.92169 4.57055 8.93386L9.16436 11.5648C9.6207 11.8252 10.1805 11.8228 10.6344 11.5575L15.1175 8.93386C15.188 8.89371 15.2781 8.91683 15.3182 8.98741C15.3304 9.00931 15.3377 9.03365 15.3377 9.05799V13.1736C15.3377 13.4291 15.2026 13.6652 14.9848 13.7978L10.3691 16.6344C10.2584 16.7014 10.1914 16.8218 10.1926 16.9508V21.0968C10.1926 21.2295 10.2584 21.3463 10.3618 21.4132L16.411 25.2355C16.882 25.5324 17.4782 25.5373 17.9541 25.2501L25.6425 20.6928C26.0915 20.4263 26.3653 19.9432 26.3629 19.4211V11.476C26.3629 11.2728 26.201 11.1073 25.9978 11.106C25.9296 11.106 25.8627 11.1243 25.8043 11.1596L23.3717 12.6296C22.9324 12.8937 22.6623 13.367 22.6586 13.8794V17.8708C22.6586 18.001 22.588 18.1215 22.4749 18.1872L17.9249 20.8705C17.4612 21.1418 16.8868 21.1394 16.4256 20.8632L13.9784 19.3932C13.8056 19.2873 13.7509 19.0609 13.8567 18.8881C13.8835 18.8431 13.92 18.8054 13.9638 18.7762L18.3885 15.858C18.801 15.5867 19.0505 15.1255 19.0505 14.6302V2.83353C19.0493 2.6303 18.8838 2.46724 18.6805 2.46845C18.6173 2.46845 18.554 2.48549 18.4992 2.51713L10.6344 7.14015C10.178 7.40543 9.6134 7.40543 9.15706 7.14015V7.14137Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <path
+          d="M26.2688 3.18067V5.6948C26.2688 6.20225 26.0084 6.67562 25.5776 6.94456L23.1523 8.45108C22.9795 8.55695 22.7532 8.50219 22.6473 8.32818C22.612 8.26977 22.5938 8.20283 22.5938 8.13469V5.50374C22.5938 4.97926 22.8749 4.49493 23.3288 4.23208L25.7175 2.8655C25.8928 2.76449 26.1179 2.82412 26.2201 3.00057C26.2518 3.05533 26.2688 3.11861 26.2688 3.18189V3.18067Z"
+          fill={theme.vars.palette.primary.main}
+        />
+      </svg>
+    </Box>
+  );
+}
+
+Mui.propTypes = { imageSize: PropTypes.object };
@@ -0,0 +1,38 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - REALTOR  ***************************/
+
+export default function Realtor({ imageSize }) {
+  const theme = useTheme();
+
+  return (
+    <Box
+      sx={{
+        lineHeight: 0,
+        '& svg': { width: imageSize?.width || { xs: 74, sm: 88, md: 116 }, height: imageSize?.height || { xs: 18, sm: 21, md: 28 } }
+      }}
+    >
+      <svg viewBox="0 0 115 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M36.4411 20V3.71788H42.4189C43.7215 3.71788 44.7915 3.94273 45.6288 4.39242C46.4817 4.82661 47.1175 5.42362 47.5362 6.18346C47.9549 6.92778 48.1642 7.75739 48.1642 8.67229C48.1642 9.66473 47.9006 10.5719 47.3733 11.3937C46.8616 12.2156 46.0553 12.8126 44.9543 13.1848L48.327 20H44.9078L41.8839 13.5802H39.4184V20H36.4411ZM39.4184 11.3937H42.2329C43.2253 11.3937 43.9541 11.1534 44.4193 10.6727C44.8845 10.192 45.1171 9.55618 45.1171 8.76534C45.1171 7.99 44.8845 7.36972 44.4193 6.90452C43.9696 6.43932 43.233 6.20672 42.2096 6.20672H39.4184V11.3937ZM55.765 20.2791C54.602 20.2791 53.5708 20.031 52.6714 19.5348C51.772 19.0386 51.0664 18.3408 50.5547 17.4414C50.043 16.542 49.7871 15.503 49.7871 14.3245C49.7871 13.1305 50.0352 12.0683 50.5315 11.1379C51.0432 10.2075 51.741 9.4864 52.6249 8.97468C53.5243 8.44745 54.5787 8.18383 55.7883 8.18383C56.9203 8.18383 57.9204 8.43194 58.7888 8.92816C59.6572 9.42437 60.3317 10.1067 60.8125 10.9751C61.3087 11.8279 61.5568 12.7816 61.5568 13.8361C61.5568 14.0066 61.549 14.185 61.5335 14.371C61.5335 14.5571 61.5258 14.751 61.5103 14.9525H52.7412C52.8032 15.8519 53.1133 16.5575 53.6716 17.0692C54.2453 17.5809 54.9354 17.8368 55.7417 17.8368C56.3465 17.8368 56.8505 17.705 57.2537 17.4414C57.6723 17.1623 57.9825 16.8056 58.1841 16.3714H61.2079C60.9908 17.1002 60.6264 17.767 60.1147 18.3718C59.6184 18.961 58.9982 19.4262 58.2538 19.7674C57.525 20.1085 56.6954 20.2791 55.765 20.2791ZM55.7883 10.6029C55.0594 10.6029 54.4159 10.8122 53.8577 11.2309C53.2994 11.6341 52.9428 12.2544 52.7877 13.0917H58.533C58.4864 12.3319 58.2073 11.7271 57.6956 11.2774C57.1839 10.8277 56.5481 10.6029 55.7883 10.6029ZM68.0384 20.2791C67.0459 20.2791 66.2318 20.1241 65.5961 19.8139C64.9603 19.4883 64.4873 19.0618 64.1772 18.5346C63.8671 18.0074 63.712 17.4259 63.712 16.7901C63.712 15.7201 64.1307 14.8517 64.968 14.185C65.8054 13.5182 67.0615 13.1848 68.7362 13.1848H71.667V12.9056C71.667 12.1148 71.4421 11.5333 70.9924 11.1611C70.5427 10.789 69.9845 10.6029 69.3177 10.6029C68.7129 10.6029 68.1857 10.7502 67.736 11.0448C67.2863 11.324 67.0072 11.7426 66.8986 12.3009H63.9911C64.0686 11.4635 64.3478 10.7347 64.8285 10.1144C65.3247 9.49415 65.9605 9.0212 66.7358 8.69555C67.5111 8.35441 68.3795 8.18383 69.3409 8.18383C70.9847 8.18383 72.2795 8.59476 73.2254 9.41662C74.1713 10.2385 74.6443 11.4015 74.6443 12.9056V20H72.1089L71.8298 18.1392C71.4886 18.7595 71.0079 19.2712 70.3877 19.6744C69.7829 20.0775 68.9998 20.2791 68.0384 20.2791ZM68.7129 17.9531C69.5658 17.9531 70.2248 17.674 70.69 17.1157C71.1707 16.5575 71.4731 15.8674 71.5972 15.0456H69.0618C68.271 15.0456 67.705 15.1929 67.3638 15.4875C67.0227 15.7666 66.8521 16.1156 66.8521 16.5342C66.8521 16.9839 67.0227 17.3328 67.3638 17.5809C67.705 17.8291 68.1547 17.9531 68.7129 17.9531ZM77.4855 20V3.25267H80.4628V20H77.4855ZM88.6454 20C87.4359 20 86.4667 19.7054 85.7379 19.1161C85.0091 18.5269 84.6447 17.4801 84.6447 15.976V10.9518H82.6676V8.46295H84.6447L84.9936 5.36935H87.622V8.46295H90.7389V10.9518H87.622V15.9992C87.622 16.5575 87.7383 16.9452 87.9709 17.1623C88.219 17.3638 88.6377 17.4646 89.2269 17.4646H90.6691V20H88.6454ZM98.5357 20.2791C97.4192 20.2791 96.4113 20.0233 95.5119 19.5115C94.628 18.9998 93.9225 18.2943 93.3952 17.3949C92.8835 16.48 92.6277 15.4255 92.6277 14.2315C92.6277 13.0375 92.8913 11.9907 93.4185 11.0914C93.9457 10.1765 94.6513 9.46314 95.5352 8.95142C96.4346 8.43969 97.4425 8.18383 98.559 8.18383C99.66 8.18383 100.652 8.43969 101.536 8.95142C102.436 9.46314 103.141 10.1765 103.653 11.0914C104.18 11.9907 104.444 13.0375 104.444 14.2315C104.444 15.4255 104.18 16.48 103.653 17.3949C103.141 18.2943 102.436 18.9998 101.536 19.5115C100.637 20.0233 99.6367 20.2791 98.5357 20.2791ZM98.5357 17.6972C99.3111 17.6972 99.9856 17.4104 100.559 16.8366C101.133 16.2474 101.42 15.379 101.42 14.2315C101.42 13.084 101.133 12.2233 100.559 11.6496C99.9856 11.0603 99.3188 10.7657 98.559 10.7657C97.7682 10.7657 97.0859 11.0603 96.5121 11.6496C95.9539 12.2233 95.6747 13.084 95.6747 14.2315C95.6747 15.379 95.9539 16.2474 96.5121 16.8366C97.0859 17.4104 97.7604 17.6972 98.5357 17.6972ZM107.106 20V8.46295H109.757L110.037 10.6261C110.455 9.88182 111.021 9.29257 111.735 8.85838C112.463 8.40868 113.316 8.18383 114.293 8.18383V11.324H113.456C112.805 11.324 112.223 11.4247 111.711 11.6263C111.2 11.8279 110.796 12.1768 110.502 12.673C110.223 13.1693 110.083 13.8593 110.083 14.7432V20H107.106Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <path
+          d="M0.929688 1.80261C0.929688 1.0832 1.51288 0.5 2.23229 0.5H6.62708C7.34649 0.5 7.92969 1.0832 7.92969 1.80261V15.5H0.929688V1.80261Z"
+          fill={theme.vars.palette.secondary.lighter}
+        />
+        <path
+          d="M1.2219 26.3364H23.6777C24.0839 26.3364 24.4132 26.0071 24.4132 25.6008V12.2911C24.4132 12.0734 24.3169 11.867 24.1501 11.7272L12.9222 2.31965C12.6489 2.09065 12.2507 2.09065 11.9774 2.31965L0.749488 11.7272C0.582685 11.867 0.486328 12.0734 0.486328 12.2911V25.6008C0.486328 26.0071 0.815656 26.3364 1.2219 26.3364Z"
+          fill={theme.vars.palette.primary.main}
+        />
+      </svg>
+    </Box>
+  );
+}
+
+Realtor.propTypes = { imageSize: PropTypes.object };
@@ -0,0 +1,46 @@
+'use client';
+import PropTypes from 'prop-types';
+
+import { useId } from 'react';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - REDDIT  ***************************/
+
+export default function Reddit({ imageSize }) {
+  const theme = useTheme();
+  const uniqueId = useId(); // Generate a unique ID
+
+  return (
+    <Box
+      sx={{
+        lineHeight: 0,
+        '& svg': { width: imageSize?.width || { xs: 89, sm: 105, md: 110 }, height: imageSize?.height || { xs: 16, sm: 18, md: 26 } }
+      }}
+    >
+      <svg viewBox="0 0 110 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clipPath={`url(#${uniqueId})`}>
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23.627 13.126C23.627 19.4773 18.4782 24.626 12.127 24.626C5.77568 24.626 0.626953 19.4773 0.626953 13.126C0.626953 6.7747 5.77568 1.62598 12.127 1.62598C18.4782 1.62598 23.627 6.7747 23.627 13.126ZM18.0549 11.508C18.9838 11.4765 19.7615 12.1997 19.7957 13.1259C19.8072 13.7719 19.4441 14.3666 18.8665 14.6554C18.878 14.824 18.878 14.9927 18.8665 15.1614C18.8665 17.7397 15.865 19.8322 12.1633 19.8322C8.46157 19.8322 5.46007 17.7369 5.46007 15.1614C5.44857 14.9927 5.44857 14.824 5.46007 14.6554C5.29141 14.581 5.14012 14.4752 5.00851 14.3523C4.33103 13.7177 4.2996 12.6544 4.93414 11.9797C5.56868 11.3022 6.63205 11.2708 7.30672 11.9053C8.63305 11.0078 10.1909 10.5161 11.7917 10.4903L12.6407 6.49984V6.49422C12.6836 6.29974 12.8753 6.17963 13.0667 6.22256L15.8852 6.7858C16.0651 6.47122 16.391 6.25962 16.7541 6.22256C17.3858 6.15382 17.9516 6.61126 18.0204 7.24299C18.0891 7.87473 17.6317 8.44078 16.9999 8.50927C16.3682 8.57802 15.8022 8.12057 15.7337 7.48884L13.2724 6.97134L12.5264 10.5588C14.1073 10.5931 15.6452 11.0819 16.9545 11.9738C17.2517 11.6909 17.6432 11.5223 18.0549 11.508ZM9.44776 13.1259C8.81322 13.1259 8.29572 13.6434 8.29572 14.2779C8.29572 14.9125 8.81041 15.4241 9.44776 15.43C10.0823 15.43 10.5998 14.9125 10.5998 14.2779C10.5998 13.6434 10.0823 13.1259 9.44776 13.1259ZM14.9762 17.4394V17.4851C15.1019 17.3622 15.1047 17.1565 14.9818 17.0308C14.8586 16.905 14.6529 16.9022 14.5272 17.0251C13.827 17.5253 12.9808 17.7711 12.1232 17.7254C11.2658 17.7655 10.4225 17.5081 9.73066 17.0021C9.61336 16.9078 9.45032 16.9078 9.33609 17.0021C9.20447 17.1108 9.18454 17.3078 9.29315 17.4394C10.1109 18.054 11.1112 18.3686 12.1347 18.3257C13.1582 18.3683 14.1587 18.054 14.9762 17.4394ZM14.7618 15.5128H14.819C15.4536 15.487 15.9481 14.9526 15.9225 14.3178C15.9225 13.6832 15.405 13.1657 14.7705 13.1657C14.1359 13.1657 13.6184 13.6832 13.6184 14.3178C13.6184 14.9523 14.1359 15.4698 14.7705 15.4698L14.7618 15.5128Z"
+            fill={theme.vars.palette.primary.main}
+          />
+        </g>
+        <path
+          d="M36.0584 20.5V4.21788H42.1526C43.4552 4.21788 44.5329 4.44273 45.3858 4.89242C46.2541 5.34212 46.8977 5.94688 47.3164 6.70672C47.735 7.45104 47.9444 8.28065 47.9444 9.19555C47.9444 10.0639 47.735 10.878 47.3164 11.6379C46.9132 12.3822 46.2774 12.987 45.409 13.4522C44.5561 13.9019 43.4552 14.1267 42.1061 14.1267H39.1986V20.5H36.0584ZM44.5019 20.5L41.1524 13.3359H44.5484L48.0839 20.5H44.5019ZM39.1986 11.8472H41.9665C42.9124 11.8472 43.6102 11.6146 44.0599 11.1494C44.5096 10.6842 44.7345 10.0717 44.7345 9.31186C44.7345 8.55202 44.5096 7.95501 44.0599 7.52082C43.6257 7.07113 42.9202 6.84628 41.9433 6.84628H39.1986V11.8472ZM55.5657 20.7791C54.3872 20.7791 53.3405 20.531 52.4256 20.0348C51.5262 19.5386 50.8206 18.8408 50.3089 17.9414C49.7972 17.042 49.5413 16.003 49.5413 14.8245C49.5413 13.6305 49.7894 12.5683 50.2857 11.6379C50.7974 10.7075 51.5029 9.97865 52.4023 9.45142C53.3172 8.92419 54.3795 8.66057 55.589 8.66057C56.7365 8.66057 57.7444 8.91643 58.6128 9.42816C59.4967 9.92437 60.179 10.5989 60.6597 11.4518C61.1559 12.3047 61.404 13.2816 61.404 14.3826C61.404 14.5376 61.404 14.7082 61.404 14.8943C61.404 15.0804 61.3885 15.282 61.3575 15.4991H51.7976V13.5685H58.2174C58.1709 12.8552 57.8995 12.2892 57.4033 11.8705C56.9226 11.4363 56.3178 11.2192 55.589 11.2192C55.0462 11.2192 54.55 11.3432 54.1003 11.5914C53.6506 11.824 53.294 12.1806 53.0304 12.6613C52.7667 13.142 52.6349 13.7468 52.6349 14.4756V15.1502C52.6349 15.7704 52.759 16.3132 53.0071 16.7784C53.2552 17.2281 53.5964 17.5847 54.0306 17.8483C54.4802 18.0964 54.9842 18.2205 55.5425 18.2205C56.1162 18.2205 56.5969 18.0964 56.9846 17.8483C57.3723 17.5847 57.6669 17.2513 57.8685 16.8482H61.0784C60.8458 17.577 60.4736 18.2438 59.9619 18.8485C59.4502 19.4378 58.8221 19.9107 58.0778 20.2674C57.3335 20.6085 56.4961 20.7791 55.5657 20.7791ZM69.2093 20.7791C68.1238 20.7791 67.1546 20.5155 66.3017 19.9883C65.4489 19.461 64.7743 18.74 64.2781 17.8251C63.7819 16.8947 63.5338 15.8557 63.5338 14.7082C63.5338 13.5452 63.7819 12.514 64.2781 11.6146C64.7743 10.6997 65.4489 9.97865 66.3017 9.45142C67.1701 8.92419 68.1393 8.66057 69.2093 8.66057C70.0621 8.66057 70.8065 8.82339 71.4422 9.14903C72.0935 9.45917 72.613 9.90111 73.0007 10.4749V3.75267H76.1408V20.5H73.3496L73.0007 18.895C72.7526 19.2362 72.4579 19.5541 72.1168 19.8487C71.7756 20.1278 71.3647 20.3527 70.884 20.5233C70.4033 20.6938 69.845 20.7791 69.2093 20.7791ZM69.9071 18.0344C70.5273 18.0344 71.0778 17.8949 71.5585 17.6157C72.0393 17.3211 72.4114 16.9257 72.675 16.4295C72.9386 15.9333 73.0705 15.3673 73.0705 14.7315C73.0705 14.0802 72.9386 13.5064 72.675 13.0102C72.4114 12.4985 72.0393 12.1031 71.5585 11.824C71.0778 11.5448 70.5273 11.4053 69.9071 11.4053C69.3023 11.4053 68.7596 11.5526 68.2789 11.8472C67.7981 12.1263 67.4182 12.514 67.1391 13.0102C66.8755 13.5064 66.7437 14.0724 66.7437 14.7082C66.7437 15.3595 66.8755 15.9333 67.1391 16.4295C67.4027 16.9257 67.7749 17.3211 68.2556 17.6157C68.7518 17.8949 69.3023 18.0344 69.9071 18.0344ZM84.4738 20.7791C83.3883 20.7791 82.4191 20.5155 81.5662 19.9883C80.7134 19.461 80.0388 18.74 79.5426 17.8251C79.0464 16.8947 78.7983 15.8557 78.7983 14.7082C78.7983 13.5452 79.0464 12.514 79.5426 11.6146C80.0388 10.6997 80.7134 9.97865 81.5662 9.45142C82.4346 8.92419 83.4038 8.66057 84.4738 8.66057C85.3266 8.66057 86.071 8.82339 86.7067 9.14903C87.358 9.45917 87.8775 9.90111 88.2652 10.4749V3.75267H91.4053V20.5H88.6141L88.2652 18.895C88.0171 19.2362 87.7224 19.5541 87.3813 19.8487C87.0401 20.1278 86.6292 20.3527 86.1485 20.5233C85.6678 20.6938 85.1095 20.7791 84.4738 20.7791ZM85.1716 18.0344C85.7918 18.0344 86.3423 17.8949 86.823 17.6157C87.3037 17.3211 87.6759 16.9257 87.9395 16.4295C88.2031 15.9333 88.3349 15.3673 88.3349 14.7315C88.3349 14.0802 88.2031 13.5064 87.9395 13.0102C87.6759 12.4985 87.3037 12.1031 86.823 11.824C86.3423 11.5448 85.7918 11.4053 85.1716 11.4053C84.5668 11.4053 84.0241 11.5526 83.5433 11.8472C83.0626 12.1263 82.6827 12.514 82.4036 13.0102C82.14 13.5064 82.0082 14.0724 82.0082 14.7082C82.0082 15.3595 82.14 15.9333 82.4036 16.4295C82.6672 16.9257 83.0394 17.3211 83.5201 17.6157C84.0163 17.8949 84.5668 18.0344 85.1716 18.0344ZM94.528 20.5V8.93969H97.6681V20.5H94.528ZM96.0864 7.28822C95.5282 7.28822 95.063 7.11765 94.6908 6.7765C94.3341 6.43535 94.1558 6.01666 94.1558 5.52045C94.1558 4.99322 94.3341 4.56678 94.6908 4.24114C95.063 3.9155 95.5282 3.75267 96.0864 3.75267C96.6602 3.75267 97.1254 3.9155 97.482 4.24114C97.8542 4.56678 98.0403 4.99322 98.0403 5.52045C98.0403 6.01666 97.8542 6.43535 97.482 6.7765C97.1254 7.11765 96.6602 7.28822 96.0864 7.28822ZM106.006 20.5C105.184 20.5 104.463 20.3759 103.843 20.1278C103.238 19.8642 102.765 19.4378 102.424 18.8485C102.083 18.2438 101.912 17.4219 101.912 16.3829V11.5681H99.9351V8.93969H101.912L102.261 5.79957H105.052V8.93969H108.123V11.5681H105.052V16.4295C105.052 16.9567 105.169 17.3211 105.401 17.5227C105.634 17.7243 106.029 17.8251 106.587 17.8251H108.053V20.5H106.006Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <defs>
+          <clipPath id={uniqueId}>
+            <rect width="24" height="24" fill={theme.vars.palette.primary.main} transform="translate(0.5 1)" />
+          </clipPath>
+        </defs>
+      </svg>
+    </Box>
+  );
+}
+
+Reddit.propTypes = { imageSize: PropTypes.object };
@@ -0,0 +1,42 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - TECHLIFY  ***************************/
+
+export default function Techlify({ imageSize }) {
+  const theme = useTheme();
+
+  return (
+    <Box
+      sx={{
+        lineHeight: 0,
+        '& svg': { width: imageSize?.width || { xs: 84, sm: 100, md: 136 }, height: imageSize?.height || { xs: 22, sm: 25, md: 38 } }
+      }}
+    >
+      <svg viewBox="0 0 136 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M19.9316 5.3949C19.9316 3.57484 22.1451 2.67781 23.4122 3.98435L35.0876 16.0232C35.8566 16.816 36.2866 17.8771 36.2866 18.9816V32.9165C36.2866 34.7365 34.0732 35.6335 32.8061 34.327L21.1306 22.2882C20.3617 21.4953 19.9316 20.4342 19.9316 19.3297V5.3949Z"
+          fill={theme.vars.palette.secondary.lighter}
+        />
+        <path
+          d="M9.79688 4.99939C9.79688 3.17933 12.0103 2.2823 13.2774 3.58884L24.7806 15.45C25.66 16.3568 26.1518 17.5704 26.1518 18.8336V32.521C26.1518 34.341 23.9384 35.238 22.6713 33.9315L10.9958 21.8927C10.2269 21.0998 9.79688 20.0387 9.79688 18.9342V4.99939Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <path
+          d="M0 5.3949C0 3.57484 2.21342 2.67781 3.48052 3.98435L15.156 16.0232C15.9249 16.816 16.3549 17.8771 16.3549 18.9816V32.9165C16.3549 34.7365 14.1415 35.6335 12.8744 34.327L1.19896 22.2882C0.430024 21.4953 0 20.4342 0 19.3297V5.3949Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <path
+          d="M51.6602 26.458V12.5717H46.9151V10.1759H59.4058V12.5717H54.6375V26.458H51.6602ZM65.0575 26.7371C63.8945 26.7371 62.8633 26.489 61.9639 25.9928C61.0645 25.4966 60.359 24.7988 59.8472 23.8994C59.3355 23 59.0797 21.961 59.0797 20.7825C59.0797 19.5885 59.3278 18.5263 59.824 17.5959C60.3357 16.6655 61.0335 15.9444 61.9174 15.4327C62.8168 14.9055 63.8713 14.6418 65.0808 14.6418C66.2128 14.6418 67.213 14.8899 68.0813 15.3862C68.9497 15.8824 69.6243 16.5647 70.105 17.4331C70.6012 18.2859 70.8493 19.2396 70.8493 20.2941C70.8493 20.4646 70.8416 20.643 70.826 20.829C70.826 21.0151 70.8183 21.209 70.8028 21.4105H62.0337C62.0957 22.3099 62.4059 23.0155 62.9641 23.5272C63.5379 24.0389 64.2279 24.2948 65.0343 24.2948C65.639 24.2948 66.143 24.163 66.5462 23.8994C66.9649 23.6203 67.275 23.2636 67.4766 22.8294H70.5004C70.2833 23.5582 69.9189 24.225 69.4072 24.8298C68.911 25.4191 68.2907 25.8843 67.5464 26.2254C66.8175 26.5666 65.9879 26.7371 65.0575 26.7371ZM65.0808 17.0609C64.352 17.0609 63.7084 17.2702 63.1502 17.6889C62.5919 18.0921 62.2353 18.7124 62.0802 19.5497H67.8255C67.779 18.7899 67.4998 18.1851 66.9881 17.7354C66.4764 17.2857 65.8406 17.0609 65.0808 17.0609ZM79.0056 26.7371C77.8271 26.7371 76.7882 26.4813 75.8888 25.9695C74.9894 25.4578 74.2761 24.7445 73.7488 23.8296C73.2371 22.9147 72.9812 21.868 72.9812 20.6895C72.9812 19.511 73.2371 18.4643 73.7488 17.5494C74.2761 16.6345 74.9894 15.9211 75.8888 15.4094C76.7882 14.8977 77.8271 14.6418 79.0056 14.6418C80.4788 14.6418 81.7193 15.0295 82.7273 15.8048C83.7352 16.5647 84.3787 17.6191 84.6579 18.9682H81.5177C81.3627 18.41 81.0525 17.9758 80.5873 17.6657C80.1376 17.34 79.6026 17.1772 78.9824 17.1772C78.1605 17.1772 77.4627 17.4873 76.889 18.1076C76.3152 18.7279 76.0283 19.5885 76.0283 20.6895C76.0283 21.7905 76.3152 22.6511 76.889 23.2714C77.4627 23.8916 78.1605 24.2018 78.9824 24.2018C79.6026 24.2018 80.1376 24.0467 80.5873 23.7366C81.0525 23.4264 81.3627 22.9845 81.5177 22.4107H84.6579C84.3787 23.7133 83.7352 24.76 82.7273 25.5509C81.7193 26.3417 80.4788 26.7371 79.0056 26.7371ZM87.3004 26.458V9.71068H90.2777V16.6887C90.6654 16.053 91.1849 15.5567 91.8362 15.2001C92.503 14.8279 93.2628 14.6418 94.1157 14.6418C95.5423 14.6418 96.6433 15.0915 97.4186 15.9909C98.2094 16.8903 98.6049 18.2084 98.6049 19.9452V26.458H95.6508V20.2243C95.6508 19.2318 95.4492 18.472 95.0461 17.9448C94.6584 17.4176 94.0381 17.1539 93.1853 17.1539C92.3479 17.1539 91.6501 17.4486 91.0918 18.0378C90.5491 18.6271 90.2777 19.4489 90.2777 20.5034V26.458H87.3004ZM101.452 26.458V9.71068H104.429V26.458H101.452ZM109.076 13.1299C108.534 13.1299 108.084 12.9671 107.727 12.6415C107.386 12.3158 107.215 11.9049 107.215 11.4087C107.215 10.9125 107.386 10.5093 107.727 10.1991C108.084 9.8735 108.534 9.71068 109.076 9.71068C109.619 9.71068 110.061 9.8735 110.402 10.1991C110.759 10.5093 110.937 10.9125 110.937 11.4087C110.937 11.9049 110.759 12.3158 110.402 12.6415C110.061 12.9671 109.619 13.1299 109.076 13.1299ZM107.588 26.458V14.921H110.565V26.458H107.588ZM114.208 26.458V17.4098H112.626V14.921H114.208V13.5719C114.208 12.1763 114.556 11.1838 115.254 10.5946C115.968 10.0053 116.929 9.71068 118.139 9.71068H119.418V12.246H118.604C118.092 12.246 117.728 12.3468 117.51 12.5484C117.293 12.75 117.185 13.0912 117.185 13.5719V14.921H119.674V17.4098H117.185V26.458H114.208ZM123.474 31.5752L126.149 25.6904H125.451L120.962 14.921H124.195L127.428 23.0388L130.801 14.921H133.964L126.637 31.5752H123.474Z"
+          fill={theme.vars.palette.primary.main}
+        />
+      </svg>
+    </Box>
+  );
+}
+
+Techlify.propTypes = { imageSize: PropTypes.object };
@@ -0,0 +1,22 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - ARROW  ***************************/
+
+export default function Arrow() {
+  const theme = useTheme();
+
+  return (
+    <Box sx={{ '& svg': { width: { xs: 60, sm: 76 }, height: { xs: 76, sm: 81 } } }}>
+      <svg viewBox="0 0 76 81" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M74.8957 2.49454C75.4449 2.55216 75.9369 2.15359 75.9945 1.60432C76.0522 1.05505 75.6536 0.563072 75.1043 0.505456L74.8957 2.49454ZM7.33081 80.7431C7.74121 81.1127 8.37351 81.0796 8.74309 80.6692L14.7658 73.9814C15.1354 73.571 15.1023 72.9387 14.6919 72.5691C14.2815 72.1995 13.6492 72.2326 13.2796 72.643L7.9261 78.5877L1.98138 73.2342C1.57098 72.8646 0.938684 72.8977 0.5691 73.3081C0.199516 73.7185 0.232601 74.3508 0.642999 74.7204L7.33081 80.7431ZM6.25803 65.8463L7.00137 80.0523L8.99863 79.9477L8.2553 65.7418L6.25803 65.8463ZM75.1043 0.505456C36.953 -3.49643 4.25353 27.5381 6.25803 65.8463L8.2553 65.7418C6.31503 28.6611 37.9668 -1.37911 74.8957 2.49454L75.1043 0.505456Z"
+          fill={theme.vars.palette.primary.main}
+        />
+      </svg>
+    </Box>
+  );
+}
@@ -0,0 +1,36 @@
+'use client';
+
+import { useId } from 'react';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - BACKGROUND  ***************************/
+
+export default function Background() {
+  const theme = useTheme();
+  const uniqueId = useId(); // Generate a unique ID
+
+  return (
+    <svg viewBox="0 0 368 380" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clipPath={`url(#${uniqueId})`}>
+        <rect width="368" height="380" fill={theme.vars.palette.grey[100]} />
+        <rect x="-227.643" y="-144.5" width="260.429" height="182" rx="11.5" fill={theme.vars.palette.grey[200]} />
+        <rect x="-227.643" y="-144.5" width="260.429" height="182" rx="11.5" stroke={theme.vars.palette.grey[300]} />
+        <rect x="53.7852" y="-144.5" width="260.429" height="182" rx="11.5" fill={theme.vars.palette.grey[200]} />
+        <rect x="53.7852" y="-144.5" width="260.429" height="182" rx="11.5" stroke={theme.vars.palette.grey[300]} />
+        <rect x="335.215" y="-144.5" width="260.429" height="182" rx="11.5" fill={theme.vars.palette.grey[200]} />
+        <rect x="335.215" y="-144.5" width="260.429" height="182" rx="11.5" stroke={theme.vars.palette.grey[300]} />
+        <rect x="-227.5" y="58.5" width="260" height="225" rx="11.5" fill={theme.vars.palette.grey[200]} />
+        <rect x="-227.5" y="58.5" width="260" height="225" rx="11.5" stroke={theme.vars.palette.grey[300]} />
+        <rect x="335.5" y="58.5" width="260" height="225" rx="11.5" fill={theme.vars.palette.grey[200]} />
+        <rect x="335.5" y="58.5" width="260" height="225" rx="11.5" stroke={theme.vars.palette.grey[300]} />
+      </g>
+      <defs>
+        <clipPath id={uniqueId}>
+          <rect width="368" height="380" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,33 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - DRAWN ARROW  ***************************/
+
+export default function DrawnArrow() {
+  const theme = useTheme();
+
+  return (
+    <svg width="30" height="21" viewBox="0 0 30 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M24.8936 1.85913C24.8936 4.97291 26.3909 7.91338 28 10.4879"
+        stroke={theme.vars.palette.primary.main}
+        strokeWidth="3"
+        strokeLinecap="round"
+      />
+      <path
+        d="M24.4023 14.8591C23.0717 13.8412 21.639 13.0273 20.2525 12.1793C17.563 10.5343 14.8602 8.9136 12.1233 7.42679C8.93329 5.69387 5.68273 4.21606 2.40234 2.85913"
+        stroke={theme.vars.palette.primary.main}
+        strokeWidth="3"
+        strokeLinecap="round"
+      />
+      <path
+        d="M19.5312 17.7869C17.195 17.7869 14.8892 17.8994 12.5741 18.2406C10.8123 18.5003 9.04694 18.9714 7.28067 19.148"
+        stroke={theme.vars.palette.primary.main}
+        strokeWidth="3"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}
@@ -0,0 +1,33 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - GRAPHIC1  ***************************/
+
+export default function Graphic1() {
+  const theme = useTheme();
+
+  return (
+    <svg width="552" height="498" viewBox="0 0 552 498" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M-10 375.234H131.848C153.939 375.234 171.848 393.143 171.848 415.234V507C171.848 529.091 189.756 547 211.848 547H372.796C394.887 547 412.796 529.091 412.796 507V329.352C412.796 307.26 430.704 289.352 452.796 289.352H511C533.091 289.352 551 307.26 551 329.352V396.125C551 418.216 533.091 436.125 511 436.125H297.682C275.591 436.125 257.682 418.216 257.682 396.125V351.605V244.062C257.682 221.971 239.774 204.062 217.682 204.062H192.754C170.662 204.062 152.754 221.971 152.754 244.062V259.531C152.754 281.623 170.662 299.531 192.754 299.531H334.785C356.876 299.531 374.785 281.623 374.785 259.531V107.512C374.785 85.421 392.693 67.5124 414.785 67.5124H458.264C480.356 67.5124 498.264 85.421 498.264 107.512V143.233C498.264 165.324 480.356 183.233 458.264 183.233H340.581C318.49 183.233 300.581 165.324 300.581 143.233V31.7158C300.581 9.62438 282.673 -8.28429 260.581 -8.28429H63.1872C41.0958 -8.28429 23.1872 9.62432 23.1872 31.7157V124.39C23.1872 146.481 41.0958 164.39 63.1872 164.39H131.848C153.939 164.39 171.848 146.481 171.848 124.39V-46"
+        stroke="url(#paint0_radial_1043_75803)"
+        strokeOpacity="0.1"
+      />
+      <defs>
+        <radialGradient
+          id="paint0_radial_1043_75803"
+          cx="0"
+          cy="0"
+          r="1"
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="translate(316.233 200.591) rotate(90) scale(675.854 648.851)"
+        >
+          <stop stopColor={theme.vars.palette.primary.main} />
+          <stop offset="1" stopColor={theme.vars.palette.primary.main} stopOpacity="0" />
+        </radialGradient>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,58 @@
+'use client';
+
+// @mui
+import { keyframes } from '@mui/material/styles';
+import Avatar from '@mui/material/Avatar';
+import CircularProgress from '@mui/material/CircularProgress';
+import Stack from '@mui/material/Stack';
+
+//@project
+import LogoSection from '@/components/logo';
+
+const rotateAnimation = keyframes`
+  0% { transform: rotate(0deg) }
+  100% { transform: rotate(-360deg) }
+`;
+
+const dotAnimation = keyframes`
+  0% { transform: rotate(-360deg) }
+  100% { transform: rotate(0deg) }
+`;
+
+/***************************  PAGE LOADER  ***************************/
+
+export default function PageLoader() {
+  const commonProps = { disableShrink: true, size: 100, variant: 'determinate', thickness: 4, color: 'primary' };
+
+  return (
+    <Stack direction="row" sx={{ position: 'relative', justifyContent: 'center', alignItems: 'center' }}>
+      <Avatar sx={{ width: 65, height: 65, bgcolor: 'primary.lighter', '& .MuiBox-root': { height: 'fit-content', width: 28 } }}>
+        <LogoSection isIcon />
+      </Avatar>
+      <CircularProgress
+        {...commonProps}
+        value={100}
+        rel="noopener noreferrer"
+        aria-label="loading"
+        sx={{
+          position: 'absolute',
+          zIndex: 1,
+          '& .MuiCircularProgress-circle': { strokeLinecap: 'round', strokeDasharray: '6 9.5 !important' },
+          animation: `${dotAnimation} 6s linear infinite`
+        }}
+      />
+      <CircularProgress
+        {...commonProps}
+        value={60}
+        rel="noopener noreferrer"
+        aria-label="loading"
+        sx={{
+          position: 'absolute',
+          zIndex: 1,
+          '& .MuiCircularProgress-circle': { strokeLinecap: 'round' },
+          animation: `${rotateAnimation} 35s linear infinite`
+        }}
+      />
+    </Stack>
+  );
+}
@@ -0,0 +1,39 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - PATTERN 1  ***************************/
+
+export default function Pattern1({ fill }) {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 336 144" fill={fill || 'none'} xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M335.5 72C335.5 81.772 330.881 91.1233 322.442 99.6744C314.001 108.228 301.761 115.953 286.597 122.452C256.271 135.449 214.341 143.5 168 143.5C121.659 143.5 79.7292 135.449 49.403 122.452C34.2391 115.953 21.9995 108.228 13.5581 99.6744C5.11894 91.1233 0.5 81.772 0.5 72C0.5 62.228 5.11894 52.8767 13.5581 44.3256C21.9995 35.7723 34.2391 28.0467 49.403 21.5479C79.7292 8.55097 121.659 0.5 168 0.5C214.341 0.5 256.271 8.55097 286.597 21.5479C301.761 28.0467 314.001 35.7723 322.442 44.3256C330.881 52.8767 335.5 62.228 335.5 72Z"
+        stroke={theme.vars.palette.primary.lighter}
+      />
+      <path
+        d="M292.5 72C292.5 91.6274 278.684 109.492 256.139 122.478C233.607 135.457 202.446 143.5 168 143.5C133.554 143.5 102.393 135.457 79.8612 122.478C57.316 109.492 43.5 91.6274 43.5 72C43.5 52.3726 57.316 34.5076 79.8612 21.5216C102.393 8.54323 133.554 0.5 168 0.5C202.446 0.5 233.607 8.54323 256.139 21.5216C278.684 34.5076 292.5 52.3726 292.5 72Z"
+        stroke={theme.vars.palette.primary.lighter}
+      />
+      <path
+        d="M244.5 72C244.5 111.457 210.282 143.5 168 143.5C125.718 143.5 91.5 111.457 91.5 72C91.5 32.5427 125.718 0.5 168 0.5C210.282 0.5 244.5 32.5427 244.5 72Z"
+        stroke={theme.vars.palette.primary.lighter}
+      />
+      <path
+        d="M204.5 72C204.5 91.8195 200.371 109.738 193.718 122.683C187.052 135.654 177.933 143.5 168 143.5C158.067 143.5 148.948 135.654 142.282 122.683C135.629 109.738 131.5 91.8195 131.5 72C131.5 52.1805 135.629 34.262 142.282 21.3168C148.948 8.3455 158.067 0.5 168 0.5C177.933 0.5 187.052 8.3455 193.718 21.3168C200.371 34.262 204.5 52.1805 204.5 72Z"
+        stroke={theme.vars.palette.primary.lighter}
+      />
+      <path
+        d="M171.5 72C171.5 91.8761 171.052 109.866 170.329 122.884C169.967 129.395 169.537 134.652 169.061 138.277C168.823 140.092 168.575 141.48 168.324 142.406C168.209 142.83 168.099 143.134 168 143.331C167.901 143.134 167.791 142.83 167.676 142.406C167.425 141.48 167.177 140.092 166.939 138.277C166.463 134.652 166.033 129.395 165.671 122.884C164.948 109.866 164.5 91.8761 164.5 72C164.5 52.1239 164.948 34.1336 165.671 21.116C166.033 14.6054 166.463 9.34801 166.939 5.72323C167.177 3.9076 167.425 2.51978 167.676 1.59379C167.791 1.16985 167.901 0.866172 168 0.668538C168.099 0.866172 168.209 1.16985 168.324 1.59379C168.575 2.51978 168.823 3.9076 169.061 5.72323C169.537 9.34801 169.967 14.6054 170.329 21.116C171.052 34.1336 171.5 52.1239 171.5 72Z"
+        stroke={theme.vars.palette.primary.lighter}
+      />
+      <line y1="71.5" x2="336" y2="71.5" stroke={theme.vars.palette.primary.lighter} />
+    </svg>
+  );
+}
+
+Pattern1.propTypes = { fill: PropTypes.string };
@@ -0,0 +1,31 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - PATTERN 2  ***************************/
+
+export default function Pattern2({ fill }) {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 326 227" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M275.5 113.5C275.5 175.91 225.13 226.5 163 226.5C100.87 226.5 50.5 175.91 50.5 113.5C50.5 51.0897 100.87 0.5 163 0.5C225.13 0.5 275.5 51.0897 275.5 113.5Z"
+        fill={fill || 'none'}
+        stroke={theme.vars.palette.primary.lighter}
+      />
+      <path
+        d="M320.251 138.518C319.95 140.371 318.648 142.083 316.296 143.628C313.946 145.173 310.603 146.512 306.35 147.629C297.848 149.863 285.824 151.177 271.132 151.54C241.755 152.266 201.814 149.184 158.275 142.119C114.736 135.054 75.8695 125.346 48.2301 115.368C34.4064 110.378 23.4153 105.329 16.0553 100.521C12.3738 98.1168 9.62626 95.789 7.88508 93.5803C6.14314 91.3706 5.44895 89.3348 5.74963 87.4819C6.05031 85.629 7.35267 83.9172 9.70397 82.3717C12.0543 80.827 15.3968 79.4875 19.6499 78.3705C28.1524 76.1374 40.1762 74.8228 54.8685 74.4599C84.2449 73.7344 124.187 76.8156 167.725 83.8809C211.264 90.9462 250.131 100.654 277.77 110.632C291.594 115.622 302.585 120.671 309.945 125.479C313.626 127.883 316.374 130.211 318.115 132.42C319.857 134.629 320.551 136.665 320.251 138.518Z"
+        stroke={theme.vars.palette.primary.lighter}
+      />
+      <path
+        d="M321.693 99.0223C321.858 100.892 321.017 102.872 319.119 104.949C317.221 107.024 314.311 109.146 310.464 111.275C302.773 115.533 291.442 119.767 277.292 123.735C248.998 131.67 209.527 138.516 165.588 142.386C121.65 146.256 81.5901 146.415 52.345 143.548C37.7183 142.115 25.8224 139.926 17.5055 137.079C13.3453 135.655 10.1093 134.075 7.87802 132.363C5.64573 130.65 4.47173 128.847 4.30703 126.978C4.14234 125.108 4.98321 123.128 6.88171 121.051C8.77939 118.975 11.6894 116.854 15.5366 114.725C23.2277 110.467 34.5579 106.233 48.7087 102.265C77.0025 94.33 116.474 87.4838 160.412 83.6137C204.35 79.7437 244.41 79.5847 273.655 82.4515C288.282 83.8853 300.178 86.0736 308.495 88.921C312.655 90.3454 315.891 91.9251 318.122 93.6372C320.355 95.3501 321.529 97.1524 321.693 99.0223Z"
+        stroke={theme.vars.palette.primary.lighter}
+      />
+    </svg>
+  );
+}
+
+Pattern2.propTypes = { fill: PropTypes.string };
@@ -0,0 +1,26 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - PATTERN 3  ***************************/
+
+export default function Pattern3() {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 408 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        opacity="0.5"
+        d="M408 50H334.5H220.16C206.629 50 195.66 39.031 195.66 25.5V25.5C195.66 11.969 184.691 1 171.16 1H0"
+        stroke="url(#paint0_linear_1357_81746)"
+      />
+      <defs>
+        <linearGradient id="paint0_linear_1357_81746" x1="55.9999" y1="168.5" x2="478" y2="130" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.primary.main} />
+          <stop offset="1" stopColor={theme.vars.palette.primary.main} stopOpacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,26 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - PATTERN 4  ***************************/
+
+export default function Pattern4() {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 156 85" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        opacity="0.5"
+        d="M0 1H56.3396C72.9082 1 86.3396 14.4315 86.3396 31V54C86.3396 70.5685 99.7711 84 116.34 84H156"
+        stroke="url(#paint0_linear_1357_81745)"
+      />
+      <defs>
+        <linearGradient id="paint0_linear_1357_81745" x1="-63.7736" y1="84" x2="178.075" y2="84" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.primary.main} />
+          <stop offset="1" stopColor={theme.vars.palette.primary.main} stopOpacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,26 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - PATTERN 5  ***************************/
+
+export default function Pattern5() {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 280 227" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        opacity="0.5"
+        d="M1 0V64.5C1 81.0685 14.4315 94.5 31 94.5H109.84C126.408 94.5 139.84 107.931 139.84 124.5V147.5C139.84 164.069 153.271 177.5 169.84 177.5H249.5C266.069 177.5 279.5 190.931 279.5 207.5V227"
+        stroke="url(#paint0_linear_1357_81744)"
+      />
+      <defs>
+        <linearGradient id="paint0_linear_1357_81744" x1="-10.2736" y1="177.5" x2="331.5" y2="177.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.primary.main} />
+          <stop offset="1" stopColor={theme.vars.palette.primary.main} stopOpacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,26 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - PATTERN 6  ***************************/
+
+export default function Pattern6() {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 439 232" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        opacity="0.5"
+        d="M439 58.4569H239.815H131.244C115.378 58.4569 102.516 45.5947 102.516 29.7284V29.7284C102.516 13.8621 89.6538 1 73.7875 1H30.5C13.9315 1 0.5 14.4315 0.5 31V232"
+        stroke="url(#paint0_linear_1357_81747)"
+      />
+      <defs>
+        <linearGradient id="paint0_linear_1357_81747" x1="-35.5951" y1="197.409" x2="382.721" y2="165.223" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.primary.main} />
+          <stop offset="1" stopColor={theme.vars.palette.primary.main} stopOpacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,26 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - PATTERN 7  ***************************/
+
+export default function Pattern7() {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 470 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        opacity="0.5"
+        d="M469.5 0.517578H390.84C377.309 0.517578 366.34 11.4866 366.34 25.0176V25.0176C366.34 38.5486 355.371 49.5176 341.84 49.5176H246.885C236.179 49.5176 227.5 40.8387 227.5 30.1328V30.1328C227.5 19.4269 218.821 10.748 208.115 10.748H0"
+        stroke="url(#paint0_linear_1357_81741)"
+      />
+      <defs>
+        <linearGradient id="paint0_linear_1357_81741" x1="506" y1="168.018" x2="84" y2="129.518" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.primary.main} />
+          <stop offset="1" stopColor={theme.vars.palette.primary.main} stopOpacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,26 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - PATTERN 8  ***************************/
+
+export default function Pattern8() {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 197 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        opacity="0.5"
+        d="M196 100.5V11C196 5.47715 191.523 1 186 1H118.589C113.066 1 108.589 5.47715 108.589 11V43C108.589 48.5228 104.111 53 98.5885 53H0"
+        stroke="url(#paint0_linear_1357_81760)"
+      />
+      <defs>
+        <linearGradient id="paint0_linear_1357_81760" x1="320.359" y1="96.2523" x2="-28.9671" y2="79.5362" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.primary.main} />
+          <stop offset="1" stopColor={theme.vars.palette.primary.main} stopOpacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,22 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - PATTERN 9  ***************************/
+
+export default function Pattern9() {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 300 53" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path opacity="0.5" d="M300 1L30.5001 1C13.9316 1 0.500153 14.4315 0.500153 31V53" stroke="url(#paint0_linear_1357_81739)" />
+      <defs>
+        <linearGradient id="paint0_linear_1357_81739" x1="106.5" y1="53" x2="336.498" y2="52.2721" gradientUnits="userSpaceOnUse">
+          <stop stopColor={theme.vars.palette.primary.main} />
+          <stop offset="1" stopColor={theme.vars.palette.primary.main} stopOpacity="0" />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
@@ -0,0 +1,37 @@
+'use client';
+import PropTypes from 'prop-types';
+
+import { useId } from 'react';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - ROUND FAB  ***************************/
+
+export default function RoundFab({ size }) {
+  const theme = useTheme();
+  const uniqueId1 = useId();
+  const uniqueId2 = useId();
+
+  return (
+    <Box className="gradient-fab" sx={{ '& svg': { width: size || { xs: 48, sm: 60 }, height: size || { xs: 48, sm: 60 } } }}>
+      <svg viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect x="1" y="1" width="58" height="58" rx="29" fill={`url(#${uniqueId1})`} />
+        <rect x="1" y="1" width="58" height="58" rx="29" stroke={`url(#${uniqueId2})`} strokeWidth="2" />
+        <defs>
+          <linearGradient id={uniqueId1} x1="58" y1="30" x2="2" y2="30" gradientUnits="userSpaceOnUse">
+            <stop stopColor={theme.vars.palette.secondary.lighter} />
+            <stop offset="1" stopColor={theme.vars.palette.grey[100]} />
+          </linearGradient>
+          <linearGradient id={uniqueId2} x1="60" y1="30.5" x2="-1.5" y2="30.5" gradientUnits="userSpaceOnUse">
+            <stop stopColor={theme.vars.palette.grey[50]} />
+            <stop offset="1" stopColor={theme.vars.palette.secondary.lighter} />
+          </linearGradient>
+        </defs>
+      </svg>
+    </Box>
+  );
+}
+
+RoundFab.propTypes = { size: PropTypes.number };
@@ -0,0 +1,19 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - STAR  ***************************/
+
+export default function Star() {
+  const theme = useTheme();
+
+  return (
+    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M8.5 0C9.95718 3.93797 13.062 7.04282 17 8.5C13.062 9.95718 9.95718 13.062 8.5 17C7.04282 13.062 3.93797 9.95718 0 8.5C3.93797 7.04282 7.04282 3.93797 8.5 0Z"
+        fill={theme.vars.palette.grey[300]}
+      />
+    </svg>
+  );
+}
@@ -0,0 +1,40 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - STAR FAB  ***************************/
+
+export default function StarFab({ size }) {
+  const theme = useTheme();
+
+  return (
+    <Box
+      className="gradient-fab"
+      sx={{ '& svg': { width: size || { xs: 60, sm: 70, md: 80 }, height: size || { xs: 60, sm: 70, md: 80 } } }}
+    >
+      <svg viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M47.552 4.67508L45.6912 3.14787C43.5455 1.38675 40.4545 1.38675 38.3088 3.14787L36.448 4.67509C35.6785 5.30667 34.6395 5.50091 33.6937 5.18995L31.407 4.43804C28.7699 3.57097 25.8877 4.68757 24.523 7.10489L23.3396 9.20116C22.8502 10.0681 21.9515 10.6245 20.9573 10.6762L18.5533 10.8012C15.7812 10.9452 13.4969 13.0276 13.0976 15.7747L12.7514 18.1569C12.6082 19.1421 11.9712 19.9856 11.0628 20.3929L8.86631 21.3779C6.33339 22.5136 4.95561 25.2806 5.57567 27.9864L6.11338 30.3328C6.33575 31.3031 6.04647 32.3198 5.34657 33.0278L3.65418 34.7397C1.70259 36.7138 1.41739 39.7916 2.97302 42.0907L4.32203 44.0844C4.87993 44.9089 4.97746 45.9614 4.58057 46.8744L3.62087 49.0821C2.51418 51.6278 3.36008 54.6008 5.64117 56.1827L7.61931 57.5545C8.43737 58.1218 8.90854 59.068 8.86826 60.0627L8.77086 62.468C8.65855 65.2416 10.5213 67.7083 13.2198 68.3593L15.5599 68.9239C16.5276 69.1573 17.3088 69.8695 17.6306 70.8115L18.4086 73.0896C19.3059 75.7165 21.9339 77.3437 24.6853 76.9759L27.0713 76.657C28.0581 76.5251 29.0438 76.907 29.6841 77.6692L31.2326 79.5123C33.0181 81.6377 36.0565 82.2057 38.4893 80.8689L40.599 79.7096C41.4715 79.2301 42.5285 79.2301 43.401 79.7096L45.5107 80.8689C47.9435 82.2057 50.9818 81.6377 52.7674 79.5123L54.3159 77.6692C54.9562 76.907 55.9419 76.5251 56.9286 76.657L59.3147 76.9759C62.0661 77.3437 64.6941 75.7165 65.5914 73.0896L66.3694 70.8115C66.6912 69.8695 67.4724 69.1573 68.4401 68.9239L70.7802 68.3593C73.4787 67.7083 75.3414 65.2416 75.2291 62.468L75.1317 60.0627C75.0915 59.068 75.5626 58.1218 76.3807 57.5545L78.3588 56.1827C80.6399 54.6008 81.4858 51.6278 80.3791 49.0821L79.4194 46.8744C79.0225 45.9614 79.1201 44.9089 79.678 44.0844L81.027 42.0907C82.5826 39.7916 82.2974 36.7138 80.3458 34.7397L78.6534 33.0278C77.9535 32.3198 77.6642 31.3031 77.8866 30.3328L78.4243 27.9864C79.0444 25.2806 77.6666 22.5136 75.1337 21.3779L72.9372 20.3929C72.0288 19.9856 71.3918 19.1421 71.2486 18.1569L70.9024 15.7747C70.5031 13.0276 68.2188 10.9452 65.4467 10.8012L63.0427 10.6762C62.0485 10.6245 61.1498 10.0681 60.6604 9.20115L59.477 7.10489C58.1123 4.68757 55.2301 3.57097 52.593 4.43804L50.3062 5.18995C49.3605 5.50091 48.3215 5.30667 47.552 4.67508Z"
+          fill="url(#paint0_linear_5005_3474)"
+          stroke="url(#paint1_linear_5005_3474)"
+          strokeWidth="2.90909"
+        />
+        <defs>
+          <linearGradient id="paint0_linear_5005_3474" x1="82" y1="42" x2="2" y2="42" gradientUnits="userSpaceOnUse">
+            <stop stopColor={theme.vars.palette.secondary.lighter} />
+            <stop offset="1" stopColor={theme.vars.palette.grey[100]} />
+          </linearGradient>
+          <linearGradient id="paint1_linear_5005_3474" x1="84.8571" y1="42.7143" x2="-3" y2="42.7143" gradientUnits="userSpaceOnUse">
+            <stop stopColor={theme.vars.palette.grey[50]} />
+            <stop offset="1" stopColor={theme.vars.palette.secondary.lighter} />
+          </linearGradient>
+        </defs>
+      </svg>
+    </Box>
+  );
+}
+
+StarFab.propTypes = { size: PropTypes.number };
@@ -0,0 +1,27 @@
+'use client';
+import PropTypes from 'prop-types';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Stack from '@mui/material/Stack';
+
+/***************************  IMAGE - WAVE  ***************************/
+
+export default function Wave({ size }) {
+  const theme = useTheme();
+
+  return (
+    <Stack className="wave" sx={{ '& svg': { width: size || { xs: 92, sm: 122 }, height: 10 } }} role="presentation">
+      <svg viewBox="0 0 122 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          opacity="0.4"
+          d="M1.46484 6.83613L4.45387 3.7103C7.74598 0.267505 13.38 0.760513 16.0241 4.72277L16.5428 5.50001C19.2423 9.54539 25.1877 9.54539 27.8873 5.5V5.5C30.5869 1.45461 36.5322 1.45461 39.2318 5.5V5.5C41.9314 9.54539 47.8768 9.54539 50.5764 5.5V5.5C53.2759 1.45461 59.2213 1.45461 61.9209 5.5V5.5C64.6205 9.54539 70.5658 9.54539 73.2654 5.5V5.5C75.965 1.45461 81.9104 1.45461 84.61 5.5V5.5C87.3096 9.54539 93.2549 9.54539 95.9545 5.5V5.5C98.6541 1.45461 104.599 1.45461 107.299 5.5V5.5C109.999 9.54539 115.944 9.54539 118.644 5.5L120.534 2.66667"
+          stroke={theme.vars.palette.primary.main}
+          strokeLinecap="round"
+        />
+      </svg>
+    </Stack>
+  );
+}
+
+Wave.propTypes = { size: PropTypes.number };
@@ -0,0 +1,98 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+
+/***************************  IMAGE - ERROR 500 SERVER  ***************************/
+
+export default function Error5001() {
+  const theme = useTheme();
+
+  return (
+    <svg viewBox="0 0 1207 399" fill="none" xmlns="http://www.w3.org/2000/svg" style={{ width: '100%', height: 'auto' }}>
+      <path
+        d="M845.5 315H390.498C368.407 315 350.498 297.091 350.498 275V275C350.498 252.909 368.407 235 390.498 235H459.112C481.418 235 499.5 216.918 499.5 194.612V194.612C499.5 172.75 481.75 155.041 459.888 155.092L256 155.563"
+        stroke={theme.vars.palette.primary.main}
+        strokeOpacity="0.4"
+        strokeWidth="4.37971"
+      />
+      <path
+        opacity="0.5"
+        d="M844.447 315.645C844.578 318.474 845.827 321.134 847.919 323.041C850.011 324.949 852.775 325.947 855.603 325.818L871.068 325.862L870.07 304.521L854.619 304.489C851.791 304.62 849.131 305.869 847.223 307.961C845.316 310.053 844.317 312.817 844.447 315.645Z"
+        fill={theme.vars.palette.primary.main}
+      />
+      <g opacity="0.6">
+        <path
+          d="M969.878 299.751L1002.05 299.179C1002.65 299.168 1003.25 299.023 1003.81 298.751C1004.37 298.48 1004.88 298.088 1005.31 297.598C1005.74 297.107 1006.08 296.528 1006.32 295.893C1006.56 295.258 1006.69 294.58 1006.7 293.898C1006.71 293.215 1006.6 292.541 1006.38 291.915C1006.16 291.289 1005.83 290.722 1005.41 290.247C1004.99 289.772 1004.49 289.399 1003.94 289.148C1003.39 288.897 1002.8 288.774 1002.2 288.785L970.035 289.369L969.878 299.751Z"
+          fill="white"
+        />
+      </g>
+      <g opacity="0.6">
+        <path
+          d="M969.457 342.784L999.895 342.192C1000.58 342.183 1001.25 342.04 1001.89 341.77C1002.52 341.5 1003.1 341.11 1003.59 340.62C1004.08 340.131 1004.47 339.552 1004.74 338.918C1005.01 338.284 1005.16 337.606 1005.17 336.923C1005.19 336.24 1005.06 335.565 1004.81 334.937C1004.56 334.31 1004.19 333.742 1003.72 333.267C1003.24 332.791 1002.68 332.418 1002.05 332.168C1001.43 331.918 1000.75 331.796 1000.07 331.81L969.618 332.365L969.457 342.784Z"
+          fill="white"
+        />
+      </g>
+      <path
+        d="M969.818 300.148C969.857 299.921 969.881 299.692 969.891 299.462L970.005 297.563L970.337 290.61L970.11 290.892L985.155 290.582L994.618 290.33L999.737 290.149L1002.34 290.095C1003.15 290.054 1003.94 290.269 1004.61 290.711C1005.18 291.076 1005.65 291.588 1005.97 292.201C1006.29 292.814 1006.45 293.509 1006.45 294.223C1006.44 294.918 1006.27 295.611 1005.95 296.243C1005.64 296.875 1005.19 297.43 1004.64 297.86C1004.12 298.261 1003.52 298.528 1002.89 298.639C1002.22 298.741 1001.55 298.79 1000.88 298.787L996.866 298.912L982.957 299.44L973.481 299.863L970.915 299.948C970.594 299.953 970.271 299.982 969.951 300.035C970.229 300.076 970.511 300.088 970.795 300.072L973.361 299.987C975.696 299.955 978.885 299.923 982.772 299.85L996.861 299.565L1000.93 299.469C1001.66 299.474 1002.39 299.434 1003.11 299.348C1004.13 299.177 1005.09 298.682 1005.86 297.933C1006.63 297.184 1007.16 296.218 1007.4 295.17C1007.63 294.121 1007.55 293.041 1007.16 292.081C1006.77 291.12 1006.1 290.327 1005.23 289.811C1004.43 289.298 1003.49 289.041 1002.52 289.069L999.93 289.133L994.823 289.325L985.353 289.638L970.324 290.213L970.067 290.221L970.071 290.474L969.994 297.577L970.017 299.41C969.921 299.648 969.854 299.896 969.818 300.148Z"
+        fill="#263238"
+      />
+      <path
+        d="M969.916 342.454C969.953 342.205 969.966 341.951 969.957 341.698C969.979 341.141 970.004 340.466 970.016 339.634L970.15 332.074L969.937 332.374L984.552 332.508L993.726 332.555L998.693 332.523L1001.22 332.548C1002.01 332.549 1002.79 332.811 1003.45 333.305C1004.02 333.727 1004.48 334.303 1004.8 334.982C1005.13 335.662 1005.31 336.424 1005.32 337.202C1005.33 337.959 1005.19 338.708 1004.9 339.385C1004.61 340.062 1004.18 340.648 1003.66 341.092C1003.16 341.511 1002.59 341.786 1001.99 341.895C1001.34 341.975 1000.69 341.998 1000.04 341.965L996.143 341.997L982.635 342.111L973.444 342.264L970.954 342.274C970.645 342.259 970.336 342.285 970.032 342.349C970.032 342.349 970.295 342.386 970.84 342.405L973.292 342.479L982.429 342.635L996.093 342.768L1000.06 342.78C1000.76 342.824 1001.47 342.803 1002.17 342.72C1002.91 342.581 1003.61 342.232 1004.21 341.703C1004.84 341.176 1005.35 340.48 1005.69 339.675C1006.04 338.87 1006.21 337.979 1006.19 337.08C1006.17 336.158 1005.94 335.258 1005.55 334.458C1005.16 333.658 1004.6 332.981 1003.93 332.487C1003.14 331.904 1002.22 331.594 1001.28 331.592C1000.42 331.607 999.58 331.594 998.751 331.567L993.796 331.61L984.617 331.63L970.025 331.784L969.788 331.797L969.787 332.061C969.856 335.285 969.896 337.879 969.926 339.789L969.975 341.788C969.874 342.221 969.906 342.469 969.916 342.454Z"
+        fill="#263238"
+      />
+      <path
+        opacity="0.5"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M896.775 279.407L896.779 280.568C889.549 280.953 882.733 284.063 877.703 289.27C872.674 294.478 869.803 301.398 869.67 308.637L869.502 319.443C869.382 326.889 872.17 334.089 877.273 339.514C882.375 344.938 889.392 348.16 896.832 348.495C896.89 351.085 897.959 353.551 899.811 355.363C901.664 357.175 904.152 358.19 906.743 358.191C909.166 358.188 911.504 357.299 913.318 355.692C915.132 354.085 916.296 351.871 916.591 349.466L970.354 350.565L970.178 314.688L970.177 317.835L932.412 317.823L932.415 310.45L970.158 310.462L969.994 277.153L916.43 277.328C915.92 274.924 914.538 272.795 912.55 271.35C910.562 269.906 908.109 269.25 905.665 269.509C903.222 269.767 900.96 270.922 899.318 272.75C897.676 274.578 896.77 276.95 896.775 279.407ZM970.158 310.462L970.178 314.688L970.18 310.462L970.158 310.462Z"
+        fill={theme.vars.palette.primary.main}
+      />
+      <path
+        d="M896.78 281.41C896.639 282.297 896.574 283.194 896.585 284.093C896.498 285.829 896.431 288.328 896.379 291.42C896.251 297.605 896.24 306.154 896.313 315.591C896.386 325.029 896.465 333.411 896.536 339.762L896.619 347.062C896.595 347.965 896.654 348.869 896.794 349.762C896.935 348.875 897.001 347.978 896.99 347.08C897.076 345.343 897.144 342.844 897.195 339.752C897.323 333.567 897.334 325.019 897.202 315.652L897.038 291.41L896.941 284.099C896.973 283.199 896.919 282.299 896.78 281.41Z"
+        fill="#263238"
+      />
+      <path
+        d="M916.473 278.111C916.326 279.05 916.266 280.001 916.292 280.951C916.241 282.789 916.203 285.457 916.169 288.732C916.13 295.304 916.195 304.373 916.348 314.384C916.501 324.394 916.684 333.32 916.805 340.049C916.892 343.207 916.884 345.78 916.984 347.815C916.969 348.771 917.033 349.727 917.174 350.673C917.3 349.727 917.355 348.774 917.341 347.821C917.391 345.983 917.444 343.326 917.464 340.04C917.503 333.467 917.438 324.398 917.285 314.388L916.816 288.737L916.649 280.957C916.663 280.005 916.604 279.054 916.473 278.111Z"
+        fill="#263238"
+      />
+      <g opacity="0.7">
+        <path
+          opacity="0.5"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M-60 3.33594C-60 1.67909 -58.6569 0.335938 -57 0.335938H246C251.523 0.335938 256 4.81309 256 10.3359V80.3359C256 85.8588 251.523 90.3359 246 90.3359H233V81.3359C233 79.6791 231.657 78.3359 230 78.3359H115C113.343 78.3359 112 79.6791 112 81.3359V90.3359H-60V3.33594ZM-15.442 25.8669C-15.442 32.9143 -21.155 38.6274 -28.2024 38.6274C-35.2498 38.6274 -40.9629 32.9143 -40.9629 25.8669C-40.9629 18.8195 -35.2498 13.1064 -28.2024 13.1064C-21.155 13.1064 -15.442 18.8195 -15.442 25.8669ZM193.51 22.6768C196.153 22.6768 198.295 20.5344 198.295 17.8916C198.295 15.2488 196.153 13.1064 193.51 13.1064C190.867 13.1064 188.725 15.2488 188.725 17.8916C188.725 20.5344 190.867 22.6768 193.51 22.6768ZM211.057 17.8916C211.057 20.5344 208.914 22.6768 206.272 22.6768C203.629 22.6768 201.486 20.5344 201.486 17.8916C201.486 15.2488 203.629 13.1064 206.272 13.1064C208.914 13.1064 211.057 15.2488 211.057 17.8916ZM219.031 22.6768C221.674 22.6768 223.816 20.5344 223.816 17.8916C223.816 15.2488 221.674 13.1064 219.031 13.1064C216.388 13.1064 214.246 15.2488 214.246 17.8916C214.246 20.5344 216.388 22.6768 219.031 22.6768ZM-9.0625 25.6768C-9.0625 24.0199 -7.71935 22.6768 -6.0625 22.6768H38.9793C40.6362 22.6768 41.9793 24.0199 41.9793 25.6768V29.057H-9.0625V25.6768Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <rect x="4" y="90.3359" width="189" height="13" fill={theme.vars.palette.primary.main} />
+        <path
+          opacity="0.5"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M-60 106.336C-60 104.679 -58.6569 103.336 -57 103.336H246C251.523 103.336 256 107.813 256 113.336V183.336C256 188.859 251.523 193.336 246 193.336H233V184.336C233 182.679 231.657 181.336 230 181.336H115C113.343 181.336 112 182.679 112 184.336V193.336H-60V106.336ZM-15.442 128.867C-15.442 135.914 -21.155 141.627 -28.2024 141.627C-35.2498 141.627 -40.9629 135.914 -40.9629 128.867C-40.9629 121.819 -35.2498 116.106 -28.2024 116.106C-21.155 116.106 -15.442 121.819 -15.442 128.867ZM193.51 125.677C196.153 125.677 198.295 123.534 198.295 120.892C198.295 118.249 196.153 116.106 193.51 116.106C190.867 116.106 188.725 118.249 188.725 120.892C188.725 123.534 190.867 125.677 193.51 125.677ZM211.057 120.892C211.057 123.534 208.914 125.677 206.272 125.677C203.629 125.677 201.486 123.534 201.486 120.892C201.486 118.249 203.629 116.106 206.272 116.106C208.914 116.106 211.057 118.249 211.057 120.892ZM219.031 125.677C221.674 125.677 223.816 123.534 223.816 120.892C223.816 118.249 221.674 116.106 219.031 116.106C216.388 116.106 214.246 118.249 214.246 120.892C214.246 123.534 216.388 125.677 219.031 125.677ZM-9.0625 128.677C-9.0625 127.02 -7.71935 125.677 -6.0625 125.677H38.9793C40.6362 125.677 41.9793 127.02 41.9793 128.677V132.057H-9.0625V128.677Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <rect x="4" y="193.336" width="189" height="13" fill={theme.vars.palette.primary.main} />
+        <path
+          opacity="0.5"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M-60 209.336C-60 207.679 -58.6569 206.336 -57 206.336H246C251.523 206.336 256 210.813 256 216.336V286.336C256 291.859 251.523 296.336 246 296.336H233V287.336C233 285.679 231.657 284.336 230 284.336H115C113.343 284.336 112 285.679 112 287.336V296.336H-60V209.336ZM-15.442 231.867C-15.442 238.914 -21.155 244.627 -28.2024 244.627C-35.2498 244.627 -40.9629 238.914 -40.9629 231.867C-40.9629 224.819 -35.2498 219.106 -28.2024 219.106C-21.155 219.106 -15.442 224.819 -15.442 231.867ZM193.51 228.677C196.153 228.677 198.295 226.534 198.295 223.892C198.295 221.249 196.153 219.106 193.51 219.106C190.867 219.106 188.725 221.249 188.725 223.892C188.725 226.534 190.867 228.677 193.51 228.677ZM211.057 223.892C211.057 226.534 208.914 228.677 206.272 228.677C203.629 228.677 201.486 226.534 201.486 223.892C201.486 221.249 203.629 219.106 206.272 219.106C208.914 219.106 211.057 221.249 211.057 223.892ZM219.031 228.677C221.674 228.677 223.816 226.534 223.816 223.892C223.816 221.249 221.674 219.106 219.031 219.106C216.388 219.106 214.246 221.249 214.246 223.892C214.246 226.534 216.388 228.677 219.031 228.677ZM-9.0625 231.677C-9.0625 230.02 -7.71935 228.677 -6.0625 228.677H38.9793C40.6362 228.677 41.9793 230.02 41.9793 231.677V235.057H-9.0625V231.677Z"
+          fill={theme.vars.palette.primary.main}
+        />
+        <rect x="4" y="296.336" width="189" height="13" fill={theme.vars.palette.primary.main} />
+        <path
+          opacity="0.5"
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M-60 312C-60 310.343 -58.6569 309 -57 309H246C251.523 309 256 313.477 256 319V389C256 394.523 251.523 399 246 399H233V390C233 388.343 231.657 387 230 387H115C113.343 387 112 388.343 112 390V399H-60V312ZM-15.442 334.531C-15.442 341.578 -21.155 347.291 -28.2024 347.291C-35.2498 347.291 -40.9629 341.578 -40.9629 334.531C-40.9629 327.484 -35.2498 321.771 -28.2024 321.771C-21.155 321.771 -15.442 327.484 -15.442 334.531ZM193.51 331.341C196.153 331.341 198.295 329.198 198.295 326.556C198.295 323.913 196.153 321.771 193.51 321.771C190.867 321.771 188.725 323.913 188.725 326.556C188.725 329.198 190.867 331.341 193.51 331.341ZM211.057 326.556C211.057 329.198 208.914 331.341 206.272 331.341C203.629 331.341 201.486 329.198 201.486 326.556C201.486 323.913 203.629 321.771 206.272 321.771C208.914 321.771 211.057 323.913 211.057 326.556ZM219.031 331.341C221.674 331.341 223.816 329.198 223.816 326.556C223.816 323.913 221.674 321.771 219.031 321.771C216.388 321.771 214.246 323.913 214.246 326.556C214.246 329.198 216.388 331.341 219.031 331.341ZM-9.0625 334.341C-9.0625 332.684 -7.71935 331.341 -6.0625 331.341H38.9793C40.6362 331.341 41.9793 332.684 41.9793 334.341V337.721H-9.0625V334.341Z"
+          fill={theme.vars.palette.primary.main}
+        />
+      </g>
+      <rect opacity="0.2" x="1110" y="155" width="97" height="97" rx="14" fill={theme.vars.palette.primary.main} />
+      <circle opacity="0.4" cx="1158.5" cy="203.5" r="34.6429" fill={theme.vars.palette.primary.main} />
+      <circle opacity="0.6" cx="1148.5" cy="203.5" r="7.5" fill={theme.vars.palette.primary.main} />
+      <circle opacity="0.6" cx="1168.5" cy="203.5" r="7.5" fill={theme.vars.palette.primary.main} />
+    </svg>
+  );
+}
@@ -0,0 +1,42 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - GOOGLE  ***************************/
+
+export default function Google() {
+  const theme = useTheme();
+
+  return (
+    <Box sx={{ '& svg': { width: { xs: 86, sm: 112 }, height: { xs: 28, sm: 37 } } }}>
+      <svg viewBox="0 0 112 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M14.0649 0.575806H15.0582C18.5064 0.651569 21.8984 2.05318 24.3347 4.53442C23.4352 5.46252 22.5169 6.35274 21.6361 7.28083C20.268 6.03074 18.6189 5.06476 16.8198 4.72383C14.1586 4.15561 11.2913 4.66701 9.06121 6.20121C6.62495 7.81117 4.97579 10.5386 4.61972 13.4555C4.22617 16.3345 5.03201 19.365 6.88732 21.6C8.66766 23.7782 11.385 25.142 14.1961 25.2367C16.8198 25.3882 19.5559 24.5737 21.4674 22.7175C22.9666 21.4106 23.66 19.4219 23.8849 17.4899C20.774 17.4899 17.6631 17.5088 14.5522 17.4899V13.5881H27.6518C28.3264 17.774 27.3519 22.4903 24.2035 25.4829C22.1046 27.6043 19.1998 28.8543 16.2388 29.1006C13.3715 29.3847 10.4105 28.8354 7.86182 27.4338C4.80713 25.7859 2.37087 23.0017 1.17148 19.7249C0.0470472 16.7133 0.0283068 13.304 1.07777 10.2735C2.03354 7.50812 3.8701 5.06476 6.2314 3.3601C8.499 1.67437 11.2538 0.746272 14.0649 0.575806Z"
+          fill={theme.vars.palette.secondary.light}
+        />
+        <path
+          d="M89.2147 1.56079H93.2251V28.6081C91.8945 28.6081 90.5452 28.6271 89.2147 28.5892C89.2334 19.5924 89.2147 10.5766 89.2147 1.56079Z"
+          fill={theme.vars.palette.secondary.light}
+        />
+        <path
+          d="M36.5717 10.9365C39.0455 10.463 41.7253 10.9933 43.7681 12.4896C45.6234 13.8155 46.9165 15.899 47.31 18.1718C47.816 20.8046 47.1788 23.6835 45.4922 25.767C43.6744 28.0967 40.6946 29.3468 37.7898 29.1574C35.1287 29.0058 32.5425 27.6611 30.9683 25.464C29.188 23.0396 28.7569 19.706 29.7314 16.8649C30.7059 13.8155 33.4608 11.4858 36.5717 10.9365ZM37.1339 14.5352C36.1219 14.8004 35.1849 15.3876 34.5103 16.2209C32.6924 18.4181 32.8049 21.9978 34.8101 24.0434C35.9533 25.2177 37.6774 25.767 39.2703 25.445C40.7508 25.1798 42.0439 24.176 42.7561 22.8502C43.9929 20.5962 43.6369 17.49 41.7441 15.7285C40.526 14.592 38.7456 14.1185 37.1339 14.5352Z"
+          fill={theme.vars.palette.secondary.light}
+        />
+        <path
+          d="M56.4351 10.9364C59.2649 10.3871 62.3571 11.1826 64.4748 13.1903C67.923 16.3156 68.2978 22.1683 65.3556 25.767C63.5752 28.0399 60.6892 29.29 57.8406 29.1574C55.1233 29.0817 52.4434 27.7179 50.8317 25.464C49.0139 22.9827 48.6203 19.5734 49.651 16.6754C50.6818 13.7207 53.3804 11.4667 56.4351 10.9364ZM56.9973 14.5351C55.9853 14.8003 55.0483 15.3875 54.3736 16.2019C52.5746 18.3612 52.6495 21.8842 54.5798 23.9487C55.723 25.1799 57.5033 25.786 59.1525 25.445C60.6142 25.1609 61.9261 24.176 62.6382 22.8501C63.8563 20.5772 63.5003 17.471 61.5887 15.7095C60.3706 14.573 58.5903 14.1184 56.9973 14.5351Z"
+          fill={theme.vars.palette.secondary.light}
+        />
+        <path
+          d="M73.2849 12.035C75.44 10.6713 78.3073 10.2925 80.6311 11.4668C81.362 11.7888 81.9617 12.3381 82.5427 12.8874C82.5614 12.376 82.5427 11.8456 82.5614 11.3153C83.817 11.3342 85.0726 11.3153 86.347 11.3342V28.0399C86.3283 30.5591 85.6911 33.2297 83.892 35.067C81.9242 37.0936 78.907 37.7186 76.1896 37.302C73.2849 36.8663 70.7549 34.726 69.6305 32.0175C70.7549 31.4682 71.9356 31.0326 73.0975 30.5212C73.7534 32.0743 75.084 33.4002 76.7519 33.7032C78.4198 34.0063 80.35 33.5896 81.437 32.188C82.5989 30.7485 82.5989 28.7786 82.5427 27.0171C81.6806 27.8695 80.6874 28.6271 79.488 28.9112C76.883 29.6499 74.0158 28.7408 72.0105 26.9603C69.9865 25.1799 68.7872 22.4335 68.8996 19.706C68.9558 16.6187 70.6799 13.645 73.2849 12.035ZM77.1642 14.4595C76.021 14.6489 74.9528 15.2928 74.2219 16.1831C72.4603 18.3044 72.4603 21.6948 74.2406 23.7783C75.2526 25.0094 76.883 25.6913 78.4572 25.5208C79.9377 25.3693 81.3058 24.4223 82.0367 23.1154C83.2736 20.8993 83.0674 17.8877 81.3995 15.9558C80.3688 14.7625 78.7196 14.1753 77.1642 14.4595Z"
+          fill={theme.vars.palette.secondary.light}
+        />
+        <path
+          d="M98.0383 13.001C100.287 10.8796 103.754 10.1599 106.64 11.2774C109.376 12.3191 111.119 14.9519 112 17.6604C107.933 19.3651 103.885 21.0508 99.8187 22.7555C100.381 23.8351 101.243 24.82 102.405 25.2178C104.035 25.8049 105.984 25.5966 107.352 24.498C107.896 24.0813 108.327 23.5321 108.739 23.0017C109.77 23.7025 110.801 24.3844 111.831 25.0852C110.37 27.3013 107.915 28.8544 105.272 29.1006C102.349 29.4605 99.2377 28.3241 97.3449 26.0133C94.234 22.3767 94.5339 16.2778 98.0383 13.001ZM100.044 16.505C99.4064 17.4331 99.144 18.5696 99.1628 19.6871C101.88 18.5506 104.598 17.4142 107.315 16.2588C106.865 15.1981 105.778 14.5541 104.672 14.3837C102.892 14.0617 101.037 15.0277 100.044 16.505Z"
+          fill={theme.vars.palette.secondary.light}
+        />
+      </svg>
+    </Box>
+  );
+}
@@ -0,0 +1,22 @@
+'use client';
+
+// @mui
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+
+/***************************  IMAGE - TWITCH  ***************************/
+
+export default function Twitch() {
+  const theme = useTheme();
+
+  return (
+    <Box sx={{ '& svg': { width: { xs: 79, sm: 108 }, height: { xs: 27, sm: 36 } } }}>
+      <svg viewBox="0 0 109 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M104.247 7.5935H99.4946V0.939697H89.0586L84.2593 7.5935H75.731L72.8794 10.4451V7.5935H66.2256V0.939697H45.3137V7.5935H15.8944L11.0942 0.939697H0.638184V23.7527L13.9458 37.0603H27.2534V33.2581L31.0555 37.0603H56.7202V33.2581L60.5224 37.0603H72.8794V33.2581L76.6816 37.0603H100.445L109 28.5054V12.3462L104.247 7.5935ZM16.7974 17.0989H10.1436V19H16.7974V26.6043H6.34144L2.53927 22.8022V2.84078H10.1436V9.49458H16.7974V17.0989ZM45.3137 26.6043H22.5007L18.6985 22.8022V9.49458H26.3028V19H28.2039V9.49458H35.8083V19H37.7093V9.49458H45.3137V26.6043ZM54.8191 26.6043H47.2148V9.49458H54.8191V26.6043ZM54.8191 7.5935H47.2148V2.84078H54.8191V7.5935ZM70.9783 17.0989H64.3245V19H70.9783V26.6043H60.5224L56.7202 22.8022V2.84078H64.3245V9.49458H70.9783V17.0989ZM88.0881 17.0989H80.4838V19H88.0881V26.6043H76.6816L72.8794 22.8022V13.2968L76.6816 9.49458H88.0881V17.0989ZM107.099 26.6043H99.4946V17.0989H97.5935V26.6043H89.9892V2.84078H97.5935V9.49458H103.297L107.099 13.2968V26.6043Z"
+          fill={theme.vars.palette.secondary.light}
+        />
+      </svg>
+    </Box>
+  );
+}