diff --git a/app/(pages)/(index-page)/_components/hero/heroInfo.tsx b/app/(pages)/(index-page)/_components/hero/heroInfo.tsx
index 9ec6de0..0567bda 100644
--- a/app/(pages)/(index-page)/_components/hero/heroInfo.tsx
+++ b/app/(pages)/(index-page)/_components/hero/heroInfo.tsx
@@ -1,13 +1,16 @@
 import React from 'react';
 import Image from 'next/image';
 import HeartButton from '../HeartButton/heartButton';
+import WordCycle from './wordCycle';
 
 export default function HeroInfo() {
   return (
     <div className="flex flex-col items-start gap-[22px] break-625:items-end break-625:gap-[31px]">
       <div className="flex flex-col items-start text-left break-625:items-end break-625:text-right">
         <p className="flex gap-2 font-metropolis text-[30px] font-bold leading-[115%] tracking-[0.8px] break-625:text-[40px]">
-          <span className="text-white">create</span>
+          <span className="text-white">
+            <WordCycle />
+          </span>
           <span className="text-white/50">for</span>
         </p>
         <h1 className="font-metropolis text-[45px] font-bold leading-[115%] tracking-[0.9px] text-white break-625:text-[66px] break-625:leading-[100%] break-625:tracking-[3.52px] md:text-[88px]">
diff --git a/app/(pages)/(index-page)/_components/hero/heroMainSection.module.scss b/app/(pages)/(index-page)/_components/hero/heroMainSection.module.scss
new file mode 100644
index 0000000..6f1b2e8
--- /dev/null
+++ b/app/(pages)/(index-page)/_components/hero/heroMainSection.module.scss
@@ -0,0 +1,82 @@
+$wave-amplitude: -5%;
+$wave-period: 5s;
+
+@keyframes wave-1-motion {
+    0% {
+        transform: translateX(0);
+    }
+    50% {
+        transform: translateX($wave-amplitude);
+    }
+    100% {
+        transform: translateX(0);
+    }
+}
+
+@keyframes wave-2-motion {
+    0% {
+        transform: translateX(5%);
+    }
+    50% {
+        transform: translateX(calc($wave-amplitude + 5%));
+    }
+    100% {
+        transform: translateX(5%);
+    }
+}
+
+@keyframes wave-3-motion {
+    0% {
+        transform: translateX(15%);
+    }
+    50% {
+        transform: translateX(calc($wave-amplitude + 15%));
+    }
+    100% {
+        transform: translateX(15%);
+    }
+}
+
+@keyframes wave-4-motion {
+    0% {
+        transform: translateX(3%);
+    }
+    50% {
+        transform: translateX(calc($wave-amplitude + 3%));
+    }
+    100% {
+        transform: translateX(3%);
+    }
+}
+
+.dark_water_layer {
+    position: absolute;
+    right: -45%;
+    z-index: 118;
+    width: 100%;
+}
+
+.light_water_layer {
+    position: absolute;
+    right: -0%; // to -5%
+    // top: -0.5px;
+    z-index: 120;
+    width: 66%;
+    animation: wave-1-motion $wave-period infinite ease-in-out;
+}
+
+.dark_beach_layer {
+    position: absolute;
+    right: -2%;
+    z-index: 115;
+    width: 84%;
+    animation: wave-2-motion $wave-period infinite ease-in-out;
+}
+
+.light_beach_layer {
+    position: relative;
+    right: -5%;
+    top: 0;
+    width: 120%;
+    animation: wave-4-motion $wave-period infinite ease-in-out;
+}
\ No newline at end of file
diff --git a/app/(pages)/(index-page)/_components/hero/heroMainSection.tsx b/app/(pages)/(index-page)/_components/hero/heroMainSection.tsx
index ad82c31..8fd933b 100644
--- a/app/(pages)/(index-page)/_components/hero/heroMainSection.tsx
+++ b/app/(pages)/(index-page)/_components/hero/heroMainSection.tsx
@@ -2,6 +2,12 @@ import React from 'react';
 import HeroInfo from './heroInfo';
 import HeroSun from './heroSun';
 import Image from 'next/image';
+import styles from './heroMainSection.module.scss';
+
+import DarkWaterLayer from '@public/Hero/dark_water_layer.svg';
+import LightWaterLayer from '@public/Hero/light_water_layer.svg';
+import LightBeachLayer from '@public/Hero/light_beach_layer.svg';
+import DarkBeachLayer from '@public/Hero/dark_beach_layer.svg';
 
 export default function HeroSection() {
   return (
@@ -93,23 +99,32 @@ export default function HeroSection() {
             className="h-[107.5px] w-[176px] md:h-[180px] md:w-[288px] lg:h-[180px] lg:w-[288px] xl:h-[215px] xl:w-[352px]"
           />
         </div>
-        <div className="absolute right-[-80px] z-[110] flex hidden justify-end pt-[651px] break-625:block sm:right-[0px] sm:pt-[651px] md:right-[-140px] md:pt-[647px] lg:right-[0px] xl:right-[-20px] xl:pt-[657px]">
-          <Image
-            src="/Hero/wave.svg"
-            alt="wave"
-            width={609}
-            height={261}
-            className="h-[142.5px] w-[304.5px] md:h-[215.75px] md:w-[456.75px] lg:h-[215.75px] lg:w-[456.75px] xl:h-[261px] xl:w-[609px]"
-          />
-        </div>
-        <div className="absolute right-[0px] z-[120] block pt-[611px] break-625:hidden">
-          <Image
-            src="/Hero/wave_mobile.svg"
-            alt="wave"
-            width={375}
-            height={223}
-            className="h-[223px] w-[375px]"
-          />
+        <div className="xl:1/3 absolute right-[-20px] top-[-1px] z-[110] w-2/5 justify-end pt-[611px] break-625:pt-[657px] md:right-[-15px] lg:right-[-20px] xl:right-[-40px] xl:pt-[657px] 2xl:w-1/4">
+          <div className="relative">
+            <Image
+              src={DarkWaterLayer}
+              alt="dark-water-layer"
+              className={styles.dark_water_layer}
+              // stationary
+            />
+            <Image
+              src={LightWaterLayer}
+              alt="light-water-layer"
+              className={styles.light_water_layer}
+              // only moves atmost 5% to the left
+            />
+            <Image
+              src={DarkBeachLayer}
+              alt="dark-beach-layer"
+              className={styles.dark_beach_layer}
+              // -23% to -5%
+            />
+            <Image
+              src={LightBeachLayer}
+              alt="light-beach-layer"
+              className={styles.light_beach_layer}
+            />
+          </div>
         </div>
         <div className="absolute left-[0px] z-[120] block pt-[431px] break-625:hidden">
           <Image
diff --git a/app/(pages)/(index-page)/_components/hero/wordCycle.module.scss b/app/(pages)/(index-page)/_components/hero/wordCycle.module.scss
new file mode 100644
index 0000000..a9bc7b4
--- /dev/null
+++ b/app/(pages)/(index-page)/_components/hero/wordCycle.module.scss
@@ -0,0 +1,27 @@
+.words {
+    display: block;
+    margin-bottom: 13px;
+    font-family: "Metropolis", sans-serif;
+    font-weight: 700;
+  }
+  
+  .enter {
+    opacity: 0;
+    transform: translateY(35px);
+  }
+  
+  .exit {
+    opacity: 1;
+  }
+  
+  .enterActive {
+    opacity: 1;
+    transform: translateY(0px);
+    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
+  }
+  
+  .exitActive {
+    opacity: 0;
+    transform: translateY(-35px);
+    transition: all 400ms cubic-bezier(0.56, 0, 0.83, 0.16);
+  }
\ No newline at end of file
diff --git a/app/(pages)/(index-page)/_components/hero/wordCycle.tsx b/app/(pages)/(index-page)/_components/hero/wordCycle.tsx
new file mode 100644
index 0000000..cea5e3d
--- /dev/null
+++ b/app/(pages)/(index-page)/_components/hero/wordCycle.tsx
@@ -0,0 +1,57 @@
+'use client';
+
+import { useState, useEffect, useRef } from 'react';
+import styles from './wordCycle.module.scss';
+import { SwitchTransition, CSSTransition } from 'react-transition-group';
+
+const words = [
+  'create',
+  'code',
+  'design',
+  'collab',
+  'ideate',
+  'craft',
+  'hack',
+  'strive',
+  'build',
+];
+
+const WordCycle = () => {
+  const [wordIdx, setWordIdx] = useState(0);
+  const nodeRef = useRef(null);
+
+  useEffect(() => {
+    const swapInterval = setInterval(() => {
+      setWordIdx((idx) => (idx + 1) % words.length);
+    }, 3000);
+
+    return () => clearInterval(swapInterval);
+  }, []);
+
+  return (
+    <span className={styles.words}>
+      <SwitchTransition>
+        <CSSTransition
+          key={words[wordIdx]}
+          nodeRef={nodeRef}
+          timeout={400}
+          in
+          mountOnEnter
+          unmountOnExit
+          classNames={{
+            enter: styles.enter,
+            enterActive: styles.enterActive,
+            exit: styles.exit,
+            exitActive: styles.exitActive,
+          }}
+        >
+          <span style={{ display: 'inline-block' }} ref={nodeRef}>
+            {words[wordIdx]}
+          </span>
+        </CSSTransition>
+      </SwitchTransition>{' '}
+    </span>
+  );
+};
+
+export default WordCycle;
diff --git a/package-lock.json b/package-lock.json
index 5eb57ea..c1fa11a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "react-dom": "^18",
         "react-icons": "^5.3.0",
         "react-scroll-parallax": "^3.4.5",
+        "react-transition-group": "^4.4.5",
         "sass": "^1.81.0",
         "sharp": "^0.33.5"
       },
@@ -27,6 +28,7 @@
         "@types/node": "^20",
         "@types/react": "^18",
         "@types/react-dom": "^18",
+        "@types/react-transition-group": "^4.4.12",
         "@typescript-eslint/eslint-plugin": "^8.14.0",
         "@typescript-eslint/parser": "^8.14.0",
         "eslint": "^8.57.1",
@@ -82,6 +84,18 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.9.tgz",
+      "integrity": "sha512-aA63XwOkcl4xxQa3HjPMqOP6LiK0ZDv3mUPYEFXkpHbaFjtGggE1A61FjFzJnB+p7/oy2gA8E+rcBNl/zC1tMg==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@emnapi/runtime": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
@@ -1108,6 +1122,16 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.12",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
+      "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "8.14.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.14.0.tgz",
@@ -2070,7 +2094,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/damerau-levenshtein": {
@@ -2258,6 +2281,16 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
     "node_modules/dom5": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dom5/-/dom5-3.0.1.tgz",
@@ -5623,6 +5656,22 @@
         "react-dom": "^16.8.0-0 || >=17.0.1 || ^18.0.0"
       }
     },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
     "node_modules/react-transition-state": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/react-transition-state/-/react-transition-state-2.3.0.tgz",
@@ -5788,6 +5837,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "license": "MIT"
+    },
     "node_modules/regexp-tree": {
       "version": "0.1.27",
       "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
diff --git a/package.json b/package.json
index c817daf..39efac9 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "react-dom": "^18",
     "react-icons": "^5.3.0",
     "react-scroll-parallax": "^3.4.5",
+    "react-transition-group": "^4.4.5",
     "sass": "^1.81.0",
     "sharp": "^0.33.5"
   },
@@ -28,6 +29,7 @@
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "@types/react-transition-group": "^4.4.12",
     "@typescript-eslint/eslint-plugin": "^8.14.0",
     "@typescript-eslint/parser": "^8.14.0",
     "eslint": "^8.57.1",
diff --git a/public/Hero/dark_beach_layer.svg b/public/Hero/dark_beach_layer.svg
new file mode 100644
index 0000000..1437e46
--- /dev/null
+++ b/public/Hero/dark_beach_layer.svg
@@ -0,0 +1,8 @@
+<svg width="562" height="154" viewBox="0 0 562 154" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M104 0H17.5C7.83502 0 0 7.83502 0 17.5V19.5C0 28.0604 6.93959 35 15.5 35H18C25.1797 35 31 40.8203 31 48V48C31 55.1797 36.8203 61 44 61H55C61.6274 61 67 66.3726 67 73V73C67 79.6274 72.3726 85 79 85H81.5C89.5081 85 96 91.4919 96 99.5V106C96 117.598 105.402 127 117 127H170.5C177.956 127 184 133.044 184 140.5V140.5C184 147.956 190.044 154 197.5 154H527C546.33 154 562 138.33 562 119V119V92V92C562 41.1898 520.81 0 470 0H107H104Z" fill="#DFAF67"/>
+<rect x="227" y="114" width="21" height="10" rx="5" fill="white"/>
+<rect x="93" y="44" width="26" height="10" rx="5" fill="white"/>
+<rect x="208" y="114" width="11" height="10" rx="5" fill="white"/>
+<rect x="118" y="89" width="9" height="9" rx="4.5" fill="white"/>
+<rect x="54" y="29" width="9" height="9" rx="4.5" fill="white"/>
+</svg>
diff --git a/public/Hero/dark_water_layer.svg b/public/Hero/dark_water_layer.svg
new file mode 100644
index 0000000..0c72d92
--- /dev/null
+++ b/public/Hero/dark_water_layer.svg
@@ -0,0 +1,3 @@
+<svg width="670" height="126" viewBox="0 0 670 126" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0093 0C-1.35998 0 -3.91283 15.9527 6.88869 19.5006L112.752 54.2733C113.212 54.4242 113.682 54.5416 114.158 54.6246L120.036 55.6475C125.029 56.5167 124.509 63.8448 119.443 64V64L86.1069 66.1273C79.1148 66.5736 78.4269 76.5975 85.2925 77.9947L177.678 96.795C181.616 97.5963 185.624 98 189.643 98H285.33C289.137 98 292.582 100.258 294.1 103.75C295.618 107.242 299.063 109.5 302.87 109.5H411.1L568.008 125.69C585.168 127.46 600.092 113.997 600.092 96.7457V96.7457C600.092 89.5643 604.924 81 612.105 81H647.1C659.251 81 669.1 71.1502 669.1 59L669.1 44L669.1 21V21C669.1 9.40201 659.698 0 648.1 0H489.23H426.1H10.0093Z" fill="#4DB7D9"/>
+</svg>
diff --git a/public/Hero/heart.svg b/public/Hero/heart.svg
deleted file mode 100644
index 0bab6ea..0000000
--- a/public/Hero/heart.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.2913 1.61183C18.7805 1.10083 18.1741 0.695472 17.5066 0.41891C16.8392 0.142347 16.1238 0 15.4013 0C14.6788 0 13.9634 0.142347 13.2959 0.41891C12.6285 0.695472 12.022 1.10083 11.5113 1.61183L10.4513 2.67183L9.39129 1.61183C8.3596 0.580134 6.96032 0.000534762 5.50129 0.000534773C4.04226 0.000534784 2.64298 0.580134 1.61129 1.61183C0.579599 2.64352 1.08706e-08 4.04279 0 5.50183C-1.08706e-08 6.96086 0.579599 8.36013 1.61129 9.39183L2.67129 10.4518L10.4513 18.2318L18.2313 10.4518L19.2913 9.39183C19.8023 8.88107 20.2076 8.27464 20.4842 7.60718C20.7608 6.93972 20.9031 6.22431 20.9031 5.50183C20.9031 4.77934 20.7608 4.06393 20.4842 3.39647C20.2076 2.72901 19.8023 2.12258 19.2913 1.61183Z" fill="#173A52"/>
-</svg>
diff --git a/public/Hero/light_beach_layer.svg b/public/Hero/light_beach_layer.svg
new file mode 100644
index 0000000..765d20c
--- /dev/null
+++ b/public/Hero/light_beach_layer.svg
@@ -0,0 +1,3 @@
+<svg width="673" height="261" viewBox="0 0 673 261" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M222 0H47C21.0426 0 0 21.0426 0 47V47C0 72.9574 21.0426 94 47 94H81C108.062 94 130 115.938 130 143V143C130 170.062 151.938 192 179 192H272.5C291.554 192 307 207.446 307 226.5V226.5C307 245.554 322.446 261 341.5 261H597C638.974 261 673 226.974 673 185V185V111V90C673 40.2944 632.706 0 583 0H237H222Z" fill="#E6BB7B"/>
+</svg>
diff --git a/public/Hero/light_water_layer.svg b/public/Hero/light_water_layer.svg
new file mode 100644
index 0000000..06257e2
--- /dev/null
+++ b/public/Hero/light_water_layer.svg
@@ -0,0 +1,7 @@
+<svg width="424" height="120" viewBox="0 0 424 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M136.824 13C136.824 5.8203 131.004 0 123.824 0H38.8242C29.9877 0 22.8242 7.16344 22.8242 16V16C22.8242 24.8366 29.9877 32 38.8242 32H82.4801C89.2729 32 96.0159 33.1602 102.418 35.4305L144.456 50.3377C145.693 50.776 146.994 51 148.306 51H157.824C158.929 51 159.824 51.8954 159.824 53V53C159.824 54.1046 158.929 55 157.824 55H152.324C148.182 55 144.824 58.3579 144.824 62.5V70.5C144.824 72.433 143.257 74 141.324 74V74C139.391 74 137.824 75.567 137.824 77.5V85.5C137.824 91.8513 142.973 97 149.324 97H249.324C254.019 97 257.824 100.806 257.824 105.5V105.5C257.824 110.194 261.63 114 266.324 114H410.824C418.004 114 423.824 108.18 423.824 101V101C423.824 93.8203 418.004 88 410.824 88H310.824C306.958 88 303.824 84.866 303.824 81V81C303.824 77.134 300.69 74 296.824 74H250.824C246.958 74 243.824 70.866 243.824 67V67C243.824 63.134 246.958 60 250.824 60H256.324C261.019 60 264.824 56.1944 264.824 51.5V51.5C264.824 46.8056 261.019 43 256.324 43H233.324C228.63 43 224.824 39.1944 224.824 34.5V34.5C224.824 29.8056 221.019 26 216.324 26H149.824C142.645 26 136.824 20.1797 136.824 13V13Z" fill="#98E0F7"/>
+<rect x="188.824" y="31" width="29" height="11" rx="5.5" fill="#4DB7D9"/>
+<rect x="247.824" y="46" width="12" height="11" rx="5.5" fill="#4DB7D9"/>
+<rect x="173.824" y="31" width="11" height="11" rx="5.5" fill="#4DB7D9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8246 0C21.2723 0 20.8246 0.447715 20.8246 1C20.8246 5.66567 16.399 9.06156 11.8923 7.85399L9.21243 7.13593C5.30913 6.09005 1.29702 8.40644 0.251132 12.3097C-0.794754 16.213 1.52164 20.2251 5.42494 21.271L24.0189 26.2533C26.8535 27.0128 28.8246 29.5815 28.8246 32.5162C28.8246 36.0971 31.7275 39 35.3084 39H66.6151C69.9177 39 73.206 39.4329 76.3961 40.2877L135.202 56.0448C136.749 56.4592 137.825 57.8608 137.825 59.4621C137.825 61.416 136.241 63 134.287 63H78.3246C71.9733 63 66.8246 68.1487 66.8246 74.5C66.8246 80.8513 71.9733 86 78.3246 86H85.3242C88.3618 86 90.8242 88.4624 90.8242 91.5C90.8242 94.5376 93.2867 97 96.3242 97H159.824C163.138 97 165.824 99.6863 165.824 103C165.824 106.314 168.511 109 171.824 109H210.325C213.362 109 215.825 111.462 215.825 114.5C215.825 117.538 218.287 120 221.325 120H416.825C420.691 120 423.825 116.866 423.825 113C423.825 109.134 420.691 106 416.825 106H313.324C310.287 106 307.824 103.538 307.824 100.5C307.824 97.4624 305.362 95 302.324 95H199.324C196.287 95 193.824 92.5376 193.824 89.5C193.824 86.4624 191.362 84 188.324 84H159.825C157.063 84 154.825 81.7614 154.825 79C154.825 76.2386 157.063 74 159.825 74H181.825C188.452 74 193.825 68.6274 193.825 62C193.825 55.3726 188.452 50 181.825 50H172.05C170.147 50 168.252 49.7506 166.414 49.258L52.4156 18.7122C44.399 16.5641 38.8246 9.29944 38.8246 1C38.8246 0.447715 38.3769 0 37.8246 0H21.8246ZM172.824 59C172.824 56.7909 174.615 55 176.824 55H181.824C184.033 55 185.824 56.7909 185.824 59C185.824 61.2091 184.033 63 181.824 63H176.824C174.615 63 172.824 61.2091 172.824 59ZM82.3242 69C79.2867 69 76.8242 71.4624 76.8242 74.5C76.8242 77.5376 79.2867 80 82.3242 80H97.3242C100.362 80 102.824 77.5376 102.824 74.5C102.824 71.4624 100.362 69 97.3242 69H82.3242ZM283.324 100C280.287 100 277.824 102.462 277.824 105.5C277.824 108.538 280.287 111 283.324 111H298.324C301.362 111 303.824 108.538 303.824 105.5C303.824 102.462 301.362 100 298.324 100H283.324Z" fill="white"/>
+</svg>
diff --git a/public/index/wave/top-right.svg b/public/index/wave/top-right.svg
index 5d2611d..a179a22 100644
--- a/public/index/wave/top-right.svg
+++ b/public/index/wave/top-right.svg
@@ -1,7 +1,7 @@
 <svg width="240" height="513" viewBox="0 0 240 513" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_1080_4948)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M246 0H0V339.86C90.347 348.536 161.815 421.844 167.619 513H246V0Z" fill="url(#paint0_linear_1080_4948)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M160.5 514V655V688.5V1031C160.5 1119.64 88.6417 1191.5 0 1191.5V1206.5C96.926 1206.5 175.5 1127.93 175.5 1031V688.5V655V514C175.5 417.074 96.926 338.5 0 338.5V353.5C88.6417 353.5 160.5 425.358 160.5 514Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M160.5 514V655V688.5V1031C160.5 1117.13 92.6608 1187.41 7.50199 1191.33C3.36423 1191.52 0 1194.86 0 1199C0 1203.14 3.36718 1206.52 7.50566 1206.34C100.95 1202.41 175.5 1125.41 175.5 1031V688.5V655V514C175.5 419.589 100.95 342.589 7.50566 338.658C3.36718 338.483 0 341.858 0 346C0 350.142 3.36423 353.482 7.50199 353.672C92.6608 357.59 160.5 427.873 160.5 514Z" fill="white"/>
 <path d="M229.5 513C229.5 517.142 226.142 520.5 222 520.5C217.858 520.5 214.5 517.142 214.5 513L229.5 513ZM214.5 513L214.5 436.001L229.5 436.001L229.5 513L214.5 513ZM62.0002 283.501L-8.12486e-06 283.5L8.12486e-06 268.5L62.0002 268.501L62.0002 283.501ZM214.5 436.001C214.5 351.777 146.224 283.501 62.0002 283.501L62.0002 268.501C154.508 268.501 229.5 343.493 229.5 436.001L214.5 436.001Z" fill="#98E0F7"/>
 <path d="M287.5 428C287.5 432.142 284.142 435.5 280 435.5C275.858 435.5 272.5 432.142 272.5 428L287.5 428ZM272.5 428L272.5 366L287.5 366L287.5 428L272.5 428ZM120 213.5L-5.6575e-06 213.5L5.6575e-06 198.5L120 198.5L120 213.5ZM272.5 366C272.5 281.777 204.224 213.5 120 213.5L120 198.5C212.508 198.5 287.5 273.492 287.5 366L272.5 366Z" fill="#98E0F7"/>
 <path d="M354.5 358C354.5 362.142 351.142 365.5 347 365.5C342.858 365.5 339.5 362.142 339.5 358L354.5 358ZM339.5 358L339.5 296L354.5 296L354.5 358L339.5 358ZM187 143.5L-4.62843e-06 143.5L4.62843e-06 128.5L187 128.5L187 143.5ZM339.5 296C339.5 211.777 271.223 143.5 187 143.5L187 128.5C279.508 128.5 354.5 203.492 354.5 296L339.5 296Z" fill="#98E0F7"/>