Homepage migration

packages/nextjs/app/_assets/icons/CrossedSwordsIcon.tsx

@@ -0,0 +1,168 @@
+const CrossedSwordsIcon = ({ className }: { className: string }) => (
+  <svg width="36" height="30" className={className} viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M23.9255 14.3374L25.516 15.9934L25.7926 17.5114L22.6116 20.5474L21.2285 19.9954L10.9938 9.85242L7.18393 5.85042L8.5497 3.38989L11.452 1.85339L15.2813 5.85042L17.3765 7.65045L19.6034 10.0939L23.9255 14.3374Z"
+      fill="#009E9E"
+    />
+    <path
+      d="M28.0973 14.4011L29.617 12.8646H31.4185L32.5965 13.8328L30.8642 15.9074V17.4287L28.3698 20.8172L30.4485 23.3067L33.4592 25.9515L34.3287 28.2166L32.25 29.2539L30.8642 27.5942L28.5777 25.243L26.0833 22.6152L24.6975 24.1366H24.2125L21.9953 24.6898L20.1938 26.4878L18.4615 26.9027L17.7687 24.3883L20.1938 22.6152L21.6099 20.4023H24.2125L25.3658 18.9252L26.499 15.9074L28.0973 14.4011Z"
+      fill="#026262"
+    />
+    <path
+      d="M28.1065 24.8613L26.5882 23.2039L25.6219 22.7896L28.1065 20.7179L30.591 22.7896L32.1094 24.8613L30.246 26.8639L28.1065 24.8613Z"
+      fill="#C8F5FF"
+    />
+    <rect width="2.07493" height="2.07493" transform="matrix(-1 0 0 1 20.8286 21.6373)" fill="#026262" />
+    <rect width="2.07493" height="2.07493" transform="matrix(-1 0 0 1 27.0534 21.6373)" fill="#026262" />
+    <rect width="2.07493" height="2.07493" transform="matrix(-1 0 0 1 31.2032 21.6373)" fill="#026262" />
+    <rect width="2.07493" height="2.07493" transform="matrix(-1 0 0 1 29.1284 23.7122)" fill="#026262" />
+    <rect width="2.07493" height="2.07493" transform="matrix(-1 0 0 1 29.1284 19.5624)" fill="#026262" />
+    <rect width="2.07493" height="2.07493" transform="matrix(-1 0 0 1 29.1284 13.3375)" fill="#026262" />
+    <rect width="2.07493" height="2.07493" transform="matrix(-1 0 0 1 31.2032 11.2625)" fill="#026262" />
+    <rect width="2.07493" height="2.07493" transform="matrix(-1 0 0 1 20.8286 25.787)" fill="#026262" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.6789 23.7122H18.7538V25.787H18.7538V27.862H16.6789V25.7871H16.6789V23.7122Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20.8286 25.7871L20.8286 23.7122L22.9035 23.7122L22.9035 23.7122L24.9785 23.7122L24.9785 25.7871L22.9035 25.7871L22.9035 25.7871L20.8286 25.7871Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M33.2782 15.4124L31.2032 15.4124L31.2032 13.3374L31.2033 13.3374L31.2033 11.2625L33.2782 11.2625L33.2782 13.3375L33.2782 13.3375L33.2782 15.4124Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M31.2033 19.5624L29.1284 19.5624L29.1284 17.4875L31.2033 17.4875L31.2033 19.5624ZM31.2033 17.4874L29.1284 17.4874L29.1284 15.4125L31.2033 15.4125L31.2033 17.4874Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M33.2782 23.7122H31.2033V25.7871H33.2782V27.862H33.2781H31.2033V29.9369H33.2781H33.2782H35.3531V27.862H35.3531L35.3531 25.7871L33.2782 25.7871L33.2782 23.7122ZM31.2032 25.787H29.1283V27.862H31.2032V25.787Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20.8286 21.6373L20.8286 19.5624L22.9035 19.5624L22.9035 19.5624L24.9785 19.5624L24.9785 21.6373L22.9035 21.6373L22.9035 21.6373L20.8286 21.6373Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M27.0534 19.5624L24.9785 19.5624L24.9785 17.4875L27.0534 17.4875L27.0534 19.5624ZM27.0534 17.4874L24.9785 17.4874L24.9785 15.4125L27.0534 15.4125L27.0534 17.4874Z"
+      fill="#026262"
+    />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 25.1097 17.6448)" fill="#026262" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 20.8417 17.4744)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 18.7931 15.4255)" fill="#009E9E" />
+    <rect width="2.21938" height="2.04866" transform="matrix(-1 0 0 1 16.7445 13.377)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 14.525 11.3282)" fill="#009E9E" />
+    <rect width="2.04866" height="2.21938" transform="matrix(-1 0 0 1 12.4764 9.10889)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 24.9391 13.377)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 22.8904 11.3282)" fill="#009E9E" />
+    <rect width="2.04866" height="2.21938" transform="matrix(-1 0 0 1 20.8417 9.10889)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 18.7931 7.06018)" fill="#009E9E" />
+    <rect width="2.21938" height="2.04866" transform="matrix(-1 0 0 1 16.7445 5.01135)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 10.4277 7.06018)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 8.37903 5.01135)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 8.37903 2.96289)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 8.37903 0.914307)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 10.4277 2.96289)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 10.4277 0.914307)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 14.525 2.96289)" fill="#009E9E" />
+    <rect width="2.04866" height="2.04866" transform="matrix(-1 0 0 1 12.4764 0.914307)" fill="#009E9E" />
+    <path
+      d="M11.4277 14.3374L9.83716 15.9934L9.56055 17.5114L12.7416 20.5474L14.1247 19.9954L24.3593 9.85242L28.1692 5.85042L26.8034 3.38989L23.9012 1.85339L20.0718 5.85042L17.9766 7.65045L15.7498 10.0939L11.4277 14.3374Z"
+      fill="#2FBABB"
+    />
+    <path
+      d="M7.25576 14.4011L5.73605 12.8646H3.93454L2.75663 13.8328L4.48885 15.9074V17.4287L6.98325 20.8172L4.90458 23.3067L1.89385 25.9515L1.02441 28.2166L3.10308 29.2539L4.48885 27.5942L6.77538 25.243L9.26978 22.6152L10.6556 24.1366H11.1406L13.3578 24.6898L15.1593 26.4878L16.8915 26.9027L17.5844 24.3883L15.1593 22.6152L13.7432 20.4023H11.1406L9.98731 18.9252L8.85404 15.9074L7.25576 14.4011Z"
+      fill="#026262"
+    />
+    <path
+      d="M7.24653 24.8613L8.76487 23.2039L9.73108 22.7896L7.24653 20.7179L4.76199 22.7896L3.24365 24.8613L5.10706 26.8639L7.24653 24.8613Z"
+      fill="#C8F5FF"
+    />
+    <rect x="14.5244" y="21.6373" width="2.07493" height="2.07493" fill="#026262" />
+    <rect x="8.2998" y="21.6373" width="2.07493" height="2.07493" fill="#026262" />
+    <rect x="4.1499" y="21.6373" width="2.07493" height="2.07493" fill="#026262" />
+    <rect x="6.22485" y="23.7122" width="2.07493" height="2.07493" fill="#026262" />
+    <rect x="6.22485" y="19.5624" width="2.07493" height="2.07493" fill="#026262" />
+    <rect x="6.22485" y="13.3375" width="2.07493" height="2.07493" fill="#026262" />
+    <rect x="4.1499" y="11.2625" width="2.07493" height="2.07493" fill="#026262" />
+    <rect x="14.5244" y="25.787" width="2.07493" height="2.07493" fill="#026262" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.6744 23.7122H16.5995V25.787H16.5994V27.862H18.6744V25.7871H18.6744V23.7122Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.5244 25.7871L14.5244 23.7122L12.4495 23.7122L12.4495 23.7122L10.3747 23.7122L10.3747 25.7871L12.4496 25.7871L12.4496 25.7871L14.5244 25.7871Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2.07498 15.4124L4.1499 15.4124L4.1499 13.3374L4.14985 13.3374L4.14985 11.2625L2.07492 11.2625L2.07492 13.3375L2.07498 13.3375L2.07498 15.4124Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4.14993 19.5624L6.22485 19.5624L6.22485 17.4875L4.14993 17.4875L4.14993 19.5624ZM4.14989 17.4874L6.22481 17.4874L6.22481 15.4125L4.14989 15.4125L4.14989 17.4874Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2.07499 23.7122H4.14992V25.787H6.22477V27.862H4.14985V25.7871H2.07499V27.862H2.07495V29.9369H2.25849e-05V27.862H6.36578e-05L6.38392e-05 25.7871L2.07499 25.7871L2.07499 23.7122ZM2.07499 27.862V29.9369H4.14992V27.862H2.07499Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.5244 21.6373L14.5244 19.5624L12.4496 19.5624L12.4496 19.5624L10.3747 19.5624L10.3747 21.6373L12.4495 21.6373L12.4495 21.6373L14.5244 21.6373Z"
+      fill="#026262"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.29971 19.5624L10.3746 19.5624L10.3746 17.4875L8.29971 17.4875L8.29971 19.5624ZM8.29971 17.4874L10.3746 17.4874L10.3746 15.4125L8.29971 15.4125L8.29971 17.4874Z"
+      fill="#026262"
+    />
+    <rect x="10.2433" y="17.6448" width="2.04866" height="2.04866" fill="#026262" />
+    <rect x="14.5114" y="17.4744" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="16.5601" y="15.4255" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="18.6088" y="13.377" width="2.21938" height="2.04866" fill="#2FBABB" />
+    <rect x="20.828" y="11.3282" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="22.8767" y="9.10889" width="2.04866" height="2.21938" fill="#2FBABB" />
+    <rect x="10.4141" y="13.377" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="12.4626" y="11.3282" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="14.5114" y="9.10889" width="2.04866" height="2.21938" fill="#2FBABB" />
+    <rect x="16.5601" y="7.0603" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="18.6088" y="5.01147" width="2.21938" height="2.04866" fill="#2FBABB" />
+    <rect x="24.9254" y="7.0603" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="26.974" y="5.01147" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="26.974" y="2.96289" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="26.974" y="0.914307" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="24.9254" y="2.96289" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="24.9254" y="0.914307" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="20.828" y="2.96289" width="2.04866" height="2.04866" fill="#2FBABB" />
+    <rect x="22.8767" y="0.914307" width="2.04866" height="2.04866" fill="#2FBABB" />
+  </svg>
+);
+
+export default CrossedSwordsIcon;

