feat(frontend): add initial frontend structure with components, services, and assets

frontend/public/favicon.svg

@@ -0,0 +1,4 @@
+<svg width="219" height="214" viewBox="0 0 219 214" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5701 128.045C30.793 134.655 42.773 133.459 49.5925 125.454L84.852 148.065C80.261 162.793 84.7144 179.46 97.4461 189.696C114.015 203.055 138.356 200.443 151.678 183.81C164.485 167.898 162.58 144.929 147.753 131.284L181.95 83.8694C191.109 87.9891 202.278 85.6089 208.887 77.386C216.718 67.61 215.184 53.2829 205.408 45.4516C195.646 37.5702 181.318 39.1042 173.474 48.9303C166.376 57.7744 166.983 70.3488 174.425 78.4681L140.228 125.883C124.138 116.951 103.443 120.593 91.5098 135.449C90.4552 136.779 89.4875 138.185 88.6334 139.568L53.6475 117.137C55.2004 110.139 52.8361 102.52 46.8743 97.6988C38.4778 90.9356 26.2433 92.2782 19.4801 100.675C12.7805 109.035 14.0598 121.306 22.4563 128.069L22.5701 128.045Z" fill="#00FFA7"/>
+<path d="M130.474 173.409C132.451 172.638 134.289 171.452 136.009 169.792L143.599 178.014C138.974 183.311 132.214 185.96 123.319 185.96C117.765 185.96 112.863 184.873 108.614 182.718C104.345 180.564 101.064 177.559 98.7509 173.725C96.4384 169.89 95.2722 165.522 95.2722 160.66C95.2722 155.798 96.4187 151.509 98.6917 147.635C100.985 143.761 104.107 140.756 108.1 138.582C112.093 136.428 116.579 135.341 121.58 135.341C126.264 135.341 130.534 136.329 134.368 138.305C138.203 140.282 141.266 143.148 143.559 146.903C145.852 150.659 146.979 155.086 146.979 160.205L110.61 167.242C111.638 169.673 113.279 171.511 115.492 172.717C117.706 173.942 120.434 174.535 123.675 174.535C126.225 174.535 128.498 174.16 130.474 173.389V173.409ZM112.804 149.611C110.551 151.924 109.365 155.126 109.246 159.197L133.182 154.533C132.51 151.983 131.147 149.927 129.071 148.405C126.996 146.884 124.505 146.113 121.58 146.113C117.983 146.113 115.057 147.279 112.804 149.591V149.611Z" fill="#1C1C1C"/>
+</svg>

