[Club] Contact page

.env.example

@@ -29,4 +29,5 @@ GOOGLE_CLIENT_EMAIL=""
 # Minio
 MINIO_ENDPOINT=""
 MINIO_ACCESS_KEY=""
-MINIO_SECRET_KEY=""
+MINIO_SECRET_KEY=""
+#can I get a cheese burger

apps/club/src/app/contact/_components/assets/abstract-left.tsx

@@ -0,0 +1,66 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+
+const AbstractLeft = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="50 30 380 320"
+    fill="none"
+    {...props}
+  >
+    <g filter="url(#abstract-left-a)">
+      <path
+        stroke="#C084FC"
+        strokeWidth={5}
+        d="M196.959 54.37c18.41-6.557 39.046 11.694 50.364 27.67 10.408 14.692-8.243 42.255 6.485 52.578 44.029 30.858 129.474 4.929 147.824 55.571 14.048 38.769-77.22 27.142-107.901 54.604-24.527 21.954-16.229 74.093-47.439 84.437-30.899 10.241-67.88-13.459-86.994-39.882-17.966-24.837-1.247-59.776-6.911-89.934-2.13-11.337-7.757-21.656-15.629-30.065-25.502-27.246-97.818-40.016-81.344-73.538 16.695-33.973 73.652 26.052 109.894 15.441 21.207-6.209 10.833-49.466 31.651-56.882Z"
+        clipRule="evenodd"
+        shapeRendering="crispEdges"
+      />
+    </g>
+    <defs>
+      <filter
+        id="abstract-left-a"
+        width={455.091}
+        height={383.671}
+        x={0.5}
+        y={0.498}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={12.5} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0.494118 0 0 0 0 0.133333 0 0 0 0 0.807843 0 0 0 1 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_1009_5597"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={25} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0.494118 0 0 0 0 0.133333 0 0 0 0 0.807843 0 0 0 1 0" />
+        <feBlend
+          in2="effect1_dropShadow_1009_5597"
+          result="effect2_dropShadow_1009_5597"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_1009_5597"
+          result="shape"
+        />
+      </filter>
+    </defs>
+  </svg>
+);
+export default AbstractLeft;

apps/club/src/app/contact/_components/assets/abstract-right.tsx

@@ -0,0 +1,68 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+
+const AbstractRight = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={456}
+    height={385}
+    viewBox="0 0 456 385"
+    fill="none"
+    {...props}
+  >
+    <g filter="url(#abstract-right-a)">
+      <path
+        stroke="#C084FC"
+        strokeWidth={5}
+        d="M259.132 54.37c-18.41-6.557-39.046 11.694-50.364 27.67-10.408 14.692 8.243 42.255-6.485 52.578-44.029 30.858-129.474 4.929-147.824 55.571-14.048 38.769 77.22 27.142 107.901 54.604 24.527 21.954 16.229 74.093 47.439 84.437 30.899 10.241 67.88-13.459 86.994-39.882 17.966-24.837 1.247-59.776 6.912-89.934 2.129-11.337 7.757-21.656 15.628-30.065 25.502-27.246 97.818-40.016 81.344-73.538-16.695-33.973-73.652 26.052-109.894 15.441-21.207-6.209-10.833-49.466-31.651-56.882Z"
+        clipRule="evenodd"
+        shapeRendering="crispEdges"
+      />
+    </g>
+    <defs>
+      <filter
+        id="abstract-right-a"
+        width={455.091}
+        height={383.671}
+        x={0.5}
+        y={0.498}
+        colorInterpolationFilters="sRGB"
+        filterUnits="userSpaceOnUse"
+      >
+        <feFlood floodOpacity={0} result="BackgroundImageFix" />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={12.5} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0.494118 0 0 0 0 0.133333 0 0 0 0 0.807843 0 0 0 1 0" />
+        <feBlend
+          in2="BackgroundImageFix"
+          result="effect1_dropShadow_121_1373"
+        />
+        <feColorMatrix
+          in="SourceAlpha"
+          result="hardAlpha"
+          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        />
+        <feOffset />
+        <feGaussianBlur stdDeviation={25} />
+        <feComposite in2="hardAlpha" operator="out" />
+        <feColorMatrix values="0 0 0 0 0.494118 0 0 0 0 0.133333 0 0 0 0 0.807843 0 0 0 1 0" />
+        <feBlend
+          in2="effect1_dropShadow_121_1373"
+          result="effect2_dropShadow_121_1373"
+        />
+        <feBlend
+          in="SourceGraphic"
+          in2="effect2_dropShadow_121_1373"
+          result="shape"
+        />
+      </filter>
+    </defs>
+  </svg>
+);
+export default AbstractRight;

apps/club/src/app/contact/_components/assets/shield.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+
+const Shield = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 270 346"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#C084FC"
+      strokeLinejoin="round"
+      strokeMiterlimit={10}
+      strokeWidth={5}
+      d="M135.217 342.671a5.402 5.402 0 0 1-3.767 0C115.283 336.889 0 290.975 0 160.237V42.084a6.891 6.891 0 0 1 1.407-4.196 6.656 6.656 0 0 1 3.643-2.42l126.667-32.36a6.537 6.537 0 0 1 3.233 0l126.667 32.36a6.654 6.654 0 0 1 3.642 2.42 6.89 6.89 0 0 1 1.408 4.196v118.153c0 132.047-115.267 176.805-131.45 182.451v-.017Z"
+    />
+  </svg>
+);
+export default Shield;