Added Judging section and relevant assets

apps/live/src/app/(landing)/Judging/index.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import React from "react";
+import useDevice from "@util/hooks/useDevice.ts";
+import JudgingTicketBooth from "../../lib/Assets/SVG/Judging/JudgingTicketBooth.tsx"
+import JudgingLiveBackground from "../../lib/Assets/SVG/Judging/JudgingLiveBackground.tsx";
+import JudgingLiveFireworks from "../../lib/Assets/SVG/Judging/JudgingLiveFireworks.tsx";
+import FrontGreenWave from "../../lib/Assets/SVG/Judging/FrontGreenWave.tsx";
+import JudgingRoad from "../../lib/Assets/SVG/Judging/JudgingRoad.tsx";
+import FrontBush from "../../lib/Assets/SVG/Judging/FrontBush.tsx";
+import BackBush from "../../lib/Assets/SVG/Judging/BackBush.tsx";
+import CarnivalTitle from "@repo/ui/CarnivalTitle";
+
+export default function Judging(): React.ReactNode {
+    const { isMobile} = useDevice();
+
+    return (
+      <div className="relative w-full min-h-screen z-10 bg-mossGreen">
+        <JudgingLiveBackground className = {`absolute inset-0 w-full h-auto overflow-hidden`}/>
+
+        <div className={`relative w-full overflow-hidden ${
+            isMobile ? "aspect-[1]" : "aspect-[1]"
+          }`}>
+
+        <JudgingLiveFireworks className = {`absolute inset-0 w-full h-auto overflow-hidden`}/>
+
+        <h1
+            className="absolute left-1/2 -translate-x-1/2 font-NeulisNeue-Bold text-marigoldYellow flex flex-col items-center"
+            style={{
+                fontSize: isMobile ? "2.8vw" : "1.7vw",
+                top: isMobile ? "40%" : "30%"
+            }}
+            >
+            Come back after submissions close<br/>
+            to see where you will be demoing!
+        </h1>
+
+        <div className = "absolute top-[20%] left-1/2 -translate-x-1/2 w-[85vw] h-auto" >
+            <CarnivalTitle text="Judging" />
+        </div>
+
+        <div className = "absolute bottom-1/4 left-1/2 -translate-x-1/2 z-20 w-[55vw] h-auto" >
+            <JudgingTicketBooth />
+        </div>
+
+        <div className = "absolute bottom-[4%] left-1/2 -translate-x-1/2 z-10 w-[30vw] h-auto" >
+            <JudgingRoad />
+        </div>
+
+        <div className = "absolute bottom-[23%] left-[20%] -translate-x-1/2 z-20 w-[20vw] h-auto" >
+            <BackBush />
+        </div>
+
+        <div className = "absolute bottom-[10%] left-[53%] translate-x-1/3 z-20 w-[30vw] h-auto" >
+            <FrontBush />
+        </div>
+
+        <FrontGreenWave
+          className={`absolute bottom-[15%] left-1/2 -translate-x-1/2 h-auto ${isMobile ? "w-[100vw]" : "w-[100vw]"}`}
+        />
+
+        </div>      
+      </div>
+    );
+  }
+

apps/live/src/app/lib/Assets/SVG/Judging/BackBush.tsx

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const BackBush = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    // width={253}
+    // height={153}
+    viewBox="0 0 253 153"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="none"
+    {...props}
+  >
+    <path
+      d="M6.75969 129.184C29.9153 150.884 80.6834 152.605 103.173 150.754L184.996 140.636L114.329 112.454C98.2111 104.644 60.9977 89.9254 41.0844 93.5325C21.171 97.1396 39.7297 111.088 51.4982 117.612C26.9372 112.428 -16.3959 107.485 6.75969 129.184Z"
+      fill="#5E8339"
+    />
+    <path
+      d="M97.5288 151.394C97.5288 151.394 41.3445 100.96 60.3329 82.1656C79.3213 63.371 97.6903 119.908 97.6903 119.908C97.6903 119.908 22.8069 31.8278 60.6713 16.1619C98.5357 0.496105 101.132 85.4069 101.132 85.4069C101.132 85.4069 101.422 28.9655 135.923 32.4077C170.425 35.6167 129.272 101.411 129.272 101.411C129.272 101.411 173.36 54.5238 201.5 70.528C229.64 86.299 172.99 126.825 172.99 126.825C172.99 126.825 219.268 107.703 239.951 122.27C260.635 136.837 248.009 142.836 248.009 142.836L97.5288 151.394Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M107.733 25.9658C107.733 25.9658 95.2512 3.97773 104.83 0.761556C114.175 -2.22258 107.733 25.9658 107.733 25.9658Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M154.439 60.7241C154.439 60.7241 160.801 48.162 167.065 54.4915C173.33 60.8209 154.439 60.7241 154.439 60.7241Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M110.59 60.499C110.59 60.499 91.7784 44.7758 101.373 38.5276C110.734 32.2783 110.59 60.499 110.59 60.499Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M60.4452 60.2424C60.4452 60.2424 32.209 63.1297 35.3044 50.7841C38.4009 38.2053 63.4928 57.226 63.4928 57.226L60.4452 60.2424Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M65.716 78.6948C65.716 78.6948 82.3063 72.7157 94.7393 104.266C107.173 135.583 110.156 145.161 110.156 145.161C110.156 145.161 116.92 54.2344 95.0119 51.09C73.104 47.9457 82.2728 79.2462 82.2728 79.2462C82.2728 79.2462 68.065 75.4415 65.7148 78.928L65.716 78.6948Z"
+      fill="#B8C952"
+    />
+    <path
+      d="M116.549 126.302C116.549 126.302 123.296 38.6402 142.155 45.0342C161.014 51.4283 119.797 129.584 119.797 129.584C119.797 129.584 167.182 76.6493 189.042 89.1228C210.902 101.596 157.565 132.81 157.565 132.81C157.565 132.81 207.789 117.44 217.054 130.083C226.318 142.725 216.974 145.709 216.974 145.709L113.388 151.475L116.549 126.302Z"
+      fill="#B8C952"
+    />
+  </svg>
+);
+export default BackBush;