frontend/public/images/svg/facebook.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet"><circle cx="12" cy="12" r="12" fill="url(#paint0_linear_MessengerChannel_7619_1719)"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 11.7277C5 8.13397 8.11522 5.22119 11.958 5.22119C15.8008 5.22119 18.916 8.13397 18.916 11.7277C18.916 15.3215 15.8008 18.2343 11.958 18.2343C11.2635 18.2343 10.5926 18.1391 9.9597 17.9617L7.58508 19.279V16.7886C6.00817 15.5961 5 13.7721 5 11.7277ZM7.77708 13.6454L9.65079 10.6474C9.98917 10.106 10.7189 9.97105 11.2285 10.3556L12.694 11.4614C12.8258 11.5608 13.0082 11.5578 13.1366 11.4542L15.1731 9.81011C15.4883 9.55573 15.9182 9.93534 15.7048 10.2795L13.7239 13.4747C13.3718 14.0426 12.5957 14.1618 12.0894 13.7257L10.7446 12.5673C10.6142 12.455 10.4225 12.4508 10.2873 12.5572L8.30465 14.1186C7.98785 14.3681 7.56336 13.9873 7.77708 13.6454Z" fill="white"></path><defs><linearGradient id="paint0_linear_MessengerChannel_7619_1719" x1="13.5" y1="27.5" x2="3.5" y2="-2.16672e-07" gradientUnits="userSpaceOnUse"><stop offset="0.1137" stop-color="#006DFF"></stop><stop offset="1" stop-color="#00C6FF"></stop></linearGradient></defs></svg>

frontend/public/images/svg/instagram.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" class="text-secondary"><path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="#FB2690"></path><path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint0_linear_InstagramChannel_7619_1727)"></path><path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint1_radial_7619_1727)"></path><path d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z" fill="url(#paint2_radial_7619_1727)"></path><path d="M8.88889 5C7.85749 5 6.86834 5.40972 6.13903 6.13903C5.40972 6.86834 5 7.85749 5 8.88889V15.1111C5 16.1425 5.40972 17.1317 6.13903 17.861C6.86834 18.5903 7.85749 19 8.88889 19H15.1111C16.1425 19 17.1317 18.5903 17.861 17.861C18.5903 17.1317 19 16.1425 19 15.1111V8.88889C19 7.85749 18.5903 6.86834 17.861 6.13903C17.1317 5.40972 16.1425 5 15.1111 5H8.88889ZM16.6667 6.55556C17.0944 6.55556 17.4444 6.90556 17.4444 7.33333C17.4444 7.76111 17.0944 8.11111 16.6667 8.11111C16.2389 8.11111 15.8889 7.76111 15.8889 7.33333C15.8889 6.90556 16.2389 6.55556 16.6667 6.55556ZM12 8.11111C13.0314 8.11111 14.0206 8.52083 14.7499 9.25014C15.4792 9.97945 15.8889 10.9686 15.8889 12C15.8889 13.0314 15.4792 14.0206 14.7499 14.7499C14.0206 15.4792 13.0314 15.8889 12 15.8889C10.9686 15.8889 9.97945 15.4792 9.25014 14.7499C8.52083 14.0206 8.11111 13.0314 8.11111 12C8.11111 10.9686 8.52083 9.97945 9.25014 9.25014C9.97945 8.52083 10.9686 8.11111 12 8.11111ZM12 9.66667C11.6935 9.66677 11.39 9.72724 11.1068 9.84464C10.8237 9.96203 10.5664 10.134 10.3498 10.3509C10.1331 10.5677 9.96125 10.825 9.84404 11.1083C9.72684 11.3915 9.66656 11.695 9.66667 12.0016C9.66677 12.3081 9.72724 12.6116 9.84464 12.8947C9.96203 13.1779 10.134 13.4351 10.3509 13.6518C10.5677 13.8685 10.825 14.0403 11.1083 14.1575C11.3915 14.2747 11.695 14.335 12.0016 14.3349C12.6206 14.3347 13.2142 14.0886 13.6518 13.6507C14.0894 13.2128 14.3351 12.619 14.3349 12C14.3347 11.381 14.0886 10.7873 13.6507 10.3498C13.2128 9.91218 12.619 9.66646 12 9.66667Z" fill="white"></path><defs><linearGradient id="paint0_linear_InstagramChannel_7619_1727" x1="7.5" y1="-10" x2="13" y2="15.5" gradientUnits="userSpaceOnUse"><stop offset="0.122265" stop-color="#4263DF"></stop><stop offset="1" stop-color="#D53585" stop-opacity="0"></stop></linearGradient><radialGradient id="paint1_radial_7619_1727" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-6.50955e-07 29.5) rotate(-38.6798) scale(29.7078)"><stop stop-color="#FFAD05"></stop><stop offset="1" stop-color="#FF3F00" stop-opacity="0"></stop></radialGradient><radialGradient id="paint2_radial_7619_1727" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.5 26) rotate(-37.9987) scale(20.3039)"><stop offset="0.01" stop-color="#FDDB86"></stop><stop offset="1" stop-color="#F06942" stop-opacity="0"></stop></radialGradient></defs></svg>

frontend/public/images/svg/whatsapp.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" class="text-secondary"><path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="url(#paint0_linear_WhatsAppChannel_7619_1726)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5 11.5065C5 7.91278 8.11522 5 11.958 5C15.8008 5 18.916 7.91278 18.916 11.5065C18.916 15.1003 15.8008 18.0131 11.958 18.0131C11.2635 18.0131 10.5926 17.9179 9.9597 17.7405L7.58508 19.0578V16.5675C6.00817 15.3749 5 13.5509 5 11.5065ZM15.7569 12.9568C15.7548 12.9336 15.7529 12.9136 15.7521 12.897C15.7441 12.7389 15.6021 12.7147 15.6021 12.7147C15.6021 12.7147 14.4386 12.1511 14.1994 12.0415C13.9605 11.932 13.8388 12.1107 13.8388 12.1107C13.8388 12.1107 13.486 12.5566 13.3724 12.7024C13.363 12.7145 13.354 12.7264 13.3452 12.7381C13.2468 12.8683 13.1697 12.9702 12.8982 12.8808C12.6022 12.7834 12.0087 12.4639 11.5237 12.0294C11.0391 11.595 10.6684 11.0201 10.5632 10.8458C10.4578 10.6712 10.5794 10.562 10.5794 10.562C10.5794 10.562 10.8864 10.2082 11.0333 10.0187C11.1771 9.83334 11.0925 9.62678 11.0559 9.5377C11.0551 9.53575 11.0536 9.53202 11.0536 9.53202C11.0186 9.44684 10.5468 8.3386 10.4779 8.18234C10.4092 8.02594 10.2592 8 10.2592 8H9.69973C9.59967 8 9.40786 8.12164 9.40786 8.12164C8.83294 8.48961 8.73552 9.34836 8.71867 9.53373C8.70182 9.71909 8.68497 10.1125 8.98829 10.7753C9.29161 11.4379 10.0331 12.3368 10.9488 13.1908C11.8315 14.0141 13.1685 14.385 13.6436 14.5168C13.6612 14.5217 13.6776 14.5263 13.6928 14.5305C14.1175 14.6491 15.0143 14.4385 15.4359 13.9831C15.8133 13.5759 15.7749 13.1541 15.7569 12.9568Z" fill="white"></path><defs><linearGradient id="paint0_linear_WhatsAppChannel_7619_1726" x1="12" y1="32" x2="-4.5" y2="-8.19564e-07" gradientUnits="userSpaceOnUse"><stop stop-color="#1EBF5A"></stop><stop offset="0.922652" stop-color="#2CE979"></stop></linearGradient></defs></svg>

frontend/public/placeholder-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="215" height="48" fill="none"><path fill="#000" d="M57.588 9.6h6L73.828 38h-5.2l-2.36-6.88h-11.36L52.548 38h-5.2l10.24-28.4Zm7.16 17.16-4.16-12.16-4.16 12.16h8.32Zm23.694-2.24c-.186-1.307-.706-2.32-1.56-3.04-.853-.72-1.866-1.08-3.04-1.08-1.68 0-2.986.613-3.92 1.84-.906 1.227-1.36 2.947-1.36 5.16s.454 3.933 1.36 5.16c.934 1.227 2.24 1.84 3.92 1.84 1.254 0 2.307-.373 3.16-1.12.854-.773 1.387-1.867 1.6-3.28l5.12.24c-.186 1.68-.733 3.147-1.64 4.4-.906 1.227-2.08 2.173-3.52 2.84-1.413.667-2.986 1-4.72 1-2.08 0-3.906-.453-5.48-1.36-1.546-.907-2.76-2.2-3.64-3.88-.853-1.68-1.28-3.627-1.28-5.84 0-2.24.427-4.187 1.28-5.84.88-1.68 2.094-2.973 3.64-3.88 1.574-.907 3.4-1.36 5.48-1.36 1.68 0 3.227.32 4.64.96 1.414.64 2.56 1.56 3.44 2.76.907 1.2 1.454 2.6 1.64 4.2l-5.12.28Zm11.486-7.72.12 3.4c.534-1.227 1.307-2.173 2.32-2.84 1.04-.693 2.267-1.04 3.68-1.04 1.494 0 2.76.387 3.8 1.16 1.067.747 1.827 1.813 2.28 3.2.507-1.44 1.294-2.52 2.36-3.24 1.094-.747 2.414-1.12 3.96-1.12 1.414 0 2.64.307 3.68.92s1.84 1.52 2.4 2.72c.56 1.2.84 2.667.84 4.4V38h-4.96V25.92c0-1.813-.293-3.187-.88-4.12-.56-.96-1.413-1.44-2.56-1.44-.906 0-1.68.213-2.32.64-.64.427-1.133 1.053-1.48 1.88-.32.827-.48 1.84-.48 3.04V38h-4.56V25.92c0-1.2-.133-2.213-.4-3.04-.24-.827-.626-1.453-1.16-1.88-.506-.427-1.133-.64-1.88-.64-.906 0-1.68.227-2.32.68-.64.427-1.133 1.053-1.48 1.88-.32.827-.48 1.827-.48 3V38h-4.96V16.8h4.48Zm26.723 10.6c0-2.24.427-4.187 1.28-5.84.854-1.68 2.067-2.973 3.64-3.88 1.574-.907 3.4-1.36 5.48-1.36 1.84 0 3.494.413 4.96 1.24 1.467.827 2.64 2.08 3.52 3.76.88 1.653 1.347 3.693 1.4 6.12v1.32h-15.08c.107 1.813.614 3.227 1.52 4.24.907.987 2.134 1.48 3.68 1.48.987 0 1.88-.253 2.68-.76a4.803 4.803 0 0 0 1.84-2.2l5.08.36c-.64 2.027-1.84 3.64-3.6 4.84-1.733 1.173-3.733 1.76-6 1.76-2.08 0-3.906-.453-5.48-1.36-1.573-.907-2.786-2.2-3.64-3.88-.853-1.68-1.28-3.627-1.28-5.84Zm15.16-2.04c-.213-1.733-.76-3.013-1.64-3.84-.853-.827-1.893-1.24-3.12-1.24-1.44 0-2.6.453-3.48 1.36-.88.88-1.44 2.12-1.68 3.72h9.92ZM163.139 9.6V38h-5.04V9.6h5.04Zm8.322 7.2.24 5.88-.64-.36c.32-2.053 1.094-3.56 2.32-4.52 1.254-.987 2.787-1.48 4.6-1.48 2.32 0 4.107.733 5.36 2.2 1.254 1.44 1.88 3.387 1.88 5.84V38h-4.96V25.92c0-1.253-.12-2.28-.36-3.08-.24-.8-.64-1.413-1.2-1.84-.533-.427-1.253-.64-2.16-.64-1.44 0-2.573.48-3.4 1.44-.8.933-1.2 2.307-1.2 4.12V38h-4.96V16.8h4.48Zm30.003 7.72c-.186-1.307-.706-2.32-1.56-3.04-.853-.72-1.866-1.08-3.04-1.08-1.68 0-2.986.613-3.92 1.84-.906 1.227-1.36 2.947-1.36 5.16s.454 3.933 1.36 5.16c.934 1.227 2.24 1.84 3.92 1.84 1.254 0 2.307-.373 3.16-1.12.854-.773 1.387-1.867 1.6-3.28l5.12.24c-.186 1.68-.733 3.147-1.64 4.4-.906 1.227-2.08 2.173-3.52 2.84-1.413.667-2.986 1-4.72 1-2.08 0-3.906-.453-5.48-1.36-1.546-.907-2.76-2.2-3.64-3.88-.853-1.68-1.28-3.627-1.28-5.84 0-2.24.427-4.187 1.28-5.84.88-1.68 2.094-2.973 3.64-3.88 1.574-.907 3.4-1.36 5.48-1.36 1.68 0 3.227.32 4.64.96 1.414.64 2.56 1.56 3.44 2.76.907 1.2 1.454 2.6 1.64 4.2l-5.12.28Zm11.443 8.16V38h-5.6v-5.32h5.6Z"/><path fill="#171717" fill-rule="evenodd" d="m7.839 40.783 16.03-28.054L20 6 0 40.783h7.839Zm8.214 0H40L27.99 19.894l-4.02 7.032 3.976 6.914H20.02l-3.967 6.943Z" clip-rule="evenodd"/></svg>

frontend/public/placeholder.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" fill="none"><rect width="1200" height="1200" fill="#EAEAEA" rx="3"/><g opacity=".5"><g opacity=".5"><path fill="#FAFAFA" d="M600.709 736.5c-75.454 0-136.621-61.167-136.621-136.62 0-75.454 61.167-136.621 136.621-136.621 75.453 0 136.62 61.167 136.62 136.621 0 75.453-61.167 136.62-136.62 136.62Z"/><path stroke="#C9C9C9" stroke-width="2.418" d="M600.709 736.5c-75.454 0-136.621-61.167-136.621-136.62 0-75.454 61.167-136.621 136.621-136.621 75.453 0 136.62 61.167 136.62 136.621 0 75.453-61.167 136.62-136.62 136.62Z"/></g><path stroke="url(#a)" stroke-width="2.418" d="M0-1.209h553.581" transform="scale(1 -1) rotate(45 1163.11 91.165)"/><path stroke="url(#b)" stroke-width="2.418" d="M404.846 598.671h391.726"/><path stroke="url(#c)" stroke-width="2.418" d="M599.5 795.742V404.017"/><path stroke="url(#d)" stroke-width="2.418" d="m795.717 796.597-391.441-391.44"/><path fill="#fff" d="M600.709 656.704c-31.384 0-56.825-25.441-56.825-56.824 0-31.384 25.441-56.825 56.825-56.825 31.383 0 56.824 25.441 56.824 56.825 0 31.383-25.441 56.824-56.824 56.824Z"/><g clip-path="url(#e)"><path fill="#666" fill-rule="evenodd" d="M616.426 586.58h-31.434v16.176l3.553-3.554.531-.531h9.068l.074-.074 8.463-8.463h2.565l7.18 7.181V586.58Zm-15.715 14.654 3.698 3.699 1.283 1.282-2.565 2.565-1.282-1.283-5.2-5.199h-6.066l-5.514 5.514-.073.073v2.876a2.418 2.418 0 0 0 2.418 2.418h26.598a2.418 2.418 0 0 0 2.418-2.418v-8.317l-8.463-8.463-7.181 7.181-.071.072Zm-19.347 5.442v4.085a6.045 6.045 0 0 0 6.046 6.045h26.598a6.044 6.044 0 0 0 6.045-6.045v-7.108l1.356-1.355-1.282-1.283-.074-.073v-17.989h-38.689v23.43l-.146.146.146.147Z" clip-rule="evenodd"/></g><path stroke="#C9C9C9" stroke-width="2.418" d="M600.709 656.704c-31.384 0-56.825-25.441-56.825-56.824 0-31.384 25.441-56.825 56.825-56.825 31.383 0 56.824 25.441 56.824 56.825 0 31.383-25.441 56.824-56.824 56.824Z"/></g><defs><linearGradient id="a" x1="554.061" x2="-.48" y1=".083" y2=".087" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="796.912" x2="404.507" y1="599.963" y2="599.965" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="600.792" x2="600.794" y1="403.677" y2="796.082" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="404.85" x2="796.972" y1="403.903" y2="796.02" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><clipPath id="e"><path fill="#fff" d="M581.364 580.535h38.689v38.689h-38.689z"/></clipPath></defs></svg>