Skip to content

S
sweepstake
Commit 7f087b39 by Arjun Jhukal
Options

Merge branch 'ui/slider' into 'main' 

support page

See merge request !2
parents 1aee59f5 4249ce6f
Showing with 286 additions and 127 deletions
public/assets/images/chat.svg 0 → 100644
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4299_24227)">
<path d="M21.7726 10.2582C27.6156 10.169 32.3846 14.7678 32.4977 20.6103C32.5144 21.4682 32.4286 22.3031 32.252 23.104C31.9529 24.46 31.7751 25.84 31.7751 27.2286V29.9129C31.7751 30.3241 31.4417 30.6575 31.0304 30.6575H28.3462C26.9575 30.6575 25.5776 30.8353 24.2215 31.1344C23.4207 31.3111 22.5858 31.3968 21.728 31.3802C15.8855 31.2671 11.2867 26.4983 11.3758 20.6554C11.4627 14.9523 16.0696 10.3454 21.7726 10.2582Z" fill="url(#paint0_linear_4299_24227)"/>
<path d="M21.7726 10.2582C27.6156 10.169 32.3846 14.7678 32.4977 20.6103C32.5144 21.4682 32.4286 22.3031 32.252 23.104C31.9529 24.46 31.7751 25.84 31.7751 27.2286V29.9129C31.7751 30.3241 31.4417 30.6575 31.0304 30.6575H28.3462C26.9575 30.6575 25.5776 30.8353 24.2215 31.1344C23.4207 31.3111 22.5858 31.3968 21.728 31.3802C15.8855 31.2671 11.2867 26.4983 11.3758 20.6554C11.4627 14.9523 16.0696 10.3454 21.7726 10.2582Z" fill="url(#paint1_linear_4299_24227)"/>
<path d="M13.5686 0.619355C6.45026 0.510605 0.640335 6.11316 0.50246 13.231C0.482272 14.276 0.58671 15.2933 0.801959 16.2689C1.16633 17.9209 1.38296 19.6021 1.38296 21.2939V24.564C1.38296 25.065 1.78908 25.4712 2.29014 25.4712H5.56026C7.25201 25.4712 8.9332 25.6878 10.5853 26.0522C11.5609 26.2674 12.5781 26.3719 13.6231 26.3516C20.7408 26.2138 26.3433 20.4041 26.2348 13.2858C26.1289 6.33791 20.5165 0.725417 13.5686 0.619355Z" fill="url(#paint2_linear_4299_24227)"/>
<path d="M8.76191 12.7962C8.39842 12.4099 7.88392 12.1674 7.31154 12.1674C6.21073 12.1674 5.31836 13.0597 5.31836 14.1605C5.31836 14.7329 5.56086 15.2474 5.94717 15.6109L10.2468 19.9105C10.6103 20.2968 11.1248 20.5393 11.6972 20.5393C12.798 20.5393 13.6903 19.647 13.6903 18.5462C13.6903 17.9738 13.4478 17.4593 13.0615 17.0958L8.76191 12.7962Z" fill="url(#paint3_linear_4299_24227)"/>
<path d="M7.31154 16.1535C8.41235 16.1535 9.30473 15.2611 9.30473 14.1603C9.30473 13.0595 8.41235 12.1671 7.31154 12.1671C6.21074 12.1671 5.31836 13.0595 5.31836 14.1603C5.31836 15.2611 6.21074 16.1535 7.31154 16.1535Z" fill="white"/>
<path d="M14.3991 12.7962C14.0356 12.4099 13.5211 12.1674 12.9488 12.1674C11.8479 12.1674 10.9556 13.0597 10.9556 14.1605C10.9556 14.7329 11.1981 15.2474 11.5844 15.6109L15.884 19.9105C16.2476 20.2968 16.7621 20.5393 17.3344 20.5393C18.4352 20.5393 19.3276 19.647 19.3276 18.5462C19.3276 17.9738 19.085 17.4593 18.6987 17.0958L14.3991 12.7962Z" fill="url(#paint4_linear_4299_24227)"/>
<path d="M12.9487 16.1535C14.0496 16.1535 14.9419 15.2611 14.9419 14.1603C14.9419 13.0595 14.0496 12.1671 12.9487 12.1671C11.8479 12.1671 10.9556 13.0595 10.9556 14.1603C10.9556 15.2611 11.8479 16.1535 12.9487 16.1535Z" fill="white"/>
<path d="M20.0358 12.7962C19.6723 12.4099 19.1578 12.1674 18.5855 12.1674C17.4847 12.1674 16.5923 13.0597 16.5923 14.1605C16.5923 14.7329 16.8348 15.2474 17.2211 15.6109L21.5207 19.9105C21.8843 20.2968 22.3988 20.5393 22.9711 20.5393C24.0719 20.5393 24.9643 19.647 24.9643 18.5462C24.9643 17.9738 24.7217 17.4593 24.3355 17.0958L20.0358 12.7962Z" fill="url(#paint5_linear_4299_24227)"/>
<path d="M18.5855 16.1535C19.6863 16.1535 20.5787 15.2611 20.5787 14.1603C20.5787 13.0595 19.6863 12.1671 18.5855 12.1671C17.4847 12.1671 16.5923 13.0595 16.5923 14.1603C16.5923 15.2611 17.4847 16.1535 18.5855 16.1535Z" fill="white"/>
</g>
<defs>
<linearGradient id="paint0_linear_4299_24227" x1="19.8049" y1="18.6881" x2="35.3126" y2="34.1958" gradientUnits="userSpaceOnUse">
<stop stop-color="#A7F3CE"/>
<stop offset="1" stop-color="#61DB99"/>
</linearGradient>
<linearGradient id="paint1_linear_4299_24227" x1="24.8813" y1="23.7642" x2="18.2945" y2="17.178" gradientUnits="userSpaceOnUse">
<stop stop-color="#61DB99" stop-opacity="0"/>
<stop offset="1" stop-color="#009E74"/>
</linearGradient>
<linearGradient id="paint2_linear_4299_24227" x1="8.66682" y1="11.4056" x2="25.0398" y2="27.7785" gradientUnits="userSpaceOnUse">
<stop stop-color="#62E1FB"/>
<stop offset="1" stop-color="#00A2F3"/>
</linearGradient>
<linearGradient id="paint3_linear_4299_24227" x1="11.7454" y1="18.5948" x2="3.1248" y2="9.97446" gradientUnits="userSpaceOnUse">
<stop stop-color="#00A2F3" stop-opacity="0"/>
<stop offset="1" stop-color="#0075CD"/>
</linearGradient>
<linearGradient id="paint4_linear_4299_24227" x1="17.3822" y1="18.5946" x2="8.76188" y2="9.97424" gradientUnits="userSpaceOnUse">
<stop stop-color="#00A2F3" stop-opacity="0"/>
<stop offset="1" stop-color="#0075CD"/>
</linearGradient>
<linearGradient id="paint5_linear_4299_24227" x1="23.0189" y1="18.5947" x2="14.3986" y2="9.97434" gradientUnits="userSpaceOnUse">
<stop stop-color="#00A2F3" stop-opacity="0"/>
<stop offset="1" stop-color="#0075CD"/>
</linearGradient>
<clipPath id="clip0_4299_24227">
<rect width="32" height="32" fill="white" transform="translate(0.5)"/>
</clipPath>
</defs>
</svg>
public/assets/images/support.svg 0 → 100644
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4299_24260)">
<path d="M9.35833 8.428C7.82566 5.05667 9.93233 2.51333 12.0483 1.67067V1.676C12.0743 1.34933 12.117 1.05533 12.1617 0.808C12.2477 0.338 12.6603 0 13.139 0H19.4103C23.3123 0 25.873 4.55067 24.4237 8.53467L23.433 11.2593H10.6457L9.35899 8.42867L9.35833 8.428Z" fill="#0D3B8D"/>
<path d="M11.6861 8.68329C10.4968 6.06796 10.6641 3.76463 11.5295 1.91663C9.61148 2.94129 7.95148 5.33396 9.35814 8.42796L10.6448 11.2586H12.8568L11.6861 8.68329Z" fill="#00286F"/>
<path d="M26.1666 32H7.49994C6.50794 32 5.57394 31.5613 4.93861 30.796C4.30194 30.03 4.04194 29.0293 4.22461 28.0506L5.17194 23.0033C5.49927 21.238 6.78661 19.8426 8.52994 19.3633L13.1519 18.104C15.5593 17.4473 18.1066 17.4473 20.5153 18.104L25.1359 19.3633H25.1373C26.8806 19.8426 28.1679 21.238 28.4959 23.0046L29.4419 28.05C29.6246 29.0286 29.3653 30.0293 28.7286 30.796C28.0933 31.5613 27.1586 32 26.1666 32Z" fill="#0588E2"/>
<path d="M28.1668 30H9.50017C8.50817 30 7.57417 29.5614 6.93883 28.796C6.30217 28.03 6.04217 27.0294 6.22483 26.0507L7.17217 21.0034C7.2555 20.5547 7.4015 20.1307 7.60083 19.7394C6.3415 20.3934 5.43817 21.572 5.17217 23.0034L4.22483 28.0507C4.04283 29.0287 4.30217 30.0294 4.93883 30.796C5.57417 31.5614 6.50817 32 7.50017 32H26.1668C27.1588 32 28.0928 31.5614 28.7282 30.796C28.9782 30.4954 29.1675 30.1574 29.2975 29.8C28.9395 29.9294 28.5582 30 28.1668 30Z" fill="#0075D3"/>
<path d="M16.167 21.3334H17.5003V32H16.167V21.3334Z" fill="#0075D3"/>
<path d="M16.167 30H17.5003V32H16.167V30Z" fill="#005CCC"/>
<path d="M12.1667 26.6667H10.1667C9.798 26.6667 9.5 26.368 9.5 26C9.5 25.632 9.798 25.3334 10.1667 25.3334H12.1667C12.5353 25.3334 12.8333 25.632 12.8333 26C12.8333 26.368 12.5353 26.6667 12.1667 26.6667Z" fill="#EFF3F9"/>
<path d="M15.5002 17.3334H18.1668C20.7442 17.3334 22.8335 19.4227 22.8335 22C22.8335 22.7367 22.2368 23.3334 21.5002 23.3334H12.1668C11.4302 23.3334 10.8335 22.7367 10.8335 22C10.8335 19.4227 12.9228 17.3334 15.5002 17.3334Z" fill="#47CAF0"/>
<path d="M13.5 16.0266V19.9999C13.5 21.8406 14.9927 23.3333 16.8333 23.3333C18.674 23.3333 20.1667 21.8406 20.1667 19.9999V16.0266H13.5Z" fill="#FFCDB4"/>
<path d="M13.5 20C13.5 20.218 13.524 20.43 13.564 20.636C13.764 20.65 13.9633 20.6667 14.1667 20.6667C16.4973 20.6667 18.6093 19.742 20.1667 18.2447V16.026H13.5V20Z" fill="#F6A28D"/>
<path d="M22.8342 16H19.5002C19.1315 16 18.8335 15.7014 18.8335 15.3334C18.8335 14.9654 19.1315 14.6667 19.5002 14.6667H22.8342C23.2022 14.6667 23.5008 14.3674 23.5008 14V12C23.5008 11.632 23.7988 11.3334 24.1675 11.3334C24.5362 11.3334 24.8342 11.632 24.8342 12V14C24.8342 15.1027 23.9368 16 22.8342 16Z" fill="#AFB4C2"/>
<path d="M23.5 13.3333H22.1667C21.798 13.3333 21.5 13.0347 21.5 12.6667V8.66667C21.5 8.29867 21.798 8 22.1667 8H23.5C24.6027 8 25.5 8.89733 25.5 10V11.3333C25.5 12.436 24.6027 13.3333 23.5 13.3333Z" fill="#0075D3"/>
<path d="M8.16699 11.3333V10C8.16699 8.89733 9.06433 8 10.167 8H11.5003C11.869 8 12.167 8.29867 12.167 8.66667V12.6667C12.167 13.0347 11.869 13.3333 11.5003 13.3333H10.167C9.06433 13.3333 8.16699 12.436 8.16699 11.3333Z" fill="#0075D3"/>
<path d="M23.5 12H22.1667C21.798 12 21.5 11.7013 21.5 11.3333V12.6667C21.5 13.0347 21.798 13.3333 22.1667 13.3333H23.5C24.6027 13.3333 25.5 12.436 25.5 11.3333V10C25.5 11.1027 24.6027 12 23.5 12Z" fill="#005CCC"/>
<path d="M11.5003 12H10.167C9.06433 12 8.16699 11.1027 8.16699 10V11.3333C8.16699 12.436 9.06433 13.3333 10.167 13.3333H11.5003C11.869 13.3333 12.167 13.0347 12.167 12.6667V11.3333C12.167 11.7013 11.869 12 11.5003 12Z" fill="#005CCC"/>
<path d="M10.8335 13.3333V8.66667C10.8335 7.194 12.0275 6 13.5002 6H20.1668C21.6395 6 22.8335 7.194 22.8335 8.66667V13.3333C22.8335 14.614 22.3248 15.842 21.4195 16.7473L20.2482 17.9187C19.3428 18.824 18.1148 19.3327 16.8342 19.3327C15.5535 19.3327 14.3255 18.824 13.4202 17.9187L12.2488 16.7473C11.3435 15.842 10.8348 14.614 10.8348 13.3333H10.8335Z" fill="#FFCDB4"/>
<path d="M15.678 17.778L14.3893 16.4893C13.3933 15.4933 12.834 14.142 12.834 12.734V7.60063C12.834 7.0173 13.0093 6.4773 13.3027 6.02063C11.924 6.12396 10.834 7.26263 10.834 8.6673V13.334C10.834 14.6146 11.3427 15.8426 12.248 16.748L13.4193 17.9193C14.3247 18.8246 15.5527 19.3333 16.8333 19.3333C17.2673 19.3333 17.6933 19.2706 18.1047 19.158C17.1947 18.9226 16.3533 18.4533 15.678 17.778Z" fill="#F6A28D"/>
<path d="M22.8342 16H19.5002C19.1315 16 18.8335 15.7013 18.8335 15.3333C18.8335 14.9653 19.1315 14.6666 19.5002 14.6666H22.8342V16Z" fill="#AFB4C2"/>
<path d="M18.8337 14H17.5003C16.7639 14 16.167 14.597 16.167 15.3333C16.167 16.0697 16.7639 16.6667 17.5003 16.6667H18.8337C19.57 16.6667 20.167 16.0697 20.167 15.3333C20.167 14.597 19.57 14 18.8337 14Z" fill="#0D3B8D"/>
<path d="M19.5003 16H18.167C17.4303 16 16.8337 15.4033 16.8337 14.6667C16.8337 14.4713 16.8783 14.2873 16.9537 14.12C16.491 14.3293 16.167 14.7927 16.167 15.3333C16.167 16.07 16.7637 16.6667 17.5003 16.6667H18.8337C19.3743 16.6667 19.8383 16.3433 20.047 15.88C19.8797 15.9553 19.6957 16 19.5003 16Z" fill="#00286F"/>
</g>
<defs>
<clipPath id="clip0_4299_24260">
<rect width="32" height="32" fill="white" transform="translate(0.833496)"/>
</clipPath>
</defs>
</svg>
public/assets/images/technical.svg 0 → 100644
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4299_24282)">
<path d="M31.4479 18.2835C31.5807 18.2223 31.6657 18.0893 31.6657 17.9431V14.0556C31.6657 13.9093 31.5807 13.7764 31.4479 13.7151L28.5474 12.376L27.4842 9.80583L28.5871 6.80971C28.6376 6.67252 28.6038 6.51846 28.5004 6.41508L25.7519 3.66477C25.6484 3.56127 25.4942 3.52739 25.3569 3.57796L22.3592 4.68258L19.7891 3.61771L18.4518 0.717268C18.3905 0.584393 18.2576 0.499268 18.1112 0.499268H14.2219C14.0757 0.499268 13.9427 0.584268 13.8815 0.71708L12.5423 3.61771L9.97392 4.68252L6.97617 3.57789C6.83898 3.52739 6.68479 3.56114 6.58136 3.66458L3.83104 6.41489C3.72761 6.51833 3.69373 6.67252 3.74436 6.80977L4.84892 9.80571L3.78404 12.3759L0.88523 13.715C0.75248 13.7763 0.66748 13.9092 0.66748 14.0555V17.943C0.66748 18.0891 0.75248 18.2221 0.88523 18.2834L3.78404 19.6225L4.84898 22.1927L4.17167 24.0308L1.48611 26.717C0.95823 27.2438 0.667543 27.9475 0.667543 28.6984C0.667543 29.4493 0.958105 30.1532 1.48586 30.681C2.03229 31.2273 2.74998 31.5005 3.46767 31.5005C4.18542 31.5005 4.90317 31.2273 5.44954 30.6809L8.13817 27.9917L9.97386 27.316L12.5423 28.3808L13.8815 31.2815C13.9427 31.4143 14.0757 31.4993 14.2219 31.4993H18.1112C18.2575 31.4993 18.3905 31.4141 18.4518 31.2813L19.789 28.3809L21.8948 27.5096C22.3355 29.7797 24.3376 31.4993 26.7346 31.4993C29.4536 31.4993 31.6656 29.2872 31.6656 26.5683C31.6656 24.1712 29.946 22.1691 27.6759 21.7285L28.5473 19.6226L31.4479 18.2835H31.4479ZM16.1666 23.3405C15.1694 23.3405 14.2182 23.1403 13.3505 22.7785L14.5986 21.5301C15.1084 21.6746 15.6344 21.7478 16.1657 21.7478C19.3354 21.7478 21.9142 19.1691 21.9142 15.9993C21.9142 15.3867 21.8187 14.7845 21.6303 14.2095C21.5897 14.0857 21.4879 13.9918 21.3611 13.9615C21.2343 13.9311 21.101 13.9689 21.0089 14.061L18.4874 16.5808L15.5843 13.6778L18.1056 11.1581C18.1978 11.066 18.2355 10.9326 18.2053 10.8058C18.175 10.679 18.0811 10.577 17.9573 10.5365C17.3785 10.3469 16.7757 10.2508 16.1656 10.2508C12.9959 10.2508 10.4171 12.8296 10.4171 15.9993C10.4171 16.5306 10.4902 17.0566 10.6348 17.5665L9.38704 18.8145C9.02554 17.9471 8.82542 16.9962 8.82542 15.9993C8.82542 11.9514 12.1186 8.65821 16.1665 8.65821C20.2145 8.65821 23.5077 11.9514 23.5077 15.9993C23.5077 20.0473 20.2145 23.3405 16.1665 23.3405H16.1666Z" fill="#FFC250"/>
<path d="M21.6302 14.2095C21.5897 14.0857 21.4878 13.9919 21.361 13.9615C21.2342 13.9312 21.101 13.9689 21.0088 14.061L18.4873 16.5809L15.5842 13.6778L18.1055 11.1581C18.1977 11.066 18.2355 10.9326 18.2052 10.8058C18.175 10.679 18.081 10.577 17.9572 10.5365C17.3785 10.3469 16.7757 10.2509 16.1655 10.2509C12.9958 10.2509 10.417 12.8296 10.417 15.9994C10.417 16.5306 10.4902 17.0567 10.6347 17.5665L1.48604 26.7171C0.958168 27.2439 0.66748 27.9476 0.66748 28.6985C0.66748 29.4495 0.958043 30.1534 1.48579 30.6811C2.03223 31.2275 2.74992 31.5007 3.46761 31.5007C4.18536 31.5007 4.90311 31.2274 5.44948 30.681L14.5985 21.5302C15.1084 21.6747 15.6344 21.7479 16.1656 21.7479C19.3354 21.7479 21.9141 19.1691 21.9141 15.9994C21.9141 15.3867 21.8186 14.7845 21.6302 14.2095Z" fill="#4A80AA"/>
<path d="M21.6302 14.2095C21.5896 14.0857 21.4878 13.9918 21.361 13.9615C21.3031 13.9477 21.2439 13.9487 21.1878 13.9619C21.2553 14.3165 21.2901 14.6782 21.2901 15.0438C21.2901 18.2136 18.7113 20.7923 15.5416 20.7923C15.0103 20.7923 14.4843 20.7192 13.9745 20.5747L4.82544 29.7255C4.279 30.2719 3.56125 30.5451 2.84356 30.5452C2.12587 30.5452 1.40812 30.272 0.86175 29.7256C0.860937 29.7248 0.860188 29.7239 0.859375 29.7231C0.998 30.0784 1.20887 30.4042 1.48575 30.6811C2.03219 31.2275 2.74988 31.5007 3.46756 31.5007C4.18531 31.5007 4.90306 31.2274 5.44944 30.681L14.5985 21.5302C15.1083 21.6747 15.6343 21.7478 16.1656 21.7478C19.3353 21.7478 21.9141 19.1691 21.9141 15.9993C21.9141 15.3867 21.8186 14.7845 21.6302 14.2095Z" fill="#407093"/>
<path d="M14.7969 12.8907L15.5867 13.6806L18.1054 11.1582C18.1976 11.0661 18.2353 10.9327 18.2051 10.8059C18.1748 10.6791 18.0809 10.5771 17.9571 10.5366C17.7466 10.4676 17.5328 10.4114 17.3167 10.3673L14.7969 12.8908V12.8907Z" fill="#407093"/>
<path d="M16.1653 7.1582C11.2903 7.1582 7.32422 11.1243 7.32422 15.9993C7.32422 17.3698 7.64497 18.7285 8.25359 19.9479L9.38503 18.8163C9.01684 17.9281 8.82422 16.9675 8.82422 15.9993C8.82422 11.9514 12.1174 8.6582 16.1653 8.6582C20.2133 8.6582 23.5083 11.9514 23.5083 15.9993C23.5083 20.0473 20.2142 23.3405 16.1653 23.3405C15.1972 23.3405 14.2365 23.148 13.3484 22.7802L12.2169 23.912C13.4362 24.52 14.7948 24.8405 16.1653 24.8405C21.0413 24.8405 25.0083 20.8743 25.0083 15.9993C25.0083 11.1243 21.0413 7.1582 16.1653 7.1582Z" fill="#F2B149"/>
<path d="M26.7347 31.4993C29.458 31.4993 31.6657 29.2916 31.6657 26.5683C31.6657 23.845 29.458 21.6373 26.7347 21.6373C24.0114 21.6373 21.8037 23.845 21.8037 26.5683C21.8037 29.2916 24.0114 31.4993 26.7347 31.4993Z" fill="#80B4FB"/>
<path d="M26.7344 21.6373C26.5974 21.6373 26.4622 21.6444 26.3281 21.6554C28.8576 21.8628 30.8529 23.9863 30.8529 26.5683C30.8529 29.1504 28.8576 31.2738 26.3281 31.4813C26.4622 31.4923 26.5974 31.4993 26.7344 31.4993C29.4534 31.4993 31.6654 29.2873 31.6654 26.5683C31.6654 23.8494 29.4533 21.6373 26.7344 21.6373Z" fill="#61A2F9"/>
<path d="M26.0168 28.6936C25.8247 28.6936 25.6328 28.6202 25.4865 28.4739L24.0532 27.0406C23.7603 26.7476 23.7603 26.2728 24.0532 25.9799C24.3461 25.6869 24.8209 25.6869 25.1138 25.9799L26.0277 26.8937L28.366 24.6502C28.6649 24.3635 29.1396 24.3732 29.4264 24.6721C29.7132 24.971 29.7033 25.4458 29.4045 25.7326L26.536 28.4847C26.3908 28.624 26.2037 28.6935 26.0168 28.6935L26.0168 28.6936Z" fill="#E4F6FF"/>
<path d="M17.0765 0.71733L18.4138 3.61777L21.631 4.95077L22.3588 4.68258L19.7887 3.61771L18.4514 0.717268C18.3902 0.584393 18.2572 0.499268 18.1108 0.499268H16.7358C16.8822 0.499268 17.0151 0.584393 17.0764 0.717268L17.0765 0.71733Z" fill="#F2B149"/>
<path d="M31.4473 13.7151L28.5468 12.376L27.4836 9.80581L28.5865 6.80968C28.637 6.67249 28.6032 6.51843 28.4998 6.41506L25.7513 3.66474C25.6478 3.56124 25.4937 3.52737 25.3563 3.57793L24.5767 3.86524L27.1248 6.41506C27.2282 6.51843 27.262 6.67249 27.2115 6.80968L26.1086 9.80581L27.1718 12.376L30.0723 13.7151C30.2052 13.7764 30.2902 13.9093 30.2902 14.0556V17.9431C30.2902 18.0893 30.2052 18.2222 30.0723 18.2835L27.1718 19.6226L26.3307 21.6551C26.4639 21.6443 26.5982 21.6372 26.734 21.6372C27.056 21.6372 27.3705 21.6692 27.6753 21.7284L28.5467 19.6226L31.4473 18.2835C31.5801 18.2222 31.6651 18.0893 31.6651 17.9431V14.0556C31.6651 13.9093 31.5801 13.7764 31.4473 13.7151H31.4473Z" fill="#F2B149"/>
<path d="M21.3997 27.1454L18.4137 28.381L17.0764 31.2814C17.0152 31.4143 16.8822 31.4994 16.7358 31.4994H18.1108C18.2572 31.4994 18.3901 31.4143 18.4514 31.2814L19.7887 28.381L21.8944 27.5097C21.8763 27.4165 21.8612 27.3223 21.8485 27.2273L21.3997 27.1454V27.1454Z" fill="#F2B149"/>
</g>
<defs>
<clipPath id="clip0_4299_24282">
<rect width="32" height="32" fill="white" transform="translate(0.166504)"/>
</clipPath>
</defs>
</svg>
src/app/(dashboard)/(user)/(outsideAuth)/page.tsx
......@@ -40,124 +40,135 @@ export default async function Home() {
return (
<>
<>
<Dashboard />
<Dashboard />
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4 2xl:grid-cols-5 mb-8">
{games?.data?.data.map((game) => (
<ProtectedLink
href={`exclusive-games/${game.id}`}
key={game.id}
className="col-span-1 ">
<div
className="flex items-center gap-3 py-2 px-6"
style={{
borderRadius: "24px",
background: "rgba(255, 255, 255, 0.10)",
}}>
<Image
src={game.thumbnail || "/assets/images/fallback.png"}
alt={game.name}
width={74}
height={74}
className="aspect-[1/1] object-cover group-hover:scale-105 transition-transform duration-300 rounded-full"
/>
<strong className="text-[14px]">{game?.name} </strong>
</div>
</ProtectedLink>
))}
</div>
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4 2xl:grid-cols-5 mb-8">
{
games?.data?.data.map((game) => (
<ProtectedLink href={`exclusive-games/${game.id}`} key={game.id} className="col-span-1 " >
<div className="flex items-center gap-3 py-2 px-6" style={
{
borderRadius: "24px",
background: "rgba(255, 255, 255, 0.10)",
}
}>
<Image
src={game.thumbnail || "/assets/images/fallback.png"}
alt={game.name}
width={74}
height={74}
className="aspect-[1/1] object-cover group-hover:scale-105 transition-transform duration-300 rounded-full"
/>
<strong className="text-[14px]">{game?.name} </strong>
</div>
</ProtectedLink>
))
}
</div >
<section className="trending__games">
<h2 className="text-[14px] mb-4">Top 10 Trending Games</h2>
<div className="grid gap-4 grid-cols-2 md:grid-cols-3 lg:grid-cols-5 2xl:grid-cols-6 mb-8">
{
subGames?.data?.map((game: any) => (
<ProtectedLink href={`exclusive-games/${game.id}`} key={game.name} className="col-span-1 relative aspect-[1/1]" >
<Image
src={game.image_url || "/assets/images/fallback.png"}
alt={game.name || ""}
fill
className=" rounded-[24px] lg:rounded-[32px] object-cover group-hover:scale-105 transition-transform duration-300 "
/>
</ProtectedLink>
))
}
</div >
</section>
<div className="dashboard-card-wrapper grid grid-cols-2 gap-5 justify-center">
<div
className="dashboard-card1 flex px-10 gap-2 rounded-[24px]"
style={{
background: "rgba(255, 255, 255, 0.20)",
}}>
<div className="py-7 gap-6">
<h1
className="text-[40px] mb-[8px]"
style={{
color: "#FBD230",
lineHeight: "96%",
letterSpacing: "-0.682px",
}}>
Welcome BONUS!!
</h1>
<p
className="text-[13px] mb-[12px]"
style={{ lineHeight: "120%", color: "#FBD230" }}>
10$ on first play.
</p>
<a
href="#"
className="px-[18px] py-[11px] rounded-[28px]"
style={{
background:
"linear-gradient(270deg, #F9B901 0.09%, #D09F12 95.19%)",
}}>
Play Now
</a>
</div>
<div className="dashboard-card-img aspect-[245/245]">
<img src="/assets/images/card1.png" alt="" className="h-auto max-w-full" />
</div>
</div>
<div
className="dashboard-card2 flex px-[45px] gap-2 rounded-[24px]"
style={{
background: "rgba(255, 255, 255, 0.10)",
}}>
<div className="py-[45px] gap-6">
<h1
className="text-[40px] mb-[10px]"
style={{
color: "#1AF7FE",
letterSpacing: "-0.682px",
lineHeight: "96%",
}}>
Easy.Set.Play
</h1>
<p
className="text-[13px] mb-[12px]"
style={{ color: "#E7BCFE", lineHeight: "120%" }}>
Join the Fun today.
</p>
<a
href="#"
className="px-[18px] py-[11px] rounded-[28px]"
style={{
background:
"linear-gradient(270deg, #D620D9 0.09%, #B40EF0 95.19%)",
}}>
Play Now
</a>
</div>
<div className="dashboard-card-img w-[204px] h-[204px]">
<img src="/assets/images/card2.png" alt="" />
</div>
</div>
</div>
<UspSlider uspData={usps.data || []} />
</>
);
<section className="trending__games">
<h2 className="text-[14px] mb-4">Top 10 Trending Games</h2>
<div className="grid gap-4 grid-cols-2 md:grid-cols-3 lg:grid-cols-5 2xl:grid-cols-6 mb-8">
{subGames?.data?.map((game: any) => (
<ProtectedLink
href={`exclusive-games/${game.id}`}
key={game.name}
className="col-span-1 relative aspect-[1/1]">
<Image
src={game.image_url || "/assets/images/fallback.png"}
alt={game.name || ""}
fill
className=" rounded-[24px] lg:rounded-[32px] object-cover group-hover:scale-105 transition-transform duration-300 "
/>
</ProtectedLink>
))}
</div>
</section>
<div className="dashboard-card-wrapper grid grid-cols-2 gap-5 justify-center">
<div
className="dashboard-card1 flex px-10 gap-2 rounded-[24px]"
style={{
background: "rgba(255, 255, 255, 0.20)",
}}>
<div className="py-7 gap-6">
<h1
className="text-[40px] mb-[8px]"
style={{
color: "#FBD230",
lineHeight: "96%",
letterSpacing: "-0.682px",
}}>
Welcome BONUS!!
</h1>
<p
className="text-[13px] mb-[12px]"
style={{ lineHeight: "120%", color: "#FBD230" }}>
10$ on first play.
</p>
<a
href="#"
className="px-[18px] py-[11px] rounded-[28px]"
style={{
background:
"linear-gradient(270deg, #F9B901 0.09%, #D09F12 95.19%)",
}}>
Play Now
</a>
</div>
<div className="dashboard-card-img aspect-[245/245]">
<img
src="/assets/images/card1.png"
alt=""
// className="w-[245px] h-[245px]"
className="h-auto max-w-full "
style={{ width: "245px", height: "245px" }}
/>
</div>
</div>
<div
className="dashboard-card2 flex px-[45px] gap-2 rounded-[24px]"
style={{
background: "rgba(255, 255, 255, 0.10)",
}}>
<div className="py-[45px] gap-6">
<h1
className="text-[40px] mb-[10px]"
style={{
color: "#1AF7FE",
letterSpacing: "-0.682px",
lineHeight: "96%",
}}>
Easy.Set.Play
</h1>
<p
className="text-[13px] mb-[12px]"
style={{ color: "#E7BCFE", lineHeight: "120%" }}>
Join the Fun today.
</p>
<a
href="#"
className="px-[18px] py-[11px] rounded-[28px]"
style={{
background:
"linear-gradient(270deg, #D620D9 0.09%, #B40EF0 95.19%)",
}}>
Play Now
</a>
</div>
<div className="dashboard-card-img ">
<img
src="/assets/images/card2.png"
alt=""
// className="w-[245px] h-[245px]"
className="h-auto max-w-full "
style={{ width: "245px", height: "245px" }}
/>
</div>
</div>
</div>
<UspSlider uspData={usps.data || []} />
</>
);
}
src/app/(dashboard)/(user)/(outsideAuth)/support/page.tsx
import React from 'react'
import Link from "next/link";
import React from "react";
export default function Support() {
return (
<section className="support__root">
<div className="section__title mb-8">
<h1 className='text-[26px] lg:text-[32px] mb-2'>Need any Assistance?</h1>
<p className='text-[11px] lg:text-[14px]'>Here goes the subtitle or description on the assistance need.</p>
</div>
</section>
)
return (
<section className="support__root">
<div className="section__title mb-8">
<h1 className="text-[26px] lg:text-[32px] mb-2">
Need any Assistance?
</h1>
<p className="text-[11px] lg:text-[14px]">
Here goes the subtitle or description on the assistance need.
</p>
</div>
<div className="grid xl:grid-cols-3 lg:grid-cols-2 grid-cols-1 gap-6">
<div
className="p-6 rounded-[24px]"
style={{ background: "rgba(255, 255, 255, 0.04)" }}>
<img
src="/assets/images/chat.svg"
alt="chat"
className="w-[32px] h-[32px] mb-8"
/>
<h2 className="mb-2 text-[20px]">Live Chat (Fastest)</h2>
<p className="mb-8 text-[11px]">
Here goes the subtitle or description on the assistance need.
</p>
<a
href="#"
className="inline-block text-center px-[22px] py-[11px] rounded-[28px]"
style={{
background: "linear-gradient(90deg, #B100B8 0%, #F335ED 100%)",
}}>
Start Live Chat
</a>
</div>
<div
className="p-6 rounded-[24px]"
style={{ background: "rgba(255, 255, 255, 0.04)" }}>
<img
src="/assets/images/support.svg"
alt=""
className="w-[32px] h-[32px] mb-8"
/>
<h2 className="mb-2 text-[20px]">Customer Support</h2>
<p className="text-[11px] mb-8">
Questions about your account or gameplay? Our team is here for you.
</p>
<Link href="#" className="underline">support@sweepstakeonline.com</Link>
</div>
<div
className="p-6 rounded-[24px]"
style={{ background: "rgba(255, 255, 255, 0.04)" }}>
<img
src="/assets/images/technical.svg"
alt=""
className="w-[32px] h-[32px] mb-8"
/>
<h2 className="mb-2 text-[20px]">Technical Support</h2>
<p className="text-[11px] mb-8">
Questions about your account or gameplay? Our team is here for you.
</p>
<Link href="#" className="underline">technical@sweepstakeonline.com</Link>
</div>
</div>
</section>
);
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment