From 344c68e2dbaf666749fd38bbebb869716cb40c1b Mon Sep 17 00:00:00 2001
From: mudabbir-ahmad <mudabbira.uk@gmail.com>
Date: Sun, 23 Mar 2025 20:54:12 +0000
Subject: [PATCH] clue page update

---
 app/(main)/clue/[clueId]/page.js              | 118 +++++++++++++-----
 app/(main)/leaderboard/page.js                |  49 ++++++++
 clue_hunt.db                                  | Bin 241664 -> 290816 bytes
 .../{cannon ball.svg => cannon-ball.svg}      |   0
 public/images/rails.svg                       |  23 ++++
 public/images/scroll-square.svg               |   8 ++
 6 files changed, 168 insertions(+), 30 deletions(-)
 rename public/images/{cannon ball.svg => cannon-ball.svg} (100%)
 create mode 100644 public/images/rails.svg
 create mode 100644 public/images/scroll-square.svg

diff --git a/app/(main)/clue/[clueId]/page.js b/app/(main)/clue/[clueId]/page.js
index 8cd622e..88f37b0 100644
--- a/app/(main)/clue/[clueId]/page.js
+++ b/app/(main)/clue/[clueId]/page.js
@@ -576,6 +576,12 @@ export default function CluePage({ params }) {
 
   return (
     <div className="clue-container">
+      {/* Background Layer */}
+      <div className="background-layer"></div>
+
+      {/* Rails Background Layer */}
+      <div className="rails-background"></div>
+
       {/* Map Banner with team info and timer */}
       <div className="map-banner">
         <div className="team-name">
@@ -665,17 +671,21 @@ export default function CluePage({ params }) {
         </div>
 
         {/* Clue Information Section */}
-        <div className="clue-scroll">
-          <h1 className="clue-title">{clue?.title}</h1>
-          <div className="clue-content">
-            <h2>Description</h2>
-            <p className="clue-description">{clue?.description}</p>
-            {clue?.location && (
-              <div className="clue-location">
-                <h2>Location Hint</h2>
-                <p>{clue.location}</p>
-              </div>
-            )}
+        <div className="clue-container-outer">
+          <div className="clue-title-container">
+            <h1 className="clue-title">{clue?.title}</h1>
+          </div>
+          <div className="clue-scroll">
+            <div className="clue-content">
+              <h2>Description</h2>
+              <p className="clue-description">{clue?.description}</p>
+              {clue?.location && (
+                <div className="clue-location">
+                  <h2>Location Hint</h2>
+                  <p>{clue.location}</p>
+                </div>
+              )}
+            </div>
           </div>
         </div>
 
@@ -704,9 +714,33 @@ export default function CluePage({ params }) {
           display: flex;
           flex-direction: column;
           min-height: 100vh;
-          background-color: #f4f1ea;
-          padding-bottom: 70px; /* Space for bottom navbar */
+          background-color: #69b5a8;
+          padding-bottom: 70px;
           position: relative;
+          overflow: hidden;
+        }
+
+        .background-layer {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 60%;
+          background-color: #a7d2cb;
+          z-index: 0;
+        }
+
+        .rails-background {
+          position: absolute;
+          bottom: 70px;
+          left: 0;
+          width: 100%;
+          height: 20vh;
+          background-image: url("/images/rails.svg");
+          background-repeat: repeat-x;
+          background-position: bottom;
+          background-size: contain;
+          z-index: 1;
         }
 
         .success-notification {
@@ -871,6 +905,8 @@ export default function CluePage({ params }) {
           width: 100%;
           max-width: 600px;
           margin: 0 auto;
+          position: relative;
+          z-index: 2; /* Ensure content appears above the background layers */
         }
 
         .scanner-section {
@@ -906,15 +942,45 @@ export default function CluePage({ params }) {
           font-weight: bold;
         }
 
-        .clue-scroll {
-          background-color: #f8f3e3;
-          border-radius: 10px;
-          padding: 20px;
+        .clue-container-outer {
           width: 100%;
-          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-          position: relative;
           margin-bottom: 20px;
-          border: 1px dashed #9c6b30;
+        }
+
+        .clue-title-container {
+          background-color: #D6BC69;
+          border: 2px solid black;
+          border-bottom: none;
+          border-top-left-radius: 10px;
+          border-top-right-radius: 10px;
+          padding: 15px 20px 5px 20px;
+          width: 100%;
+        }
+
+        .clue-title {
+          color: #68543c;
+          font-size: 1.8rem;
+          text-align: center;
+          margin: 0;
+          padding-bottom: 10px;
+        }
+
+        .clue-scroll {
+          background-color: #D6BC69;
+          border: 2px solid black;
+          border-top: none;
+          border-bottom-left-radius: 10px;
+          border-bottom-right-radius: 10px;
+          width: 100%;
+          padding: 20px;
+          position: relative;
+        }
+
+        .clue-content {
+          padding: 20px;
+          background-color: rgba(255, 255, 255, 0.8);
+          border-radius: 10px;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
         }
 
         h2 {
@@ -1009,15 +1075,6 @@ export default function CluePage({ params }) {
           color: #d32f2f;
         }
 
-        .clue-title {
-          color: #68543c;
-          font-size: 1.8rem;
-          text-align: center;
-          margin-bottom: 20px;
-          border-bottom: 2px solid #9c6b30;
-          padding-bottom: 10px;
-        }
-
         .admin-tools {
           background-color: #f8d7da;
           border: 2px dashed #d9534f;
@@ -1060,9 +1117,10 @@ export default function CluePage({ params }) {
           align-items: center;
           justify-content: space-between;
           border-bottom: 2px solid #4a3c2a;
-          z-index: 10;
+          z-index: 2; /* Ensure it appears above the background layers */
           flex-shrink: 0;
           margin-bottom: 20px;
+          position: relative;
         }
 
         .team-name {
diff --git a/app/(main)/leaderboard/page.js b/app/(main)/leaderboard/page.js
index fe49692..2595a32 100644
--- a/app/(main)/leaderboard/page.js
+++ b/app/(main)/leaderboard/page.js
@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
 import { useSession } from "next-auth/react";
 import Link from "next/link";
 import NavBar from "@/components/NavBar";
+import Image from "next/image";
 
 export default function LeaderboardPage() {
   const [teams, setTeams] = useState([]);
@@ -159,6 +160,25 @@ export default function LeaderboardPage() {
         <div className="no-data">No teams on the leaderboard yet</div>
       )}
 
+      {/* Decorative corner images */}
+      <div className="corner-decoration left-corner">
+        <Image
+          src="/images/cannon-ball.svg"
+          alt="Cannon Ball"
+          width={80}
+          height={80}
+        />
+      </div>
+
+      <div className="corner-decoration right-corner">
+        <Image
+          src="/images/barrel-crop.svg"
+          alt="Barrel"
+          width={100}
+          height={100}
+        />
+      </div>
+
       {/* Only show navigation bar when the hunt hasn't ended */}
       {!huntJustEnded && (
         <NavBar
@@ -404,6 +424,35 @@ export default function LeaderboardPage() {
         .nav-item.active {
           color: #68543c;
         }
+
+        .corner-decoration {
+          position: fixed;
+          bottom: 80px;
+          z-index: 5;
+        }
+
+        .left-corner {
+          left: -10px;
+        }
+
+        .right-corner {
+          right: 20px;
+        }
+
+        ${huntJustEnded
+          ? `
+        .corner-decoration {
+          bottom: 20px;
+        }
+        `
+          : ""}
+
+        @media (max-width: 600px) {
+          .corner-decoration {
+            width: 60px;
+            height: 60px;
+          }
+        }
       `}</style>
     </div>
   );
diff --git a/clue_hunt.db b/clue_hunt.db
index 2454c7438b3a4b36f5d3096a81a9ce3f6a9aae4f..e03209160dc35647a26903d60cb44fa9e273b8c5 100644
GIT binary patch
delta 46282
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

delta 89
zcmV-f0H*(d;1Ph}4v-oK4gmlF06UQ&J^~H_v0y?!0t^PTq(5MQ2r3T+00000JCh8+
vRI^~<r4EAy&xZxi0k;Lu0{_qiAPIl~mkz)JCY3M)8nZDFI0?6asRMupbITf;

diff --git a/public/images/cannon ball.svg b/public/images/cannon-ball.svg
similarity index 100%
rename from public/images/cannon ball.svg
rename to public/images/cannon-ball.svg
diff --git a/public/images/rails.svg b/public/images/rails.svg
new file mode 100644
index 0000000..312a3a9
--- /dev/null
+++ b/public/images/rails.svg
@@ -0,0 +1,23 @@
+<svg width="402" height="185" viewBox="0 0 402 185" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_304_157" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="402" height="185">
+<rect width="402" height="185" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_304_157)">
+<rect x="-21.5" y="1.5" width="445" height="19" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M196 26.028C195.971 25.9273 195.947 25.8418 195.927 25.7727C195.946 23.1836 196.317 22.1551 196.98 21.5929C197.342 21.2851 197.928 20.9981 198.95 20.7971C199.974 20.5956 201.334 20.5 203.15 20.5C204.965 20.5 206.349 20.5953 207.41 20.7986C208.47 21.0015 209.113 21.2948 209.525 21.6231C210.259 22.2073 210.692 23.259 210.709 25.8215C210.692 25.8976 210.67 25.9991 210.644 26.1241C210.58 26.4232 210.489 26.8568 210.378 27.3977C210.158 28.4792 209.862 29.9918 209.557 31.7182C208.951 35.1522 208.298 39.5016 208.161 42.9882C207.871 50.3693 209.473 55.9144 211.243 61.2949C211.423 61.8436 211.605 62.3899 211.787 62.9358C213.388 67.7436 214.98 72.5215 215.505 78.6903C215.979 84.2523 215.858 90.0984 215.614 95.266C215.522 97.1997 215.412 99.059 215.31 100.773C215.145 103.541 215.003 105.931 215 107.641L211.115 156.5H198.845L193.494 107.563L193.493 107.557L193.491 107.526L193.478 107.377C193.468 107.246 193.452 107.051 193.432 106.798C193.393 106.293 193.338 105.557 193.275 104.639C193.149 102.801 192.989 100.233 192.859 97.3131C192.596 91.4558 192.452 84.2492 192.902 78.6838C193.384 72.718 194.842 68.0367 196.298 63.3615C196.518 62.6569 196.737 61.9525 196.953 61.2438C198.602 55.8358 200.014 50.2758 199.437 42.9299C199.16 39.3932 198.258 35.033 197.443 31.6058C197.033 29.8817 196.639 28.3738 196.349 27.2965C196.203 26.7576 196.083 26.3259 196 26.028Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M215.5 163C215.5 163.626 215.329 163.826 215.19 163.94C214.962 164.128 214.484 164.335 213.515 164.456C212.572 164.574 211.375 164.588 209.883 164.566C209.407 164.56 208.901 164.549 208.37 164.538C207.275 164.515 206.073 164.49 204.811 164.49C203.539 164.49 202.34 164.515 201.257 164.538C200.743 164.549 200.255 164.56 199.797 164.566C198.339 164.588 197.194 164.574 196.304 164.457C195.391 164.338 194.975 164.137 194.788 163.972C194.673 163.871 194.5 163.666 194.5 163C194.5 161.738 195.24 160.414 197.021 159.333C198.811 158.246 201.54 157.5 205.078 157.5C208.616 157.5 211.3 158.247 213.046 159.326C214.776 160.396 215.5 161.717 215.5 163Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M230.43 185H180.915C181.376 184.549 181.862 184.055 182.349 183.531C183.447 182.349 184.582 180.977 185.45 179.562C186.299 178.179 187 176.586 187 175C187 174.269 187.338 173.31 188.181 172.217C189.014 171.137 190.269 170.023 191.897 169.015C195.153 167 199.754 165.5 205 165.5C210.273 165.5 215.018 166.889 218.406 168.797C220.101 169.751 221.411 170.81 222.28 171.844C223.159 172.891 223.5 173.803 223.5 174.5C223.5 176.125 224.297 177.769 225.234 179.184C226.199 180.641 227.46 182.072 228.681 183.313C229.277 183.918 229.871 184.486 230.43 185Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M86.9996 26.028C86.9713 25.9273 86.947 25.8418 86.9273 25.7727C86.946 23.1836 87.3173 22.1551 87.9796 21.5929C88.3422 21.2851 88.9283 20.9981 89.9497 20.7971C90.9744 20.5956 92.3337 20.5 94.1502 20.5C95.9651 20.5 97.3494 20.5953 98.4105 20.7986C99.4698 21.0015 100.113 21.2948 100.525 21.6231C101.259 22.2073 101.692 23.259 101.709 25.8215C101.692 25.8976 101.67 25.9991 101.644 26.1241C101.58 26.4232 101.489 26.8568 101.378 27.3977C101.158 28.4792 100.862 29.9918 100.557 31.7182C99.9507 35.1522 99.298 39.5016 99.161 42.9882C98.8708 50.3693 100.473 55.9144 102.243 61.2949C102.423 61.8436 102.605 62.3899 102.787 62.9358C104.388 67.7436 105.98 72.5215 106.505 78.6903C106.979 84.2523 106.858 90.0984 106.614 95.266C106.522 97.1997 106.412 99.059 106.31 100.773C106.145 103.541 106.003 105.931 106 107.641L102.115 156.5H89.8449L84.4936 107.563L84.4932 107.557L84.4905 107.526L84.4783 107.377C84.4677 107.246 84.452 107.051 84.4325 106.798C84.3933 106.293 84.3383 105.557 84.275 104.639C84.1485 102.801 83.9893 100.233 83.8586 97.3131C83.5964 91.4558 83.4522 84.2492 83.9021 78.6838C84.3843 72.718 85.8423 68.0367 87.2984 63.3615C87.5179 62.6569 87.7373 61.9525 87.9533 61.2438C89.6017 55.8358 91.0136 50.2758 90.4374 42.9299C90.16 39.3932 89.258 35.033 88.4427 31.6058C88.0325 29.8817 87.6394 28.3738 87.3488 27.2965C87.2034 26.7576 87.0834 26.3259 86.9996 26.028Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M106.5 163C106.5 163.626 106.329 163.826 106.19 163.94C105.962 164.128 105.484 164.335 104.515 164.456C103.572 164.574 102.375 164.588 100.883 164.566C100.407 164.56 99.9012 164.549 99.3699 164.538C98.2752 164.515 97.0732 164.49 95.8107 164.49C94.5391 164.49 93.3401 164.515 92.2574 164.538C91.743 164.549 91.2547 164.56 90.7974 164.566C89.3386 164.588 88.1942 164.574 87.3039 164.457C86.3914 164.338 85.9753 164.137 85.7875 163.972C85.6734 163.871 85.5 163.666 85.5 163C85.5 161.738 86.2399 160.414 88.0211 159.333C89.8111 158.246 92.5399 157.5 96.0778 157.5C99.6161 157.5 102.3 158.247 104.046 159.326C105.776 160.396 106.5 161.717 106.5 163Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M121.43 185H71.9148C72.3763 184.549 72.8622 184.055 73.3491 183.531C74.4472 182.349 75.5818 180.977 76.4502 179.562C77.2992 178.179 78 176.586 78 175C78 174.269 78.338 173.31 79.1813 172.217C80.014 171.137 81.2688 170.023 82.8974 169.015C86.1525 167 90.7537 165.5 96 165.5C101.273 165.5 106.018 166.889 109.406 168.797C111.101 169.751 112.411 170.81 113.28 171.844C114.159 172.891 114.5 173.803 114.5 174.5C114.5 176.125 115.297 177.769 116.234 179.184C117.199 180.641 118.46 182.072 119.681 183.313C120.277 183.918 120.871 184.486 121.43 185Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M-13.0004 25.028C-13.0287 24.9273 -13.053 24.8418 -13.0727 24.7727C-13.054 22.1836 -12.6827 21.1551 -12.0204 20.5929C-11.6578 20.2851 -11.0717 19.9981 -10.0503 19.7971C-9.02563 19.5956 -7.66625 19.5 -5.84982 19.5C-4.03489 19.5 -2.65057 19.5953 -1.58953 19.7986C-0.530249 20.0015 0.112728 20.2948 0.525301 20.6231C1.25941 21.2073 1.69167 22.259 1.70875 24.8215C1.69223 24.8976 1.67033 24.9991 1.64367 25.1241C1.57982 25.4232 1.48861 25.8568 1.37845 26.3977C1.15823 27.4792 0.861876 28.9918 0.557039 30.7182C-0.0493279 34.1522 -0.701988 38.5016 -0.839041 41.9882C-1.12917 49.3693 0.472908 54.9144 2.2429 60.2949C2.42342 60.8436 2.60536 61.3899 2.78717 61.9358C4.38838 66.7436 5.97964 71.5215 6.5054 77.6903C6.97945 83.2523 6.85814 89.0984 6.61353 94.266C6.522 96.1997 6.41154 98.059 6.30972 99.7731C6.14526 102.541 6.00333 104.931 6.00004 106.641L2.11454 155.5H-10.1551L-15.5064 106.563L-15.5068 106.557L-15.5095 106.526L-15.5217 106.377C-15.5323 106.246 -15.548 106.051 -15.5675 105.798C-15.6067 105.293 -15.6617 104.557 -15.725 103.639C-15.8515 101.801 -16.0107 99.2329 -16.1414 96.3131C-16.4036 90.4558 -16.5478 83.2492 -16.0979 77.6838C-15.6157 71.718 -14.1577 67.0367 -12.7016 62.3615C-12.4821 61.6569 -12.2627 60.9525 -12.0467 60.2438C-10.3983 54.8358 -8.9864 49.2758 -9.56261 41.9299C-9.84002 38.3932 -10.742 34.033 -11.5573 30.6058C-11.9675 28.8817 -12.3606 27.3738 -12.6512 26.2965C-12.7966 25.7576 -12.9166 25.3259 -13.0004 25.028Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M6.5 162C6.5 162.626 6.32905 162.826 6.19018 162.94C5.96246 163.128 5.48429 163.335 4.51537 163.456C3.57218 163.574 2.37543 163.588 0.882534 163.566C0.407177 163.56 -0.0988235 163.549 -0.630109 163.538C-1.72479 163.515 -2.92683 163.49 -4.18933 163.49C-5.4609 163.49 -6.65986 163.515 -7.74255 163.538C-8.25704 163.549 -8.74527 163.56 -9.20256 163.566C-10.6614 163.588 -11.8058 163.574 -12.6961 163.457C-13.6086 163.338 -14.0247 163.137 -14.2125 162.972C-14.3266 162.871 -14.5 162.666 -14.5 162C-14.5 160.738 -13.7601 159.414 -11.9789 158.333C-10.1889 157.246 -7.4601 156.5 -3.92217 156.5C-0.383913 156.5 2.30018 157.247 4.04596 158.326C5.7759 159.396 6.5 160.717 6.5 162Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M21.4298 184H-28.0852C-27.6237 183.549 -27.1378 183.055 -26.6509 182.531C-25.5528 181.349 -24.4182 179.977 -23.5498 178.562C-22.7008 177.179 -22 175.586 -22 174C-22 173.269 -21.662 172.31 -20.8187 171.217C-19.986 170.137 -18.7312 169.023 -17.1026 168.015C-13.8475 166 -9.24626 164.5 -4 164.5C1.27298 164.5 6.01835 165.889 9.4061 167.797C11.1012 168.751 12.4113 169.81 13.2799 170.844C14.1594 171.891 14.5 172.803 14.5 173.5C14.5 175.125 15.297 176.769 16.2337 178.184C17.1987 179.641 18.4596 181.072 19.6809 182.313C20.2767 182.918 20.8713 183.486 21.4298 184Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M296 26.028C295.971 25.9273 295.947 25.8418 295.927 25.7727C295.946 23.1836 296.317 22.1551 296.98 21.5929C297.342 21.2851 297.928 20.9981 298.95 20.7971C299.974 20.5956 301.334 20.5 303.15 20.5C304.965 20.5 306.349 20.5953 307.41 20.7986C308.47 21.0015 309.113 21.2948 309.525 21.6231C310.259 22.2073 310.692 23.259 310.709 25.8215C310.692 25.8976 310.67 25.9991 310.644 26.1241C310.58 26.4232 310.489 26.8568 310.378 27.3977C310.158 28.4792 309.862 29.9918 309.557 31.7182C308.951 35.1522 308.298 39.5016 308.161 42.9882C307.871 50.3693 309.473 55.9144 311.243 61.2949C311.423 61.8436 311.605 62.3899 311.787 62.9358C313.388 67.7436 314.98 72.5215 315.505 78.6903C315.979 84.2523 315.858 90.0984 315.614 95.266C315.522 97.1997 315.412 99.059 315.31 100.773C315.145 103.541 315.003 105.931 315 107.641L311.115 156.5H298.845L293.494 107.563L293.493 107.557L293.491 107.526L293.478 107.377C293.468 107.246 293.452 107.051 293.432 106.798C293.393 106.293 293.338 105.557 293.275 104.639C293.149 102.801 292.989 100.233 292.859 97.3131C292.596 91.4558 292.452 84.2492 292.902 78.6838C293.384 72.718 294.842 68.0367 296.298 63.3615C296.518 62.6569 296.737 61.9525 296.953 61.2438C298.602 55.8358 300.014 50.2758 299.437 42.9299C299.16 39.3932 298.258 35.033 297.443 31.6058C297.033 29.8817 296.639 28.3738 296.349 27.2965C296.203 26.7576 296.083 26.3259 296 26.028Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M315.5 163C315.5 163.626 315.329 163.826 315.19 163.94C314.962 164.128 314.484 164.335 313.515 164.456C312.572 164.574 311.375 164.588 309.883 164.566C309.407 164.56 308.901 164.549 308.37 164.538C307.275 164.515 306.073 164.49 304.811 164.49C303.539 164.49 302.34 164.515 301.257 164.538C300.743 164.549 300.255 164.56 299.797 164.566C298.339 164.588 297.194 164.574 296.304 164.457C295.391 164.338 294.975 164.137 294.788 163.972C294.673 163.871 294.5 163.666 294.5 163C294.5 161.738 295.24 160.414 297.021 159.333C298.811 158.246 301.54 157.5 305.078 157.5C308.616 157.5 311.3 158.247 313.046 159.326C314.776 160.396 315.5 161.717 315.5 163Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M330.43 185H280.915C281.376 184.549 281.862 184.055 282.349 183.531C283.447 182.349 284.582 180.977 285.45 179.562C286.299 178.179 287 176.586 287 175C287 174.269 287.338 173.31 288.181 172.217C289.014 171.137 290.269 170.023 291.897 169.015C295.153 167 299.754 165.5 305 165.5C310.273 165.5 315.018 166.889 318.406 168.797C320.101 169.751 321.411 170.81 322.28 171.844C323.159 172.891 323.5 173.803 323.5 174.5C323.5 176.125 324.297 177.769 325.234 179.184C326.199 180.641 327.46 182.072 328.681 183.313C329.277 183.918 329.871 184.486 330.43 185Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M398 26.028C397.971 25.9273 397.947 25.8418 397.927 25.7727C397.946 23.1836 398.317 22.1551 398.98 21.5929C399.342 21.2851 399.928 20.9981 400.95 20.7971C401.974 20.5956 403.334 20.5 405.15 20.5C406.965 20.5 408.349 20.5953 409.41 20.7986C410.47 21.0015 411.113 21.2948 411.525 21.6231C412.259 22.2073 412.692 23.259 412.709 25.8215C412.692 25.8976 412.67 25.9991 412.644 26.1241C412.58 26.4232 412.489 26.8568 412.378 27.3977C412.158 28.4792 411.862 29.9918 411.557 31.7182C410.951 35.1522 410.298 39.5016 410.161 42.9882C409.871 50.3693 411.473 55.9144 413.243 61.2949C413.423 61.8436 413.605 62.3899 413.787 62.9358C415.388 67.7436 416.98 72.5215 417.505 78.6903C417.979 84.2523 417.858 90.0984 417.614 95.266C417.522 97.1997 417.412 99.059 417.31 100.773C417.145 103.541 417.003 105.931 417 107.641L413.115 156.5H400.845L395.494 107.563L395.493 107.557L395.491 107.526L395.478 107.377C395.468 107.246 395.452 107.051 395.432 106.798C395.393 106.293 395.338 105.557 395.275 104.639C395.149 102.801 394.989 100.233 394.859 97.3131C394.596 91.4558 394.452 84.2492 394.902 78.6838C395.384 72.718 396.842 68.0367 398.298 63.3615C398.518 62.6569 398.737 61.9525 398.953 61.2438C400.602 55.8358 402.014 50.2758 401.437 42.9299C401.16 39.3932 400.258 35.033 399.443 31.6058C399.033 29.8817 398.639 28.3738 398.349 27.2965C398.203 26.7576 398.083 26.3259 398 26.028Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M417.5 163C417.5 163.626 417.329 163.826 417.19 163.94C416.962 164.128 416.484 164.335 415.515 164.456C414.572 164.574 413.375 164.588 411.883 164.566C411.407 164.56 410.901 164.549 410.37 164.538C409.275 164.515 408.073 164.49 406.811 164.49C405.539 164.49 404.34 164.515 403.257 164.538C402.743 164.549 402.255 164.56 401.797 164.566C400.339 164.588 399.194 164.574 398.304 164.457C397.391 164.338 396.975 164.137 396.788 163.972C396.673 163.871 396.5 163.666 396.5 163C396.5 161.738 397.24 160.414 399.021 159.333C400.811 158.246 403.54 157.5 407.078 157.5C410.616 157.5 413.3 158.247 415.046 159.326C416.776 160.396 417.5 161.717 417.5 163Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+<path d="M432.43 185H382.915C383.376 184.549 383.862 184.055 384.349 183.531C385.447 182.349 386.582 180.977 387.45 179.562C388.299 178.179 389 176.586 389 175C389 174.269 389.338 173.31 390.181 172.217C391.014 171.137 392.269 170.023 393.897 169.015C397.153 167 401.754 165.5 407 165.5C412.273 165.5 417.018 166.889 420.406 168.797C422.101 169.751 423.411 170.81 424.28 171.844C425.159 172.891 425.5 173.803 425.5 174.5C425.5 176.125 426.297 177.769 427.234 179.184C428.199 180.641 429.46 182.072 430.681 183.313C431.277 183.918 431.871 184.486 432.43 185Z" fill="#A1887F" stroke="black" stroke-width="3"/>
+</g>
+</svg>
diff --git a/public/images/scroll-square.svg b/public/images/scroll-square.svg
new file mode 100644
index 0000000..c686ad8
--- /dev/null
+++ b/public/images/scroll-square.svg
@@ -0,0 +1,8 @@
+<svg width="1005" height="596" viewBox="0 0 1005 596" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1.5" y="87.5" width="1002" height="507" rx="8.5" fill="#D6BC69" stroke="black" stroke-width="3"/>
+<rect x="213.706" y="1.5" width="575.782" height="86.266" rx="8.5" fill="#D8B955" stroke="black" stroke-width="3"/>
+<path d="M217.203 49.2502C217.203 50.3429 217.204 51.4085 217.206 52.4477C217.215 58.183 217.223 63.1131 216.931 67.3576C216.586 72.3756 215.83 76.2397 214.281 79.1899C211.313 84.842 205.056 87.766 190.366 87.766C184.768 87.766 179.414 83.8129 175.374 76.7972C171.358 69.8218 168.826 60.0857 168.826 49.2502C168.826 38.4147 171.358 28.6786 175.374 21.7032C179.414 14.6874 184.768 10.7344 190.366 10.7344C203.842 10.7344 210.18 13.6303 213.441 19.3556C215.131 22.3223 216.091 26.1986 216.612 31.1953C217.132 36.1866 217.203 42.1557 217.203 49.2502Z" fill="#888585" stroke="black" stroke-width="3"/>
+<path d="M172.243 49.2501C172.243 50.1259 172.244 50.9793 172.246 51.8112C172.253 56.4002 172.26 60.3306 172.024 63.7138C171.744 67.7143 171.133 70.7521 169.906 73.0539C167.578 77.4179 162.649 79.7627 150.719 79.7627C146.303 79.7627 142.03 76.691 138.777 71.1293C135.546 65.6038 133.5 57.8717 133.5 49.2501C133.5 40.6285 135.546 32.8964 138.777 27.3709C142.03 21.8092 146.303 18.7374 150.719 18.7374C161.652 18.7374 166.662 21.0544 169.229 25.4916C170.571 27.8104 171.344 30.8608 171.765 34.8397C172.186 38.8136 172.243 43.5727 172.243 49.2501Z" fill="#888585" stroke="black" stroke-width="3"/>
+<path d="M785.991 46.172C785.991 47.2648 785.989 48.3304 785.988 49.3695C785.978 55.1048 785.97 60.0349 786.262 64.2794C786.607 69.2974 787.364 73.1615 788.913 76.1117C791.881 81.7638 798.138 84.6878 812.828 84.6878C818.425 84.6878 823.78 80.7347 827.819 73.719C831.836 66.7436 834.367 57.0075 834.367 46.172C834.367 35.3365 831.836 25.6004 827.819 18.625C823.78 11.6093 818.425 7.65619 812.828 7.65619C799.351 7.65619 793.014 10.5521 789.752 16.2774C788.062 19.2441 787.102 23.1204 786.582 28.1171C786.062 33.1085 785.991 39.0775 785.991 46.172Z" fill="#888585" stroke="black" stroke-width="3"/>
+<path d="M830.95 46.172C830.95 47.0478 830.949 47.9013 830.947 48.7331C830.94 53.3221 830.933 57.2525 831.17 60.6357C831.449 64.6362 832.06 67.674 833.287 69.9758C835.615 74.3398 840.544 76.6847 852.474 76.6847C856.89 76.6847 861.163 73.6129 864.416 68.0512C867.647 62.5257 869.693 54.7936 869.693 46.172C869.693 37.5504 867.647 29.8183 864.416 24.2928C861.163 18.7311 856.89 15.6594 852.474 15.6594C841.541 15.6594 836.531 17.9764 833.964 22.4135C832.623 24.7323 831.849 27.7827 831.428 31.7616C831.008 35.7356 830.95 40.4946 830.95 46.172Z" fill="#888585" stroke="black" stroke-width="3"/>
+</svg>