packages/nextjs/app/_assets/icons/HeroDiamond.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useTheme } from "next-themes";
+
+const HeroDiamond = ({ className }: { className?: string }) => {
+  const { resolvedTheme, theme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  if (!mounted) {
+    return (
+      <svg className={className} width="57px" viewBox="0 0 57 56" xmlns="http://www.w3.org/2000/svg" fill="#551D98" />
+    );
+  }
+
+  const currentTheme = resolvedTheme || theme || "light";
+  const isDarkMode = currentTheme === "dark";
+  const fillColor = isDarkMode ? "#DABFFF" : "#551D98";
+
+  return (
+    <svg className={className} width="57px" viewBox="0 0 57 56" xmlns="http://www.w3.org/2000/svg" fill={fillColor}>
+      <path d="M56.4274 37.3758H53.7568V40.0463H56.4274V37.3758Z" />
+      <path d="M53.7569 24.0929H43.127V13.4456H45.7801V10.7925H43.127V8.12196H13.8731V10.7925H11.2025V13.4456H8.54943V16.0987H5.89632V18.7693H3.22577V21.4224H0.572662V29.3991H3.22577V26.746H16.5262V32.0697H19.1793V37.3759H21.8499V42.6996H24.503V48.0232H27.1735V26.746H37.8034V32.0697H35.1503V37.3759H32.4797V42.6996H29.8266V48.0232H27.1735V50.6763H24.503V53.3469H27.1735V56H29.8266V53.3469H32.4797V50.6763H35.1503V48.0232H37.8034V45.3701H40.4739V42.6996H43.127V40.0465H45.7801V37.3759H48.4507V34.7228H51.1038V32.0697H53.7569V29.3991H56.4275V21.4224H53.7569V24.0929ZM37.8034 24.0929H19.1793V21.4224H16.5262V10.7925H27.1735V13.4456H29.8266V16.0987H32.4797V18.7693H35.1503V21.4224H37.8034V24.0929Z" />
+      <path d="M53.757 45.3704H51.1039V48.0235H53.757V45.3704Z" />
+      <path d="M53.757 18.7695H51.1039V21.4226H53.757V18.7695Z" />
+      <path d="M51.1038 48.0233H48.4507V50.6764H51.1038V48.0233Z" />
+      <path d="M51.1038 42.6999H48.4507V45.3705H51.1038V42.6999Z" />
+      <path d="M51.1038 16.099H48.4507V18.7696H51.1038V16.099Z" />
+      <path d="M48.4507 5.46915H45.7802V8.12225H48.4507V10.7928H51.1038V8.12225H53.7569V5.46915H51.1038V2.79859H48.4507V5.46915Z" />
+      <path d="M48.4507 45.3704H45.7802V48.0235H48.4507V45.3704Z" />
+      <path d="M48.4507 13.4457H45.7802V16.0988H48.4507V13.4457Z" />
+      <path d="M43.1271 53.3467H40.474V55.9998H43.1271V53.3467Z" />
+      <path d="M43.1271 0.145317H40.474V2.79842H43.1271V0.145317Z" />
+      <path d="M27.1736 13.4457H24.5031V16.0988H27.1736V13.4457Z" />
+      <path d="M27.1736 2.79859H24.5031V5.46915H27.1736V2.79859Z" />
+      <path d="M24.5029 48.0233H21.8498V50.6764H24.5029V48.0233Z" />
+      <path d="M24.5029 16.099H21.8498V18.7696H24.5029V16.099Z" />
+      <path d="M21.8498 45.3704H19.1793V48.0235H21.8498V45.3704Z" />
+      <path d="M21.8498 18.7695H19.1793V21.4226H21.8498V18.7695Z" />
+      <path d="M19.1795 50.6766H16.5264V53.3472H19.1795V50.6766Z" />
+      <path d="M19.1795 42.6999H16.5264V45.3705H19.1795V42.6999Z" />
+      <path d="M16.5266 40.0466H13.8735V42.6997H16.5266V40.0466Z" />
+      <path d="M13.8728 37.3758H11.2023V40.0463H13.8728V37.3758Z" />
+      <path d="M11.2025 34.7228H8.54935V37.3759H11.2025V34.7228Z" />
+      <path d="M11.2025 5.46873H8.54935V8.12183H11.2025V5.46873Z" />
+      <path d="M5.89645 42.6999V45.3705H3.22589V48.0236H5.89645V50.6767H8.54955V48.0236H11.2027V45.3705H8.54955V42.6999H5.89645Z" />
+      <path d="M8.54956 32.0699H5.89645V34.723H8.54956V32.0699Z" />
+      <path d="M8.54956 8.12196H5.89645V10.7925H8.54956V8.12196Z" />
+      <path d="M8.54956 2.79859H5.89645V5.46915H8.54956V2.79859Z" />
+      <path d="M5.89645 29.3991H3.22589V32.0696H5.89645V29.3991Z" />
+      <path d="M5.89645 5.46873H3.22589V8.12183H5.89645V5.46873Z" />
+      <path d="M3.22577 37.3758H0.572662V40.0463H3.22577V37.3758Z" />
+    </svg>
+  );
+};
+
+export default HeroDiamond;