From 45e8499f0d02d768e8597b7a0f180c8b7a307af8 Mon Sep 17 00:00:00 2001
From: michelleyeoh <74385095+michelleyeoh@users.noreply.github.com>
Date: Sun, 9 Feb 2025 14:35:20 -0800
Subject: [PATCH] changed import image (#54)

* changed import image

* added missing assets

---------

Co-authored-by: Anjali Jay Jain <116294517+JayJ104@users.noreply.github.com>
---
 .../about-us/_components/Values/Values.tsx    | 24 +++++------------
 public/aboutUs/Values/bunny_tada.svg          | 14 ++++++++++
 public/aboutUs/Values/cow_tada.svg            | 27 +++++++++++++++++++
 public/aboutUs/Values/froggy_tada.svg         | 14 ++++++++++
 4 files changed, 61 insertions(+), 18 deletions(-)
 create mode 100644 public/aboutUs/Values/bunny_tada.svg
 create mode 100644 public/aboutUs/Values/cow_tada.svg
 create mode 100644 public/aboutUs/Values/froggy_tada.svg

diff --git a/app/(pages)/about-us/_components/Values/Values.tsx b/app/(pages)/about-us/_components/Values/Values.tsx
index 80e19e7..cb5f798 100644
--- a/app/(pages)/about-us/_components/Values/Values.tsx
+++ b/app/(pages)/about-us/_components/Values/Values.tsx
@@ -1,5 +1,8 @@
 import styles from './Values.module.scss';
 import Image from 'next/image';
+import CowTada from '/public/aboutUs/Values/cow_tada.svg';
+import FroggyTada from '/public/aboutUs/Values/froggy_tada.svg';
+import BunnyTada from '/public/aboutUs/Values/bunny_tada.svg';
 
 export default function Values() {
   return (
@@ -14,12 +17,7 @@ export default function Values() {
               grow in an inclusive environment.
             </p>
           </div>
-          <Image
-            src="/aboutUs/Values/cow_tada.svg"
-            alt="cow_tada"
-            width={175}
-            height={10}
-          />
+          <Image src={CowTada} alt="cow tada" />
         </div>
         <div className={styles.valuesBoxLearning}>
           <div>
@@ -29,12 +27,7 @@ export default function Values() {
               experience and an opportunity to explore a new discipline.
             </p>
           </div>
-          <Image
-            src="/aboutUs/Values/froggy_tada.svg"
-            alt="cow_tada"
-            width={175}
-            height={10}
-          />
+          <Image src={FroggyTada} alt="froggy tada" />
         </div>
         <div className={styles.valuesBoxProjects}>
           <div>
@@ -44,12 +37,7 @@ export default function Values() {
               benefit local and global communities.
             </p>
           </div>
-          <Image
-            src="/aboutUs/Values/bunny_tada.svg"
-            alt="cow_tada"
-            width={175}
-            height={10}
-          />
+          <Image src={BunnyTada} alt="bunny tada" />
         </div>
       </div>
     </div>
diff --git a/public/aboutUs/Values/bunny_tada.svg b/public/aboutUs/Values/bunny_tada.svg
new file mode 100644
index 0000000..011bcd0
--- /dev/null
+++ b/public/aboutUs/Values/bunny_tada.svg
@@ -0,0 +1,14 @@
+<svg width="175" height="150" viewBox="0 0 175 150" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M151.396 163.655C140.935 172.768 118.069 169.271 107.943 166.384C107.177 165.473 105.688 162.992 105.864 160.356C106.084 157.06 136.689 144.142 144.245 142.451C151.801 140.76 164.473 152.264 151.396 163.655Z" fill="#E7EAEE"/>
+<path d="M120.492 212.136C132.002 204.482 116.443 156.738 105.202 150.725C93.9596 144.711 75.675 145.622 67.6449 150.725C59.6149 155.827 39.7713 204.3 51.281 212.136C62.7906 219.972 108.983 219.79 120.492 212.136Z" fill="white"/>
+<path d="M130.766 43.4613C126.471 57.3816 108.083 84.6355 104.194 96.0319H67.4223C63.533 84.6355 46.5623 57.3816 41.1186 43.4613C34.3672 26.1968 41.3891 3.75763 60.3533 3.75767C76.0113 3.7577 83.3464 29.6141 85.4054 43.4613C87.4645 29.6141 95.3364 3.75767 110.458 3.75767C129.422 3.75767 136.231 25.7475 130.766 43.4613Z" fill="white"/>
+<path d="M155.675 122.662C155.675 150.679 124.953 159.969 87.6131 159.969C50.2734 159.969 19.3252 150.679 19.3252 122.662C19.3252 74.891 50.2734 58.5123 87.6131 58.5123C124.953 58.5123 155.675 72.6162 155.675 122.662Z" fill="white"/>
+<path d="M62.2699 114.34V122.929" stroke="#123041" stroke-width="8.05215" stroke-linecap="round"/>
+<path d="M127.224 114.34V122.929" stroke="#123041" stroke-width="8.05215" stroke-linecap="round"/>
+<path d="M46.1656 135.276H54.2178" stroke="#FFD2D2" stroke-width="10.7362" stroke-linecap="round"/>
+<path d="M135.276 135.276H143.328" stroke="#FFD2D2" stroke-width="10.7362" stroke-linecap="round"/>
+<path d="M103.604 136.596C103.604 141.433 103.604 143.865 94.7469 143.865C85.8895 143.865 85.8895 141.865 85.8895 136.596C85.8895 131.326 89.8551 122.929 94.7469 122.929C99.6387 122.929 103.604 131.758 103.604 136.596Z" fill="#FFD2D2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M87.199 130.452C88.7579 126.504 91.5553 122.929 94.747 122.929C97.8952 122.929 100.66 126.586 102.231 130.482C100.106 131.474 97.5274 132.055 94.747 132.055C91.9384 132.055 89.3354 131.462 87.199 130.452Z" fill="#E7EAEE"/>
+<path d="M92.5518 115.414C93.6054 115.414 94.0884 115.853 94.7469 116.293C95.4054 115.853 95.8884 115.414 96.942 115.414C98.259 115.414 99.0241 116.795 98.698 117.61C98.2589 118.708 96.6493 119.806 94.7469 120.245C92.8445 119.806 91.2349 118.708 90.7958 117.61C90.4697 116.795 91.2348 115.414 92.5518 115.414Z" fill="#FFD2D2"/>
+<path d="M88.0524 166.339C77.5911 175.452 64.0746 169.226 53.9491 166.338C53.1828 165.427 51.6942 162.947 51.8701 160.31C52.0899 157.014 73.3451 146.826 80.9011 145.135C88.4571 143.444 101.129 154.947 88.0524 166.339Z" fill="#E7EAEE"/>
+</svg>
diff --git a/public/aboutUs/Values/cow_tada.svg b/public/aboutUs/Values/cow_tada.svg
new file mode 100644
index 0000000..c654d2a
--- /dev/null
+++ b/public/aboutUs/Values/cow_tada.svg
@@ -0,0 +1,27 @@
+<svg width="175" height="117" viewBox="0 0 175 117" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_476_455)">
+<path d="M149.097 24.5284C132.278 34.4816 137.474 39.4438 141.819 46.7863C146.165 54.1289 148.356 60.8693 164.833 51.1181C173.197 46.1679 176.456 36.2027 172.11 28.8601C167.765 21.5176 157.462 19.5782 149.097 24.5284Z" fill="white"/>
+<path d="M124.444 26.2302C124.444 35.5007 127.678 35.5556 131.667 35.5556C135.655 35.5556 138.889 35.5007 138.889 26.2302C138.889 16.9597 134.462 9.44447 131.667 9.44447C128.871 9.44447 124.444 16.9597 124.444 26.2302Z" fill="#6A5B3D"/>
+<path d="M37.2222 26.2302C37.2222 35.5007 40.4557 35.5556 44.4444 35.5556C48.4331 35.5556 51.6666 35.5007 51.6666 26.2302C51.6666 16.9597 47.2401 9.44447 44.4444 9.44447C41.6487 9.44447 37.2222 16.9597 37.2222 26.2302Z" fill="#6A5B3D"/>
+<path d="M25.4267 24.5284C42.2452 34.4816 37.0495 39.4438 32.7042 46.7863C28.3589 54.1289 26.1681 60.8693 9.69084 51.1181C1.32625 46.1679 -1.932 36.2027 2.41333 28.8601C6.75867 21.5176 17.0621 19.5782 25.4267 24.5284Z" fill="#123041"/>
+<path d="M21.2762 33.0138C29.6587 37.9746 27.4883 39.7395 25.8396 42.5253C24.1909 45.3112 23.5182 47.9624 15.3057 43.1023C11.1367 40.6351 9.09361 36.3766 10.7423 33.5907C12.391 30.8049 17.1072 30.5465 21.2762 33.0138Z" fill="#FFC0C1"/>
+<path d="M153.747 33.0138C145.364 37.9746 147.534 39.7395 149.183 42.5253C150.832 45.3112 151.505 47.9624 159.717 43.1023C163.886 40.6351 165.929 36.3766 164.28 33.5907C162.632 30.8049 157.916 30.5465 153.747 33.0138Z" fill="#FFC0C1"/>
+<path d="M155.016 122.703C144.19 132.134 120.525 128.516 110.046 125.528C109.253 124.585 107.712 122.018 107.894 119.289C108.122 115.878 139.796 102.509 147.615 100.759C155.435 99.0089 168.55 110.914 155.016 122.703Z" fill="#EFEFEF"/>
+<path d="M51.9666 172.877C40.0551 164.956 56.157 115.545 67.7915 109.321C79.426 103.098 98.3491 104.041 106.66 109.321C114.97 114.602 135.507 164.768 123.595 172.877C111.683 180.987 63.8782 180.798 51.9666 172.877Z" fill="white"/>
+<path d="M158.889 81.9457C158.889 110.941 127.094 120.556 88.4504 120.556C49.8067 120.556 17.7778 110.941 17.7778 81.9457C17.7778 32.5063 49.8067 15.5556 88.4504 15.5556C127.094 15.5556 158.889 30.152 158.889 81.9457Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M83.306 15.6372C82.9813 24.8887 81.049 37.0228 74.9871 41.9301C69.6563 46.2455 63.5042 47.3445 58.0069 48.3266C53.3084 49.1659 49.0883 49.9198 46.2678 52.5233C44.7692 53.9066 43.4399 55.8262 42.0001 57.9055C37.6621 64.1701 32.3206 71.8839 18.3203 70.7452C22.4616 29.9875 49.8118 16.7717 83.306 15.6372Z" fill="#123041"/>
+<path d="M54.4445 76.6667V85.5556" stroke="#123041" stroke-width="8.33333" stroke-linecap="round"/>
+<path d="M128.889 76.6667V85.5556" stroke="#123041" stroke-width="8.33333" stroke-linecap="round"/>
+<path d="M65.5555 97.3334C65.5555 85.9195 74.8083 76.6667 86.2222 76.6667H96.5555C107.969 76.6667 117.222 85.9195 117.222 97.3334C117.222 104.943 111.054 111.111 103.444 111.111H79.3333C71.7241 111.111 65.5555 104.943 65.5555 97.3334Z" fill="#FFC0C1"/>
+<path d="M80.5555 92.2223V98.3334" stroke="#123041" stroke-width="5.55556" stroke-linecap="round"/>
+<path d="M102.778 92.2223L102.778 98.3334" stroke="#123041" stroke-width="5.55556" stroke-linecap="round"/>
+<path d="M37.7778 98.3334H46.1112" stroke="#FFC0C1" stroke-width="11.1111" stroke-linecap="round"/>
+<path d="M137.222 98.3334H145.556" stroke="#FFC0C1" stroke-width="11.1111" stroke-linecap="round"/>
+<path d="M89.4605 125.481C78.634 134.912 64.6454 128.468 54.1663 125.48C53.3733 124.538 51.8327 121.97 52.0147 119.242C52.2422 115.831 74.2396 105.287 82.0595 103.536C89.8794 101.786 102.994 113.692 89.4605 125.481Z" fill="#EFEFEF"/>
+</g>
+<defs>
+<clipPath id="clip0_476_455">
+<rect width="175" height="207.778" fill="white" transform="matrix(-1 0 0 1 175 0)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/aboutUs/Values/froggy_tada.svg b/public/aboutUs/Values/froggy_tada.svg
new file mode 100644
index 0000000..9da2463
--- /dev/null
+++ b/public/aboutUs/Values/froggy_tada.svg
@@ -0,0 +1,14 @@
+<svg width="175" height="104" viewBox="0 0 175 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M155.016 114.37C144.19 123.801 120.525 120.182 110.046 117.194C109.253 116.252 107.712 113.684 107.894 110.956C108.122 107.545 139.796 94.1758 147.615 92.4257C155.435 90.6756 168.55 102.581 155.016 114.37Z" fill="#5C9A15"/>
+<ellipse cx="22.2065" cy="23.9304" rx="22.2065" ry="23.9304" transform="matrix(-0.877234 -0.480064 -0.480064 0.877234 167.778 21.9401)" fill="#5BB42B"/>
+<ellipse cx="40.3304" cy="31.6536" rx="22.2065" ry="23.9304" transform="rotate(-28.6896 40.3304 31.6536)" fill="#5BB42B"/>
+<path d="M123.033 164.544C134.945 156.623 118.843 107.212 107.208 100.988C95.574 94.7644 76.6509 95.7073 68.3404 100.988C60.0299 106.269 39.4934 156.434 51.405 164.544C63.3165 172.653 111.122 172.465 123.033 164.544Z" fill="#5BB42B"/>
+<path d="M160 70.7038C160 100.006 127.704 109.722 88.4521 109.722C49.1999 109.722 16.6666 100.006 16.6666 70.7038C16.6666 28.6111 49.1999 10.5556 88.4521 10.5556C127.704 10.5556 160 25.2778 160 70.7038Z" fill="#5BB42B"/>
+<path d="M43.8889 32.2222V41.1111" stroke="#123041" stroke-width="8.33333" stroke-linecap="round"/>
+<path d="M138.333 31.6667V40.5556" stroke="#123041" stroke-width="8.33333" stroke-linecap="round"/>
+<path d="M31.6666 60.5556H41.1111" stroke="#A1DC3C" stroke-width="11.1111" stroke-linecap="round"/>
+<path d="M134.444 60.5556H143.889" stroke="#A1DC3C" stroke-width="11.1111" stroke-linecap="round"/>
+<path d="M101.667 51.6975C101.667 45.0225 101.667 41.6667 89.1666 41.6667C76.6666 41.6667 76.6666 44.4262 76.6666 51.6975C76.6666 63.6111 82.2631 70.5556 89.1666 70.5556C96.0702 70.5556 101.667 62.7778 101.667 51.6975Z" fill="#D52C2F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76.687 52.9295C77.0598 64.0885 82.5046 70.5556 89.1666 70.5556C94.003 70.5556 98.1978 66.7384 100.276 60.6427C97.8587 57.8178 94.2808 55.368 89.9606 53.8534C85.2485 52.2014 80.5317 51.9698 76.687 52.9295Z" fill="#FF686B"/>
+<path d="M89.4605 117.147C78.634 126.578 64.6454 120.135 54.1663 117.147C53.3733 116.204 51.8327 113.637 52.0147 110.908C52.2422 107.497 74.2396 96.9532 82.0595 95.2031C89.8794 93.453 102.994 105.358 89.4605 117.147Z" fill="#5C9A15"/>
+</svg>