Danovin
/
application_17
5
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Wiki Activity

reza added flower image

Browse Source
temp
Reza_ashrafi 3 years ago
parent dd94c5be6c
commit 52c4a373cd
3 changed files with 167 additions and 3 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 139
      src/assets/icons/flat-flower-white.svg
  2. 3
      src/assets/icons/line.svg
  3. 28
      src/views/Home/Page1/index.js

139
src/assets/icons/flat-flower-white.svg
Unescape View File

@ -0,0 +1,139 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640.631" height="621.678" viewBox="0 0 640.631 621.678">
<defs>
<linearGradient id="linear-gradient" x1="0.5" x2="0" y2="20.402" gradientUnits="objectBoundingBox">
<stop offset="0" stop-color="#eaf1ff"/>
<stop offset="1" stop-color="#fefeff"/>
</linearGradient>
</defs>
<g id="Group_294" data-name="Group 294" transform="translate(-317.947 -226.055)">
<g id="Group_293" data-name="Group 293" transform="translate(317.947 226.055)">
<g id="Group_289" data-name="Group 289">
<g id="Group_272" data-name="Group 272" transform="translate(360.718 70.078)">
<path id="Path_337" data-name="Path 337" d="M415.532,323.222a12.8,12.8,0,1,1,12.8-12.8A12.817,12.817,0,0,1,415.532,323.222Z" transform="translate(-402.73 -294.579)" fill="url(#linear-gradient)"/>
<path id="Path_338" data-name="Path 338" d="M422.52,319.738A11.383,11.383,0,1,1,433.9,308.36,11.4,11.4,0,0,1,422.52,319.738Z" transform="translate(-371.642 -296.972)" fill="url(#linear-gradient)"/>
<path id="Path_339" data-name="Path 339" d="M425.859,326.944a10.977,10.977,0,1,1,10.979-10.974A10.991,10.991,0,0,1,425.859,326.944Z" transform="translate(-357.801 -267.319)" fill="url(#linear-gradient)"/>
<path id="Path_340" data-name="Path 340" d="M422.565,332.244a9.358,9.358,0,1,1,9.358-9.363A9.369,9.369,0,0,1,422.565,332.244Z" transform="translate(-363.988 -235.75)" fill="url(#linear-gradient)"/>
<path id="Path_341" data-name="Path 341" d="M415.78,336.656a7.533,7.533,0,1,1,7.54-7.531A7.538,7.538,0,0,1,415.78,336.656Z" transform="translate(-382.322 -205.938)" fill="url(#linear-gradient)"/>
</g>
<path id="Path_342" data-name="Path 342" d="M403.108,345.5a18.27,18.27,0,1,1,18.27-18.27A18.29,18.29,0,0,1,403.108,345.5Zm0-29.164a10.9,10.9,0,1,0,10.9,10.894A10.9,10.9,0,0,0,403.108,316.333Z" transform="translate(-108.174 -182.575)" fill="url(#linear-gradient)"/>
<path id="Path_343" data-name="Path 343" d="M394.108,308.875a13.41,13.41,0,1,1,13.408-13.412A13.422,13.422,0,0,1,394.108,308.875Zm0-19.444a6.034,6.034,0,1,0,6.032,6.032A6.04,6.04,0,0,0,394.108,289.431Z" transform="translate(-123.476 -282.055)" fill="url(#linear-gradient)"/>
<g id="Group_273" data-name="Group 273" transform="translate(293.375 6.192)">
<path id="Path_344" data-name="Path 344" d="M402.916,385.42c-.094,0-.188,0-.282-.009a3.689,3.689,0,0,1-3.021-2.044c-.813-1.649-19.787-40.726-6.525-76.246,7.554-20.22,22.357-26.116,33.7-22.94,9.955,2.767,18.585,13.328,15.8,28.159-4.952,26.4-35.37,69.693-36.662,71.52A3.684,3.684,0,0,1,402.916,385.42Zm17.918-94.671c-7.033,0-15.564,4.825-20.84,18.956-9.26,24.791-.911,52.433,3.678,64.37,8.357-12.543,28.009-43.563,31.673-63.1,2.053-10.941-4.021-17.88-10.533-19.689A14.937,14.937,0,0,0,420.834,290.748Z" transform="translate(-388.395 -283.373)" fill="url(#linear-gradient)"/>
<path id="Path_345" data-name="Path 345" d="M394.487,358.35a3.684,3.684,0,0,1-3.678-3.481c-1.654-29.747,12.585-60.739,13.2-62.045a3.687,3.687,0,0,1,6.685,3.11c-.141.3-14.065,30.654-12.52,58.521a3.686,3.686,0,0,1-3.476,3.89C394.623,358.35,394.552,358.35,394.487,358.35Z" transform="translate(-379.966 -256.304)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_274" data-name="Group 274" transform="translate(207.695 37.034)">
<path id="Path_346" data-name="Path 346" d="M440.385,364.789a3.69,3.69,0,0,1-1.052-.155c-1.851-.554-45.536-13.774-61.481-35.8-8.278-11.43-9.964-22.475-4.637-30.3,5.44-7.977,16.964-10.6,30.823-7.033,27.036,6.981,39.443,66.339,39.96,68.861a3.688,3.688,0,0,1-3.613,4.426Zm-47.829-67.466c-6.089,0-10.847,1.851-13.243,5.37-3.429,5.022-1.743,13.178,4.51,21.817,11.158,15.414,39.077,26.628,51.5,31.02-4.721-18.716-16.485-52.593-33.125-56.882A38.97,38.97,0,0,0,392.557,297.323Z" transform="translate(-370.157 -289.938)" fill="url(#linear-gradient)"/>
<path id="Path_347" data-name="Path 347" d="M426.593,351.8a3.682,3.682,0,0,1-3.072-1.644c-12.539-18.806-48.017-49.938-48.374-50.253A3.686,3.686,0,0,1,380,294.358c1.489,1.3,36.573,32.091,49.656,51.714a3.689,3.689,0,0,1-3.063,5.732Z" transform="translate(-356.36 -276.954)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_275" data-name="Group 275" transform="translate(427.383 264.171)">
<path id="Path_348" data-name="Path 348" d="M448.886,363.9a12.839,12.839,0,0,1-12.135-8.771,12.783,12.783,0,1,1,12.135,8.771Z" transform="translate(-346 -338.287)" fill="url(#linear-gradient)"/>
<path id="Path_349" data-name="Path 349" d="M451.251,368.751a11.384,11.384,0,1,1,10.791-14.972,11.386,11.386,0,0,1-10.791,14.972Z" transform="translate(-332.11 -309.832)" fill="url(#linear-gradient)"/>
<path id="Path_350" data-name="Path 350" d="M444.533,374a11,11,0,1,1,3.472-.564A10.974,10.974,0,0,1,444.533,374Z" transform="translate(-355.364 -287.43)" fill="url(#linear-gradient)"/>
<path id="Path_351" data-name="Path 351" d="M434.857,371.772a9.359,9.359,0,0,1-2.941-18.242,9.358,9.358,0,0,1,5.9,17.763A9.47,9.47,0,0,1,434.857,371.772Z" transform="translate(-385.193 -283.693)" fill="url(#linear-gradient)"/>
<path id="Path_352" data-name="Path 352" d="M424.469,365.855a7.536,7.536,0,1,1,2.372-.385h-.009A7.406,7.406,0,0,1,424.469,365.855Zm1.207-3.885h0Z" transform="translate(-416.92 -292.071)" fill="url(#linear-gradient)"/>
</g>
<path id="Path_353" data-name="Path 353" d="M436.082,361.729a18.267,18.267,0,1,1,5.746-.93h0A18.129,18.129,0,0,1,436.082,361.729Zm4.585-4.43h0Zm-4.608-24.734a10.9,10.9,0,1,0,10.349,7.46A10.9,10.9,0,0,0,436.059,332.565Z" transform="translate(13.698 -122.546)" fill="url(#linear-gradient)"/>
<path id="Path_354" data-name="Path 354" d="M457.133,339.322a13.431,13.431,0,1,1,4.214-.686A13.434,13.434,0,0,1,457.133,339.322Zm-.019-19.444a6.033,6.033,0,1,0,1.907,11.759h0a6.036,6.036,0,0,0,3.824-7.629A6.048,6.048,0,0,0,457.114,319.878Z" transform="translate(109.536 -169.438)" fill="url(#linear-gradient)"/>
<g id="Group_276" data-name="Group 276" transform="translate(488.223 187.672)">
<path id="Path_355" data-name="Path 355" d="M502.71,371.236c-27.633,0-68.307-12.224-70.224-12.8a3.686,3.686,0,0,1-1.522-6.149c1.306-1.292,32.528-31.748,70.3-30.226,21.578.789,31.819,13,32.4,24.753.508,10.321-6.8,21.831-21.737,23.865A68.966,68.966,0,0,1,502.71,371.236ZM441.075,353.21c14.54,3.979,50.14,12.858,69.857,10.162,11.035-1.5,15.7-9.452,15.367-16.2-.38-7.775-7.24-17.086-25.3-17.753C474.641,328.556,450.973,345.087,441.075,353.21Z" transform="translate(-429.87 -322.003)" fill="url(#linear-gradient)"/>
<path id="Path_356" data-name="Path 356" d="M433.559,341.519a3.684,3.684,0,0,1-1.353-7.112c27.708-10.951,61.612-7.2,63.041-7.038a3.686,3.686,0,1,1-.841,7.324c-.329-.033-33.529-3.678-59.494,6.568A3.6,3.6,0,0,1,433.559,341.519Z" transform="translate(-429.871 -304.933)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_277" data-name="Group 277" transform="translate(475.274 109.14)">
<path id="Path_357" data-name="Path 357" d="M430.842,393.11a3.633,3.633,0,0,1-1.795-.47,3.676,3.676,0,0,1-1.889-3.105c-.061-1.931-1.282-47.557,14.6-69.627,8.235-11.458,18.176-16.56,27.29-13.953,9.288,2.65,15.414,12.755,16.386,27.036,1.9,27.854-50.516,58.338-52.752,59.625A3.665,3.665,0,0,1,430.842,393.11ZM464.4,312.687c-5.294,0-11.336,4.12-16.659,11.519-11.11,15.447-12.952,45.48-13.206,58.653,16.273-10.378,44.714-32.223,43.545-49.37-.747-10.876-4.98-18.712-11.054-20.445A9.656,9.656,0,0,0,464.4,312.687Z" transform="translate(-427.115 -305.287)" fill="url(#linear-gradient)"/>
<path id="Path_358" data-name="Path 358" d="M430.809,379.053A3.688,3.688,0,0,1,427.9,373.1c13.9-17.833,32.256-61.321,32.443-61.758a3.686,3.686,0,0,1,6.793,2.861c-.766,1.823-18.918,44.822-33.421,63.426A3.692,3.692,0,0,1,430.809,379.053Z" transform="translate(-427.082 -291.23)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_278" data-name="Group 278" transform="translate(302.555 402.543)">
<path id="Path_359" data-name="Path 359" d="M419.256,408.07a12.789,12.789,0,0,1-10.354-5.248h0a12.809,12.809,0,1,1,10.354,5.248Z" transform="translate(-330.852 -313.26)" fill="url(#linear-gradient)"/>
<path id="Path_360" data-name="Path 360" d="M412.157,411.087a11.371,11.371,0,1,1,6.7-2.184A11.369,11.369,0,0,1,412.157,411.087Z" transform="translate(-351.87 -291.632)" fill="url(#linear-gradient)"/>
<path id="Path_361" data-name="Path 361" d="M404.207,406.12a11.622,11.622,0,0,1-1.71-.132,10.9,10.9,0,0,1-7.178-4.374h0a10.97,10.97,0,1,1,8.888,4.505Z" transform="translate(-379.774 -307.011)" fill="url(#linear-gradient)"/>
<path id="Path_362" data-name="Path 362" d="M399.721,395.411a9.35,9.35,0,0,1-7.564-3.824l0,0a9.372,9.372,0,1,1,7.568,3.829Z" transform="translate(-390.349 -334.595)" fill="url(#linear-gradient)"/>
<path id="Path_363" data-name="Path 363" d="M398.068,382.81a7.519,7.519,0,0,1-6.089-3.087h0a7.535,7.535,0,0,1,12.163-8.9,7.532,7.532,0,0,1-6.074,11.984Z" transform="translate(-389.697 -367.742)" fill="url(#linear-gradient)"/>
</g>
<path id="Path_364" data-name="Path 364" d="M429.69,397.874a18.253,18.253,0,0,1-14.775-7.479h0a18.293,18.293,0,1,1,14.775,7.479Zm-8.823-11.829a10.9,10.9,0,1,0,2.368-15.231,10.922,10.922,0,0,0-2.368,15.231Z" transform="translate(-9.939 11.155)" fill="url(#linear-gradient)"/>
<path id="Path_365" data-name="Path 365" d="M446.52,408.7a13.408,13.408,0,1,1,7.892-2.579A13.392,13.392,0,0,1,446.52,408.7Zm-.028-19.435a6.029,6.029,0,1,0,4.886,2.471A6.019,6.019,0,0,0,446.492,389.26Z" transform="translate(70.289 87.094)" fill="url(#linear-gradient)"/>
<g id="Group_279" data-name="Group 279" transform="translate(429.236 427.101)">
<path id="Path_366" data-name="Path 366" d="M451.723,470.859c-8.151,0-16.889-4.472-21.8-14.756-11.59-24.246-12.567-77.144-12.6-79.389a3.693,3.693,0,0,1,5.393-3.326c1.625.85,40.007,21.211,50.253,57.709,5.84,20.783-2.659,34.271-13.671,38.41A21.539,21.539,0,0,1,451.723,470.859Zm-26.811-87.573c.653,15.066,3.086,51.7,11.66,69.636,4.8,10.049,13.784,12.064,20.121,9.682,7.286-2.739,14.056-12.111,9.17-29.512C458.708,407.612,435.665,390.22,424.912,383.286Z" transform="translate(-417.315 -372.969)" fill="url(#linear-gradient)"/>
<path id="Path_367" data-name="Path 367" d="M446.188,436.606a3.693,3.693,0,0,1-3.613-2.964c-.061-.334-6.732-33.054-24.424-54.646a3.687,3.687,0,1,1,5.7-4.675c18.885,23.043,25.674,56.473,25.956,57.883a3.682,3.682,0,0,1-2.9,4.331A3.77,3.77,0,0,1,446.188,436.606Z" transform="translate(-417.315 -372.969)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_280" data-name="Group 280" transform="translate(451.288 396.791)">
<path id="Path_368" data-name="Path 368" d="M486.714,416.31c-26.139,0-61.805-32.152-63.5-33.693a3.687,3.687,0,0,1,1.25-6.2c1.818-.643,44.907-15.752,70.759-7.376,13.431,4.355,21.309,12.271,21.62,21.732.315,9.654-7.437,18.571-20.736,23.86A25.354,25.354,0,0,1,486.714,416.31ZM433.073,381.4c14.85,12.327,44.348,32.735,60.306,26.383,10.133-4.026,16.3-10.453,16.09-16.767-.2-6.079-6.37-11.669-16.518-14.953C474.833,370.191,445.687,377.609,433.073,381.4Z" transform="translate(-422.009 -366.517)" fill="url(#linear-gradient)"/>
<path id="Path_369" data-name="Path 369" d="M495.357,388.195c-.108,0-.221,0-.329-.014-1.968-.174-48.458-4.327-70.6-12.454a3.686,3.686,0,0,1,2.542-6.92c21.225,7.784,68.236,11.984,68.706,12.027a3.688,3.688,0,0,1-.315,7.362Z" transform="translate(-422.008 -358.894)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_281" data-name="Group 281" transform="translate(106.658 315.85)">
<path id="Path_370" data-name="Path 370" d="M368.28,394.931a12.824,12.824,0,1,1,2.147-.179A12.7,12.7,0,0,1,368.28,394.931Z" transform="translate(-323.322 -275.176)" fill="url(#linear-gradient)"/>
<path id="Path_371" data-name="Path 371" d="M360.014,388.462a11.387,11.387,0,0,1-9.25-17.993h0a11.408,11.408,0,0,1,15.874-2.664,11.388,11.388,0,0,1-6.624,20.657Z" transform="translate(-348.65 -288.588)" fill="url(#linear-gradient)"/>
<path id="Path_372" data-name="Path 372" d="M361.321,379.165a10.974,10.974,0,0,1-8.926-17.349h0a10.934,10.934,0,0,1,7.122-4.454,10.819,10.819,0,0,1,8.188,1.889,10.974,10.974,0,0,1-6.384,19.914Z" transform="translate(-342.322 -320.022)" fill="url(#linear-gradient)"/>
<path id="Path_373" data-name="Path 373" d="M366.45,370.764a9.354,9.354,0,1,1,7.634-3.927A9.332,9.332,0,0,1,366.45,370.764Zm-4.609-12.647h0Z" transform="translate(-317.395 -339.08)" fill="url(#linear-gradient)"/>
<path id="Path_374" data-name="Path 374" d="M373.815,364.351a7.525,7.525,0,0,1-6.121-11.9v0a7.535,7.535,0,1,1,6.121,11.9Z" transform="translate(-283.39 -349.288)" fill="url(#linear-gradient)"/>
</g>
<path id="Path_375" data-name="Path 375" d="M393.445,404.239a18.276,18.276,0,0,1-14.836-28.878h0a18.24,18.24,0,1,1,14.836,28.878Zm-8.832-24.6a10.878,10.878,0,1,0,7.066-4.426,10.831,10.831,0,0,0-7.066,4.426Z" transform="translate(-143.761 34.593)" fill="url(#linear-gradient)"/>
<path id="Path_376" data-name="Path 376" d="M377.637,421.287a13.4,13.4,0,1,1,10.941-5.623A13.3,13.3,0,0,1,377.637,421.287Zm.028-19.435a6.03,6.03,0,1,0,3.5,1.118A6.033,6.033,0,0,0,377.665,401.852Z" transform="translate(-184.285 133.672)" fill="url(#linear-gradient)"/>
<g id="Group_282" data-name="Group 282" transform="translate(135.042 442.011)">
<path id="Path_377" data-name="Path 377" d="M378.266,453.925a23.689,23.689,0,0,1-18.759-8.5c-6.5-8.029-7.4-21.634,3.467-32.091,19.355-18.641,69.242-36.249,71.356-36.986a3.686,3.686,0,0,1,4.858,4.064c-.291,1.818-7.507,44.653-38.917,65.883C392.284,451.693,384.782,453.925,378.266,453.925Zm52.226-68.293C416.4,391,382.4,404.856,368.086,418.644c-8.024,7.723-7.1,16.894-2.847,22.146,4.89,6.051,15.93,9.513,30.9-.6C418.066,425.366,427.3,398.016,430.492,385.632Z" transform="translate(-354.692 -376.141)" fill="url(#linear-gradient)"/>
<path id="Path_378" data-name="Path 378" d="M365.138,425.157a3.687,3.687,0,0,1-1.827-6.892c.291-.165,29.24-16.809,44.155-40.4A3.685,3.685,0,0,1,413.7,381.8c-15.912,25.185-45.489,42.168-46.744,42.877A3.627,3.627,0,0,1,365.138,425.157Z" transform="translate(-329.721 -376.143)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_283" data-name="Group 283" transform="translate(225.059 456.429)">
<path id="Path_379" data-name="Path 379" d="M403.524,473.908c-7.6,0-15.855-4.646-23.076-13.234-17.969-21.366,6.366-76.913,7.409-79.272a3.69,3.69,0,0,1,6.276-.766c1.189,1.522,29.094,37.644,29.3,64.83.108,14.117-4.928,24.091-13.807,27.365A17.615,17.615,0,0,1,403.524,473.908ZM392.117,390.38c-7.019,17.983-17.086,52.4-6.027,65.549,7.023,8.348,15.085,12.182,20.985,9.988,5.708-2.109,9.067-9.729,8.987-20.393C415.917,426.5,399.681,401.167,392.117,390.38Z" transform="translate(-373.853 -379.212)" fill="url(#linear-gradient)"/>
<path id="Path_380" data-name="Path 380" d="M390.819,456.548a3.688,3.688,0,0,1-3.585-2.837c-.456-1.917-11.172-47.345-10.439-70.924a3.643,3.643,0,0,1,3.8-3.575,3.689,3.689,0,0,1,3.566,3.805c-.7,22.592,10.138,68.532,10.246,69a3.686,3.686,0,0,1-2.734,4.435A3.837,3.837,0,0,1,390.819,456.548Z" transform="translate(-363.107 -379.21)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_284" data-name="Group 284" transform="translate(131.126 118.317)">
<path id="Path_381" data-name="Path 381" d="M366.644,341.368a12.6,12.6,0,0,1-4.078-.677,12.8,12.8,0,0,1,8.188-24.26h0a12.806,12.806,0,0,1-4.111,24.936Z" transform="translate(-353.858 -275.735)" fill="url(#linear-gradient)"/>
<path id="Path_382" data-name="Path 382" d="M367.226,330.848a11.386,11.386,0,1,1,3.655-22.174v0a11.384,11.384,0,0,1-3.655,22.169Z" transform="translate(-346.477 -304.137)" fill="url(#linear-gradient)"/>
<path id="Path_383" data-name="Path 383" d="M375.593,329.192a10.98,10.98,0,1,1,3.523-21.385v0a10.978,10.978,0,0,1-3.523,21.38Z" transform="translate(-314.039 -307.24)" fill="url(#linear-gradient)"/>
<path id="Path_384" data-name="Path 384" d="M381.438,330.842a9.36,9.36,0,1,1,8.874-6.366A9.332,9.332,0,0,1,381.438,330.842Z" transform="translate(-286.454 -289.211)" fill="url(#linear-gradient)"/>
<path id="Path_385" data-name="Path 385" d="M385.584,335.105a7.56,7.56,0,0,1-2.424-.4,7.444,7.444,0,1,1,2.424.4Z" transform="translate(-264.461 -259.964)" fill="url(#linear-gradient)"/>
</g>
<path id="Path_386" data-name="Path 386" d="M377.448,370.99a18.269,18.269,0,1,1,5.858-35.577h0a18.275,18.275,0,0,1,11.467,23.156A18.306,18.306,0,0,1,377.448,370.99Zm0-29.169a10.961,10.961,0,1,0,3.5.582h0A10.845,10.845,0,0,0,377.453,341.821Z" transform="translate(-203.033 -88.329)" fill="url(#linear-gradient)"/>
<path id="Path_387" data-name="Path 387" d="M345.494,358.263a13.408,13.408,0,1,1,4.3-26.111h0a13.407,13.407,0,0,1-4.3,26.111Zm.009-19.444a6.044,6.044,0,1,0,1.94.319h0A5.994,5.994,0,0,0,345.5,338.819Z" transform="translate(-303.201 -99.429)" fill="url(#linear-gradient)"/>
<g id="Group_285" data-name="Group 285" transform="translate(51.941 175.856)">
<path id="Path_388" data-name="Path 388" d="M413.246,387.273c-15.409,0-41.548-2.734-61.429-18.918-16.748-13.624-17.57-29.545-10.955-39.274,5.811-8.541,18.571-13.328,31.729-5.966,23.438,13.149,54.716,55.811,56.036,57.624a3.688,3.688,0,0,1-2.49,5.825A103.752,103.752,0,0,1,413.246,387.273ZM359.361,326.83a14.916,14.916,0,0,0-12.4,6.4c-4.378,6.431-4.51,18,9.508,29.409,20.53,16.706,49.375,17.6,62.162,17.11-9.213-11.933-32.307-40.472-49.642-50.2A19.675,19.675,0,0,0,359.361,326.83Z" transform="translate(-337.003 -319.488)" fill="url(#linear-gradient)"/>
<path id="Path_389" data-name="Path 389" d="M400.5,364.346a3.774,3.774,0,0,1-.987-.132c-28.709-7.949-53.518-31.363-54.561-32.354a3.685,3.685,0,0,1,5.083-5.337c.244.23,24.546,23.137,51.446,30.583a3.686,3.686,0,0,1-.982,7.24Z" transform="translate(-311.851 -297.237)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_286" data-name="Group 286" transform="translate(50.033 263.885)">
<path id="Path_390" data-name="Path 390" d="M357.415,394.275c-7.46,0-13.445-2.537-17.171-7.474-5.816-7.7-4.623-19.463,3.2-31.447,15.259-23.381,75.467-16.142,78.027-15.823a3.686,3.686,0,0,1,2.551,5.783c-1.118,1.579-27.619,38.739-53.593,46.8A44.222,44.222,0,0,1,357.415,394.275ZM398.483,345.6c-18.9,0-41.665,2.753-48.867,13.788-5.962,9.128-7.3,17.932-3.486,22.977,3.664,4.853,11.932,5.872,22.113,2.706,18.171-5.637,37.733-28.5,45.865-38.865C409.622,345.849,404.229,345.6,398.483,345.6Z" transform="translate(-336.597 -338.226)" fill="url(#linear-gradient)"/>
<path id="Path_391" data-name="Path 391" d="M343.851,376A3.686,3.686,0,0,1,342,369.127c1.705-1,42.1-24.387,64.882-30.5a3.689,3.689,0,0,1,1.912,7.127c-21.836,5.858-62.679,29.512-63.092,29.752A3.672,3.672,0,0,1,343.851,376Z" transform="translate(-323.419 -337.225)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_287" data-name="Group 287" transform="translate(0 13.469)">
<path id="Path_392" data-name="Path 392" d="M432.611,326.456a3.7,3.7,0,0,1-3.683-3.885c.207-3.848,2.5-37.649,19.989-37.649,4.543,0,6.314,2.452,6.962,3.918,3.533,7.939-11.345,26.214-20.53,36.394A3.68,3.68,0,0,1,432.611,326.456Z" transform="translate(54.846 -284.922)" fill="url(#linear-gradient)"/>
<path id="Path_393" data-name="Path 393" d="M488.9,380.3c-9.48,0-24.476-5.825-34.017-10.007a3.689,3.689,0,0,1,.507-6.934c3.721-1.015,36.521-9.494,42.032,7.108,1.433,4.308-.338,6.76-1.522,7.836C494.35,379.713,491.9,380.3,488.9,380.3Z" transform="translate(142.678 -6.195)" fill="url(#linear-gradient)"/>
<path id="Path_394" data-name="Path 394" d="M401.982,450.312a6.2,6.2,0,0,1-3.1-.832c-7.54-4.322-6.309-27.858-4.9-41.5a3.687,3.687,0,0,1,6.755-1.635c2.109,3.232,20.2,31.87,6.079,42.191A8.134,8.134,0,0,1,401.982,450.312Zm.672-7.15h0Z" transform="translate(-78.278 157.897)" fill="url(#linear-gradient)"/>
<path id="Path_395" data-name="Path 395" d="M336.792,390.563a12.358,12.358,0,0,1-7.319-2.316c-3.7-2.636-3.716-5.661-3.4-7.23,1.734-8.522,24.452-14.77,37.846-17.734a3.683,3.683,0,0,1,3.679,5.891C365.58,371.71,350.129,390.563,336.792,390.563Z" transform="translate(-325.947 4.532)" fill="url(#linear-gradient)"/>
<path id="Path_396" data-name="Path 396" d="M382.007,322.752a3.748,3.748,0,0,1-1.362-.258c-3.584-1.428-34.868-14.418-29.277-30.987,1.456-4.3,4.345-5.2,5.938-5.346,8.71-.7,21.206,19.139,27.92,31.1a3.685,3.685,0,0,1-3.218,5.492Z" transform="translate(-234.412 -280.41)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_288" data-name="Group 288" transform="translate(212.491 172.273)">
<path id="Path_397" data-name="Path 397" d="M414.4,425.229a3.681,3.681,0,0,1-2.739-1.221c-1.1-1.221-27.031-30.466-21.568-66.616,3.528-23.315,17.274-32.392,25.157-35.727,10.8-4.576,23.085-3.754,31.269,2.086,8.085,5.783,12.966,13.957,13.384,22.428.3,5.976-1.677,11.275-5.407,14.54-5.168,4.529-14.15,5.069-19.609,1.179-4.233-3.011-5.445-8.038-3.242-13.445a3.686,3.686,0,0,1,6.826,2.786c-1.315,3.228.094,4.228.7,4.656,2.4,1.71,7.7,1.715,10.476-.723,1.992-1.743,3.077-4.97,2.894-8.625-.305-6.21-4.059-12.332-10.307-16.79-6.046-4.322-15.738-4.848-24.109-1.3-6.46,2.729-17.748,10.27-20.736,30.038-4.947,32.735,19.505,60.3,19.755,60.579a3.691,3.691,0,0,1-2.739,6.154Z" transform="translate(-304.009 -318.725)" fill="url(#linear-gradient)"/>
<path id="Path_398" data-name="Path 398" d="M478.373,399.183a15.507,15.507,0,0,1-7.9-2.034c-5.929-3.486-9.269-11.839-7.3-18.242,1.527-4.966,5.924-7.714,11.735-7.315a3.684,3.684,0,0,1,3.439,3.923,3.79,3.79,0,0,1-3.923,3.43c-3.486-.249-3.989,1.423-4.2,2.133-.865,2.8.808,7.841,3.988,9.715,2.283,1.339,5.684,1.348,9.1.028,5.8-2.25,10.42-7.742,12.68-15.075,2.194-7.1-.362-16.461-6.361-23.287-4.632-5.271-15.334-13.6-35.051-10.209-32.622,5.623-51.08,37.517-51.259,37.837a3.688,3.688,0,1,1-6.417-3.636c.818-1.442,20.4-35.257,56.422-41.468,23.245-4.021,36.188,6.178,41.844,12.609,7.747,8.818,10.838,20.722,7.869,30.329-2.931,9.5-9.151,16.706-17.058,19.773A21.132,21.132,0,0,1,478.373,399.183Z" transform="translate(-277.811 -261.984)" fill="url(#linear-gradient)"/>
<path id="Path_399" data-name="Path 399" d="M428.361,447.14c-9.772,0-18.364-3.707-23.626-10.208-3.763-4.656-5.3-10.091-4.214-14.925,1.508-6.713,8.442-12.449,15.141-12.524l.136,0c5.13,0,9.011,3.335,10.411,8.945a3.687,3.687,0,0,1-7.155,1.785c-.841-3.383-2.532-3.387-3.307-3.359-2.941.042-7.221,3.166-8.033,6.769-.578,2.584.451,5.83,2.753,8.672,3.913,4.834,10.467,7.5,18.233,7.474,7.427-.08,15.559-5.374,20.229-13.173,3.6-6.027,8.268-18.768-.987-36.5-15.273-29.258-51.334-37.174-51.7-37.249a3.689,3.689,0,0,1,1.513-7.221c1.621.343,39.805,8.658,56.722,41.064,10.909,20.9,5.168,36.343.771,43.69-6.027,10.067-16.424,16.649-26.477,16.762Z" transform="translate(-289.299 -219.558)" fill="url(#linear-gradient)"/>
<path id="Path_400" data-name="Path 400" d="M406.859,430.161a38.256,38.256,0,0,1-8.329-.9c-11.463-2.546-20.981-10.34-24.25-19.844-3.241-9.4-2.471-18.89,2.1-26.031,3.227-5.041,7.906-8.212,12.839-8.71,6.788-.681,14.474,4.092,16.659,10.429,1.7,4.9-.235,9.7-5.163,12.825a3.687,3.687,0,0,1-3.946-6.229c2.945-1.865,2.377-3.5,2.138-4.2-.958-2.781-5.28-5.839-8.954-5.492-2.636.263-5.389,2.264-7.366,5.351-3.349,5.233-3.838,12.393-1.344,19.651,2.42,7.028,10.007,13.069,18.881,15.043,6.85,1.517,20.422,1.931,34.323-12.431,22.958-23.729,19.1-60.433,19.059-60.8a3.686,3.686,0,0,1,7.324-.841c.193,1.644,4.336,40.5-21.084,66.771C427.755,427.145,415.724,430.161,406.859,430.161Z" transform="translate(-367.025 -222.574)" fill="url(#linear-gradient)"/>
<path id="Path_401" data-name="Path 401" d="M431.081,405.569a73.7,73.7,0,0,1-33.994-7.827c-20.967-10.805-25.166-26.736-25.805-35.272-.874-11.7,3.833-23.071,11.984-28.948,8.066-5.821,17.368-7.827,25.528-5.511,5.76,1.63,10.152,5.2,12.05,9.776,2.636,6.352.273,15.029-5.158,18.956-4.214,3.039-9.363,2.584-13.774-1.231a3.685,3.685,0,1,1,4.82-5.577c2.631,2.269,4.04,1.269,4.637.832,2.382-1.724,4.082-6.746,2.664-10.157-1.015-2.448-3.725-4.51-7.249-5.506-5.971-1.705-12.98-.094-19.2,4.4-6.027,4.341-9.621,13.351-8.945,22.418.522,7,4.05,20.107,21.826,29.263,29.427,15.165,63.374.817,63.712.667a3.687,3.687,0,1,1,2.922,6.77A99.072,99.072,0,0,1,431.081,405.569Z" transform="translate(-371.178 -287.866)" fill="url(#linear-gradient)"/>
</g>
</g>
<g id="Group_292" data-name="Group 292" transform="translate(5.344 3.148)">
<path id="Path_402" data-name="Path 402" d="M398.8,490.12a3.685,3.685,0,0,1-.451-7.343c.874-.113,87.559-11.665,114.064-79.709,13.408-34.412,8.433-69.561-12.684-89.541-15.4-14.582-36.366-17.932-56.083-8.982-26.242,11.928-26.961,29.737-25.049,39.293,3.077,15.419,16.861,28.807,30.095,29.235,13.314.451,19.172-3.368,20.173-7.07.846-3.138-1.4-6.854-5.45-9.039a3.684,3.684,0,1,1,3.491-6.488c7.089,3.81,10.819,10.984,9.081,17.443-1.076,4-5.868,13.234-27.534,12.524-16.687-.54-33.322-16.316-37.09-35.159-1.879-9.419-2.8-32.895,29.23-47.449,22.54-10.255,46.542-6.38,64.206,10.335,18.542,17.547,32.086,52.4,14.483,97.575-28.121,72.183-119.11,84.233-120.021,84.346A3.839,3.839,0,0,1,398.8,490.12Z" transform="translate(-75.526 -247.721)" fill="url(#linear-gradient)"/>
<path id="Path_403" data-name="Path 403" d="M444.228,346.89c-37.658,0-49.68-35.135-49.807-35.507a3.689,3.689,0,0,1,7-2.316c.446,1.348,11.406,32.833,46.866,30.3a3.686,3.686,0,1,1,.536,7.352C447.259,346.838,445.718,346.89,444.228,346.89Z" transform="translate(-78.763 -194.652)" fill="url(#linear-gradient)"/>
<path id="Path_404" data-name="Path 404" d="M528.6,461.168q-3.354,0-6.84-.178c-77.364-3.927-117.484-86.483-117.879-87.314a3.686,3.686,0,0,1,6.657-3.166c.38.794,38.673,79.413,111.6,83.119,36.9,1.893,68.678-13.924,80.982-40.27,8.982-19.214,5.558-40.171-9.156-56.05-19.595-21.15-36.728-16.217-45.189-11.388C535.107,353.7,526.745,371,530.518,383.7c3.8,12.806,9.213,17.1,13.07,16.917,3.246-.188,6.06-3.486,6.854-8.024a3.686,3.686,0,1,1,7.263,1.269c-1.386,7.925-7.014,13.727-13.69,14.112-4.148.249-14.418-1.442-20.572-22.183-4.745-16,4.98-36.761,21.681-46.279,8.344-4.754,30.334-13.027,54.246,12.783C616.2,370.458,620.1,394.454,609.8,416.487,599.51,438.5,572.906,461.168,528.6,461.168Z" transform="translate(-44.42 -91.72)" fill="url(#linear-gradient)"/>
<path id="Path_405" data-name="Path 405" d="M431.842,398.3a3.69,3.69,0,0,1-3.411-2.274c-15.869-38.227,16.057-62.524,16.381-62.764a3.686,3.686,0,0,1,4.407,5.91c-1.137.855-27.609,21.192-13.976,54.03a3.687,3.687,0,0,1-3.4,5.1Z" transform="translate(31.334 -98.562)" fill="url(#linear-gradient)"/>
<path id="Path_406" data-name="Path 406" d="M466.813,562.638a61.734,61.734,0,0,1-7.888-.512c-25.331-3.223-56.83-23.372-69.279-70.233-19.881-74.87,46.471-138.291,47.143-138.921a3.686,3.686,0,0,1,5.05,5.37c-.644.606-63.811,61.082-45.062,131.658,9.48,35.7,34.243,61.138,63.078,64.812,21.061,2.7,39.955-6.981,50.577-25.843,14.15-25.115,4.219-39.918-2.96-46.5-11.59-10.631-30.616-13.309-41.553-5.854-11.035,7.54-13.492,14.042-12.116,17.622,1.174,3.03,5.182,4.731,9.739,4.078a3.687,3.687,0,0,1,1.005,7.305c-7.958,1.085-15.212-2.485-17.622-8.728-1.489-3.862-3.026-14.169,14.841-26.36,13.793-9.419,36.526-6.5,50.69,6.5,7.075,6.5,21.667,24.9,4.4,55.557C506.044,551.772,487.713,562.634,466.813,562.638Z" transform="translate(-109.479 -26.65)" fill="url(#linear-gradient)"/>
<path id="Path_407" data-name="Path 407" d="M403.549,390.237a3.688,3.688,0,0,1-2.391-6.5c31.556-26.8,64.445-3.81,64.774-3.575a3.684,3.684,0,0,1-4.284,5.994c-1.16-.813-28.62-19.811-55.717,3.2A3.684,3.684,0,0,1,403.549,390.237Z" transform="translate(-57.979 42.835)" fill="url(#linear-gradient)"/>
<path id="Path_408" data-name="Path 408" d="M405.532,499.341a70.466,70.466,0,0,1-13.408-1.372c-24.3-4.735-41.609-21.807-46.3-45.673-4.919-25.054,4.27-61.3,44.818-87.883,64.784-42.464,145.883.5,146.7.944a3.687,3.687,0,0,1-3.5,6.488c-.775-.418-78.083-41.294-139.151-1.268-30.889,20.253-47.223,51.775-41.618,80.3,4.087,20.821,19.214,35.718,40.468,39.857,28.3,5.515,39.213-8.583,43.2-17.471,6.436-14.352,2.978-33.251-7.549-41.275-10.626-8.1-17.579-8.372-20.539-5.943-2.509,2.062-2.837,6.394-.8,10.518a3.688,3.688,0,1,1-6.615,3.265c-3.556-7.22-2.433-15.226,2.725-19.477,3.2-2.626,12.5-7.333,29.7,5.774,13.276,10.119,17.678,32.617,9.809,50.15C440.09,483.791,430.126,499.341,405.532,499.341Z" transform="translate(-262.238 -49.907)" fill="url(#linear-gradient)"/>
<path id="Path_409" data-name="Path 409" d="M391.159,423.162a3.794,3.794,0,0,1-1.085-.16,3.69,3.69,0,0,1-2.443-4.6c.413-1.353,9.786-33.406-20.6-51.869a3.687,3.687,0,1,1,3.833-6.3c35.365,21.493,23.926,59.959,23.809,60.344A3.679,3.679,0,0,1,391.159,423.162Z" transform="translate(-185.901 1.886)" fill="url(#linear-gradient)"/>
<path id="Path_410" data-name="Path 410" d="M515.375,472.065a3.734,3.734,0,0,1-.747-.075,3.688,3.688,0,0,1-2.87-4.35c.179-.864,16.964-86.69-39.02-133.57-28.314-23.715-63.21-30.236-88.9-16.635-18.745,9.931-28.634,28.723-26.454,50.262,2.908,28.68,19.552,35.055,29.216,36.305,15.62,2.062,32.692-6.756,37.329-19.158,4.684-12.515,2.941-19.247-.249-21.38-2.7-1.8-6.939-.869-10.3,2.274a3.684,3.684,0,1,1-5.032-5.384c5.877-5.487,13.873-6.732,19.43-3.021,3.444,2.3,10.636,9.837,3.058,30.094-5.849,15.625-26.111,26.308-45.179,23.889-9.523-1.236-32.063-7.874-35.605-42.882-2.495-24.622,8.846-46.128,30.329-57.511,22.564-11.961,59.917-13.633,97.091,17.49,59.39,49.736,41.694,139.8,41.51,140.711A3.688,3.688,0,0,1,515.375,472.065Z" transform="translate(-243.407 -207.942)" fill="url(#linear-gradient)"/>
<path id="Path_411" data-name="Path 411" d="M362.747,366.684h-.01a3.686,3.686,0,0,1,.033-7.371h.038c1.762,0,34.825-.479,43.671-34.708a3.685,3.685,0,1,1,7.136,1.842C403.318,366.3,363.574,366.684,362.747,366.684Z" transform="translate(-208.775 -138.067)" fill="url(#linear-gradient)"/>
<g id="Group_290" data-name="Group 290" transform="translate(48.234 4.993)">
<path id="Path_412" data-name="Path 412" d="M500.423,356.135a3.683,3.683,0,0,1-3.589-2.866c-17.171-74.987-82.955-61.608-85.75-61.021a3.685,3.685,0,0,1-1.583-7.2c.756-.178,75.687-15.63,94.516,66.578a3.686,3.686,0,0,1-2.767,4.416A3.843,3.843,0,0,1,500.423,356.135Z" transform="translate(-81.238 -283.788)" fill="url(#linear-gradient)"/>
<path id="Path_413" data-name="Path 413" d="M450.228,450.192a3.686,3.686,0,0,1-1.917-6.835c65.916-40.031,32.34-98.157,30.879-100.61a3.688,3.688,0,0,1,6.337-3.772c.395.662,38.692,66.9-33.388,110.682A3.651,3.651,0,0,1,450.228,450.192Z" transform="translate(66.413 -86.366)" fill="url(#linear-gradient)"/>
<path id="Path_414" data-name="Path 414" d="M450.951,430.41c-16.856,0-36.371-6.093-57.215-24.175a3.688,3.688,0,0,1,4.834-5.572c58.244,50.535,103.339.822,105.232-1.325a3.686,3.686,0,1,1,5.525,4.881C508.984,404.609,485.607,430.41,450.951,430.41Z" transform="translate(-133.541 138.882)" fill="url(#linear-gradient)"/>
<path id="Path_415" data-name="Path 415" d="M385.687,472.22a3.73,3.73,0,0,1-1.442-.291c-.714-.31-70.717-31.184-38.353-109.066A3.687,3.687,0,0,1,352.7,365.7c-29.592,71.21,31.8,98.326,34.435,99.444a3.688,3.688,0,0,1-1.447,7.08Z" transform="translate(-337.351 0.226)" fill="url(#linear-gradient)"/>
<path id="Path_416" data-name="Path 416" d="M345.405,369.921A3.018,3.018,0,0,1,345,369.9a3.684,3.684,0,0,1-3.26-4.064c.08-.77,9.382-76.716,93.319-68.246a3.685,3.685,0,1,1-.742,7.333c-76.716-7.723-84.933,58.874-85.247,61.716A3.685,3.685,0,0,1,345.405,369.921Z" transform="translate(-321.217 -235.196)" fill="url(#linear-gradient)"/>
</g>
<g id="Group_291" data-name="Group 291">
<path id="Path_417" data-name="Path 417" d="M485.953,316.071a3.673,3.673,0,0,1-2.673-1.146c-22.935-24.171-45.945-3.429-46.908-2.537a3.688,3.688,0,0,1-5.022-5.4c.287-.268,29.272-26.642,57.281,2.861a3.685,3.685,0,0,1-2.678,6.224Z" transform="translate(54.141 -234.07)" fill="url(#linear-gradient)"/>
<path id="Path_418" data-name="Path 418" d="M465.069,421.618a3.689,3.689,0,0,1-3.251-5.426c15.766-29.517-11.214-44.681-12.374-45.316a3.688,3.688,0,0,1,3.533-6.474c.348.188,34.515,19.379,15.343,55.266A3.675,3.675,0,0,1,465.069,421.618Z" transform="translate(118.293 17.646)" fill="url(#linear-gradient)"/>
<path id="Path_419" data-name="Path 419" d="M392.119,437.487a54.368,54.368,0,0,1-9.7-.921,3.689,3.689,0,0,1,1.32-7.258c32.772,6.027,39.119-24.335,39.373-25.627a3.686,3.686,0,0,1,7.24,1.391C430.284,405.429,423.74,437.487,392.119,437.487Z" transform="translate(-133.657 153.508)" fill="url(#linear-gradient)"/>
<path id="Path_420" data-name="Path 420" d="M368.152,390.775c-10.119,0-36.427-3.19-41.031-35.751a3.687,3.687,0,0,1,3.133-4.167,3.646,3.646,0,0,1,4.167,3.134c4.684,33.12,35.408,29.46,36.728,29.286a3.687,3.687,0,1,1,.963,7.31A35.4,35.4,0,0,1,368.152,390.775Z" transform="translate(-327.084 -30.971)" fill="url(#linear-gradient)"/>
<path id="Path_421" data-name="Path 421" d="M368.67,338.591a3.691,3.691,0,0,1-3.364-2.171c-.16-.362-15.874-36.249,21.042-53.354a3.687,3.687,0,1,1,3.1,6.69c-30.367,14.066-17.965,42.426-17.42,43.629a3.69,3.69,0,0,1-3.359,5.205Z" transform="translate(-198.528 -282.725)" fill="url(#linear-gradient)"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

