export const Seaweed1 = ( ) => { return ( < svg className = "absolute -bottom-20 lg:-bottom-10 xl:bottom-0 -left-60 md:-left-10 lg:left-20 overflow-visible" width = "333" height = "456" viewBox = "0 0 333 456" fill = "none" xmlns = "http://www.w3.org/2000/svg" > < path className = "animate-[seaweed-1] transform animate-duration-[5s] animate-iteration-infinite" d = "M219.812 327.395C224.296 303.268 233.437 282.955 236.931 258.209C241.059 228.972 236.77 198.041 236.394 167.727C235.671 109.418 250.657 51.2339 275.063 17.5506C294.638 8.04431 274.522 122.489 278.016 174.457C279.252 192.812 280.787 211.61 278.678 229.665C275.823 254.107 266.762 273.608 259.532 294.34C243.289 340.945 236.341 396.502 237.888 452.438C212.392 439.921 212.468 366.891 219.812 327.395Z" fill = "#57A773" / > < path className = "animate-[seaweed-1] transform animate-duration-[8s] animate-iteration-infinite" d = "M200.177 265.539C196.591 243.049 192.061 219.69 196.832 197.534C200.032 182.684 207.183 169.669 211.927 155.468C225.333 115.337 218.624 69.7374 211.71 27.1468C210.19 17.7853 208.586 8.16437 204.361 0.180206C187.197 21.2534 193.906 56.4337 191.478 86.2447C189.17 114.559 177.654 140.308 171.535 167.733C163.974 201.621 164.878 238.338 174.084 271.587C176.978 282.027 180.697 292.301 181.509 303.295C182.626 318.425 178.988 439.071 203.385 408.965C224.569 382.817 205.069 296.468 200.177 265.539Z" fill = "#57A773" / > < path className = "animate-[seaweed-2] transform animate-duration-[5s] animate-iteration-infinite" d = "M295.881 280.825C298.445 265.865 297.048 250.254 299.117 235.174C301.19 220.098 308.269 204.258 320.321 200.743C324.463 199.533 329.566 200.413 331.757 204.913C333.51 208.513 332.813 213.088 332.064 217.183C328.395 237.194 324.726 257.199 321.058 277.21C319.62 285.045 318.162 292.961 315.291 300.166C311.541 309.576 305.54 317.386 301.721 326.762C296.38 339.867 295.578 355.333 289.722 368.103C285.681 376.923 279.461 383.918 275.042 392.454C268.073 405.934 263.469 459.081 247.854 455.641C233.599 452.496 235.58 413.829 237.005 402.754C243.298 353.908 287.628 328.927 295.881 280.825Z" fill = "#57A773" / > < path className = "animate-[seaweed-1] transform animate-duration-[8s] animate-iteration-infinite" d = "M146.44 253.943C146.242 250.792 145.992 247.235 143.956 245.243C141.316 242.662 137.26 244.347 134.723 247.071C125.247 257.277 128.027 275.631 131.586 290.345L139.891 324.666C145.019 345.879 149.227 388.627 161.428 405.347C170.596 417.92 177.616 412.377 180.646 393.116C187.461 349.723 149.272 298.648 146.44 253.943Z" fill = "#57A773" / > < path className = "animate-[seaweed-2] transform animate-duration-[10s] animate-iteration-infinite" d = "M77.1822 235.064C73.7599 261.225 69.8598 289.515 79.7969 313.038C91.3297 340.347 118.85 354.138 128.266 382.643C116.738 382.364 106.194 375.094 96.2076 368.034C82.2276 358.14 68.2283 348.233 54.9652 336.951C45.9097 329.247 36.9532 320.553 31.7292 308.652C21.4433 285.209 28.1449 256.324 36.3215 231.659C44.498 206.997 54.1851 180.675 49.137 154.78C48.1866 149.912 46.7145 144.924 47.5714 140.029C51.5429 117.368 71.1232 156.606 73.9769 164.559C82.0106 186.954 80.2556 211.561 77.1822 235.064Z" fill = "#8DBB47" / > < path className = "animate-[seaweed-1] transform animate-duration-[8s] animate-iteration-infinite" d = "M120.951 399.877C127.802 376.971 125.145 350.747 133.209 328.455C141.999 304.154 161.978 288.686 172.558 265.502C188.518 230.525 179.954 186.993 170.997 148.401C152.809 213.383 101.606 261.245 93.2576 329.223C90.7013 350.059 92.4637 371.303 91.6425 392.352C90.8131 413.683 85.4495 430.792 77.6005 448.936C96.1713 441.953 114.166 422.57 120.951 399.877Z" fill = "#63924D" / > < path className = "animate-[seaweed-1] transform animate-duration-[8s] animate-iteration-infinite" d = "M132.368 320.206C130.086 308.021 125.665 296.463 124.409 284.053C121.49 255.239 135.82 228.382 139.941 199.798C143.327 176.301 139.635 151.807 132.038 129.882C124.444 107.957 113.098 88.3491 100.817 69.9998C97.7714 81.9588 98.5321 94.8369 99.3552 107.341C101.055 133.256 102.823 159.864 96.9321 184.809C88.5827 220.157 65.2186 250.926 67.1083 287.692C68.3239 311.395 79.9707 331.946 90.2883 351.935C96.4475 363.873 100.947 375.923 105.16 389.02C109.407 402.228 115.347 399.703 121.423 388.747C132.317 369.095 136.743 343.554 132.368 320.206Z" fill = "#98D44B" / > < path className = "animate-[seaweed-2] transform animate-duration-[7s] animate-iteration-infinite" d = "M98.449 386.909C94.0472 369.92 82.1846 357.807 71.7992 345.341C63.2071 335.026 55.2986 323.856 48.1755 311.983C43.9934 305.012 40.009 297.597 38.3422 289.185C35.6923 275.813 39.1852 261.417 36.3047 248.112C34.3742 239.198 18.2333 185.335 0 185.335C6.45306 222.334 11.0087 259.831 13.6338 297.526C14.4961 309.942 15.2787 322.893 20.4796 333.595C24.1784 341.202 29.8214 347.038 35.3353 352.756C55.8231 374.012 75.9841 395.735 95.8046 417.923C98.1085 412.909 99.0284 406.956 98.3831 401.258" fill = "#63924D" / > < /svg>); } ; export const Seaweed2 = ( ) => { return ( < svg className = "absolute -bottom-20 md:-bottom-10 xl:bottom-0 -right-60 md:-right-10 lg:right-20 overflow-visible" width = "351" height = "459" viewBox = "0 0 351 459" fill = "none" xmlns = "http://www.w3.org/2000/svg" > < path className = "animate-[seaweed-1] transform animate-duration-[5s] animate-iteration-infinite" d = "M98.5763 432.489C79.2759 422.66 67.1839 398.555 60.3391 374.2C53.4944 349.84 50.5692 323.913 42.6392 300.063C34.2394 274.801 20.5257 252.774 10.9618 228.149C1.39496 203.528 -3.72193 173.82 5.93589 149.251C7.05142 146.426 8.51555 143.521 10.883 142.379C17.3731 139.254 21.7261 150.745 22.4263 159.301C24.9969 190.693 26.5065 222.92 36.5766 251.917C44.3155 274.199 56.7773 293.524 65.1135 315.472C82.8801 362.241 81.9101 420.384 109.698 459C103.73 397.717 97.6791 335.954 81.9586 277.365C74.0286 247.815 63.6403 219.058 59.3055 188.392C51.13 130.548 65.1165 71.8208 78.9545 15.639C81.0522 7.1275 87.221 -3.54364 93.3443 1.1463C96.2907 3.40329 97.0395 8.22049 97.3092 12.4875C99.8252 52.7617 84.4079 91.7371 83.7804 132.124C83.2499 166.069 93.1381 198.722 100.022 231.589C108.092 270.127 112.123 309.952 111.984 349.754C111.887 377.448 110.862 408.829 126.722 428.409C127.977 377.976 129.235 327.544 130.49 277.111C130.757 266.38 138.053 251.344 144.525 258.52C145.895 314.57 142.782 370.793 135.243 426.092C151.976 379.35 170.943 333.824 192.008 289.833C196.373 280.719 203.563 270.287 211.709 273.581C204.991 303.817 198.274 334.053 191.556 364.288C183.435 400.827 170.889 443.104 141.288 453.082" fill = "#57A773" / > < path className = "animate-[seaweed-2] transform animate-duration-[7s] animate-iteration-infinite" d = "M226.476 356.409C204.812 343.525 181.258 329.817 170.063 303.576C157.066 273.117 164.313 233.302 149.075 204.464C141.948 217.625 140.648 234.145 139.551 249.91C138.019 271.981 136.486 294.086 136.446 316.24C136.416 331.364 137.191 347.011 142.733 360.508C153.643 387.094 179.426 398.03 202.999 404.599C226.573 411.167 252.348 417.107 268.419 439.359C271.44 443.544 274.215 448.391 278.41 450.558C297.819 460.585 281.057 413.432 276.949 405.127C265.385 381.755 245.937 367.986 226.476 356.409Z" fill = "#63924D" / > < path className = "animate-[seaweed-1] transform animate-duration-[8s] animate-iteration-infinite" d = "M252.59 394.181C244.912 368.554 247.89 339.221 238.85 314.283C228.997 287.099 206.605 269.799 194.743 243.863C176.853 204.738 186.451 156.041 196.492 112.869C216.881 185.56 274.277 239.104 283.632 315.144C286.5 338.452 284.524 362.214 285.442 385.76C286.376 409.623 292.386 428.761 301.184 449.059C280.366 441.248 260.195 419.564 252.59 394.181Z" fill = "#8DBB47" / > < path className = "animate-[seaweed-2] transform animate-duration-[7s] animate-iteration-infinite" d = "M261.344 354.346C263.924 340.705 268.919 327.763 270.337 313.866C273.631 281.609 257.444 251.535 252.791 219.534C248.965 193.223 253.138 165.801 261.715 141.254C270.295 116.704 283.112 94.7485 296.984 74.2033C300.424 87.5938 299.564 102.013 298.638 116.014C296.714 145.027 294.718 174.823 301.372 202.749C310.806 242.329 337.195 276.777 335.063 317.944C333.689 344.481 320.53 367.493 308.877 389.872C301.919 403.242 296.838 416.727 292.079 431.396C287.282 446.185 280.572 443.358 273.708 431.091C261.401 409.09 256.404 380.486 261.344 354.346Z" fill = "#98D44B" / > < path className = "animate-[seaweed-1] transform animate-duration-[5s] animate-iteration-infinite" d = "M240.122 425.116C242.933 405.322 258.194 389.038 271.129 372.726C281.832 359.235 291.301 344.971 299.413 330.128C304.175 321.41 308.538 312.256 309.152 302.583C310.127 287.2 301.532 272.225 302.872 256.859C303.771 246.564 309.055 237.025 314.339 227.829C323.823 211.316 333.614 194.94 343.707 178.717C342.346 221.056 343.982 263.468 348.603 305.624C350.123 319.502 351.891 333.958 346.431 347.034C342.549 356.329 335.303 364.155 328.231 371.826C301.951 400.316 276.275 429.249 251.223 458.603C246.575 453.658 243.817 447.334 243.497 440.897" fill = "#63924D" / > < /svg>); } ;