apps/live/src/app/lib/Assets/SVG/Judging/FrontBush.tsx

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const FrontBush = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    // width={371}
+    // height={202}
+    viewBox="0 0 371 202"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="none"
+    {...props}
+  >
+    <path
+      d="M186.072 185.091C186.072 185.091 248.637 119.461 224.28 98.8127C199.922 78.1643 182.983 147.528 182.983 147.528C182.983 147.528 264.166 35.0308 217.698 20.1375C171.236 5.06782 175.772 106.638 175.772 106.638C175.772 106.638 170.208 39.1292 129.318 46.3406C88.4289 53.5519 143.741 128.12 143.741 128.12C143.741 128.12 86.5654 76.2767 54.3585 97.752C22.1516 119.227 93.7679 162.394 93.7679 162.394C93.7679 162.394 36.6482 143.944 13.181 163.078C-10.2924 182.389 5.38878 188.597 5.38878 188.597L186.254 184.921L186.072 185.091Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M162.545 36.0317C162.545 36.0317 175.353 8.5703 163.794 5.68824C152.236 2.80619 162.545 36.0317 162.545 36.0317Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M109.69 81.8646C109.69 81.8646 101.013 67.424 94.0087 75.6566C87.1868 83.7191 109.69 81.8646 109.69 81.8646Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M162.138 77.5356C162.138 77.5356 183.008 56.8961 171.228 50.2961C159.448 43.6961 162.138 77.5356 162.138 77.5356Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M222.026 72.5858C222.026 72.5858 256.088 73.6133 251.135 58.7744C246.183 43.9355 218.086 69.0897 218.086 69.0897L222.202 72.592L222.026 72.5858Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M217.517 95.2173C217.517 95.2173 197.217 89.7295 185.245 128.527C173.273 167.325 170.568 178.89 170.568 178.89C170.568 178.89 154.069 70.8901 180.074 64.9193C206.079 58.9485 197.831 97.3481 197.831 97.3481C197.831 97.3481 214.472 91.3995 217.511 95.3938L217.517 95.2173Z"
+      fill="#B8C952"
+    />
+    <path
+      d="M161.095 157.001C161.095 157.001 144.818 52.7188 123.112 62.0217C101.229 71.3184 157.769 161.123 157.769 161.123C157.769 161.123 96.2555 102.06 71.2688 119.197C46.2822 136.335 113.162 168.557 113.162 168.557C113.162 168.557 51.6391 154.721 41.707 170.801C31.7811 186.703 43.3397 189.586 43.3397 189.586L167.635 186.913L161.442 157.19L161.095 157.001Z"
+      fill="#B8C952"
+    />
+    <path
+      d="M218.682 182.356C218.682 182.356 222.319 114.466 255.806 111.763C289.293 109.06 248.176 167.675 248.176 167.675C248.176 167.675 271.778 119.748 306.181 126.088C340.408 132.421 303.1 163.257 303.1 163.257C303.1 163.257 323.381 149.31 342.3 153.865C361.043 158.415 374.99 178.695 374.99 178.695L218.682 182.356Z"
+      fill="#4B642E"
+    />
+    <path
+      d="M212.655 182.85C212.655 182.85 214.014 124.419 229.745 129.216C245.476 134.012 233.112 168.909 233.112 168.909C233.112 168.909 250.102 118.098 273.602 138.01C286.808 149.254 255.037 173.395 255.037 173.395C255.037 173.395 275.071 156.436 281.519 158.96C287.79 161.479 279.487 171.432 279.487 171.432C279.487 171.432 287.966 161.485 303.697 166.281C319.428 171.078 320.409 183.303 320.409 183.303L213.002 183.039L212.655 182.85Z"
+      fill="#B8C952"
+    />
+  </svg>
+);
+export default FrontBush;

apps/live/src/app/lib/Assets/SVG/Judging/FrontGreenWave.tsx

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const FrontGreenWave = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width={1200}
+    height={225}
+    viewBox="0 0 1200 225"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    preserveAspectRatio="none"
+    {...props}
+  >
+    <path
+      d="M235.5 0.000466874C18 -0.000516367 -53 54.8063 -53 54.8063V225H1217V0C1217 0 923.4 77.6326 734.5 54.8063C538.024 31.0646 453 0.00145011 235.5 0.000466874Z"
+      fill="#709941"
+    />
+  </svg>
+);
+export default FrontGreenWave;