3
src/assets/icons/line.svg
Unescape View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1996.187" height="604.523" viewBox="0 0 1996.187 604.523">
<path id="Path_422" data-name="Path 422" d="M0,595.04S60.394,483.523,172.2,461.9c98.067-18.969,244.637,52.487,302.759,41.586a169.5,169.5,0,0,0,58.392-21.191c164-95.713,186.829-452.8,423.071-480.445,182.253-21.331,340.061,414.4,505.6,366.48,88.463-20.341,197.765-262.207,281.636-324.894,65.759-49.15,241.4-27.291,241.4-27.291" transform="translate(6.1 3.383)" fill="rgba(0,0,0,0)" stroke="#196ec0" stroke-linecap="square" stroke-width="9" stroke-dasharray="10 10" opacity="0.02"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 595 B

28
src/views/Home/Page1/index.js
Unescape View File

@ -10,6 +10,8 @@ import olum4Image from "../../../assets/images/olum-4.svg";
import olum7Image from "../../../assets/images/olum-7.svg";
import zist11Image from "../../../assets/images/zist-11.svg";
import arrow from "../../../assets/icons/slider-arrow.svg";
import flatFlower from "../../../assets/icons/flat-flower-white.svg";
import line from "../../../assets/icons/line.svg";
export default function Page1({ list }) {
const [show, setShow] = useState(null);
@ -34,18 +36,38 @@ export default function Page1({ list }) {
return (
<div className="home-page1 relative h-screen w-full pt-20">
<FloatWithMouse />
<img
src={flatFlower}
alt=""
className="absolute transform left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
/>
<img
src={line}
alt=""
className="absolute transform left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
/>
<div className="container flex flex-col lg:px-8">
<header className="z-10 w-full h-10 flex flex-row justify-between bg-red-300 mb-10"></header>
<div className="w-full relative z-10" style={{direction: "ltr"}}>
<div className="w-full relative z-10" style={{ direction: "ltr" }}>
<Carousel
show={show}
slide={2}
swiping={true}
// useArrowKeys={true}
transition={0.5}
rightArrow={<img className="absolute top-1/2 transform -translate-y-1/2 cursor-pointer" src={arrow} alt="" />}
rightArrow={
<img
className="absolute top-1/2 transform -translate-y-1/2 cursor-pointer"
src={arrow}
alt=""
/>
}
leftArrow={
<img className="absolute top-1/2 transform -translate-y-1/2 -translate-x-5 cursor-pointer -rotate-180" src={arrow} alt="" />
<img
className="absolute top-1/2 transform -translate-y-1/2 -translate-x-5 cursor-pointer -rotate-180"
src={arrow}
alt=""
/>
}
>
{list.map((book, index) => (

Write Preview
Loading…
Cancel
Save