DKI/lukcy-draw
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

additle with company logo

Browse Source
This commit is contained in:
arthur 2025-12-12 10:40:19 +07:00
parent 6dba53e22b
commit 899b5f57c2
5 changed files with 74 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/asset/img/DKI-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/asset/img/DKI_logo_white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

31
public/asset/img/logo-white-color.svg Normal file
View File

@ -0,0 +1,31 @@
<svg width="200" height="37" viewBox="0 0 200 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1464_14011)">
<path d="M172.147 10.0914H178.973V21.6119H185.123L193.643 34.3275H185.395L178.973 24.7011V34.3275H172.147V10.0914Z" fill="#C8C8C8"/>
<path d="M200 0L195.818 22.5602L193.798 18.7461C193.798 18.7461 192.457 16.3037 191.348 15.1943L182.567 25.3299L177.425 20.8454L186.208 10.7098C184.958 9.76146 182.363 8.77154 182.363 8.77154L178.318 7.30096L200 0Z" fill="#E3087F"/>
<path d="M87.2031 6.72415H81.6798L76.3093 15.3892V6.78391H71.208V26.5277H76.3093V17.8601C76.3093 17.8601 81.641 26.4601 81.6798 26.5277H87.242L80.5197 16.6025L87.2031 6.72415Z" fill="white"/>
<path d="M89.5908 6.73456V26.5173H94.7102V6.73456H89.5908Z" fill="white"/>
<path d="M108.481 14.1602L110.889 26.5173H115.408C115.431 26.4186 119.65 6.73456 119.65 6.73456H114.913L113.057 19.3852L110.757 6.73456H106.2L103.9 19.3852L102.044 6.73456H97.3076C97.3076 6.73456 101.528 26.4212 101.549 26.5173H106.07L108.481 14.1602Z" fill="white"/>
<path d="M165.045 17.9666H164.983L160.081 6.69818H155.446V26.4809H160.128V16.0076L165.014 26.5537L169.903 16.0076V26.4809H174.582V6.69818H169.947L165.045 17.9666Z" fill="white"/>
<path d="M128.051 6.42017C123.069 6.42017 119.978 10.3409 119.978 16.6519C119.978 22.9629 123.051 26.8343 127.997 26.8343C132.943 26.8343 136.068 22.911 136.068 16.5973C136.068 10.2837 132.995 6.42017 128.051 6.42017ZM128.051 22.3628C125.902 22.3628 124.716 20.3128 124.716 16.5973C124.716 12.8819 125.882 10.8917 127.995 10.8917C130.108 10.8917 131.327 12.991 131.327 16.6545C131.327 20.318 130.167 22.3628 128.051 22.3628Z" fill="white"/>
<path d="M145.101 6.42017C140.124 6.42017 137.029 10.3409 137.029 16.6519C137.029 22.9629 140.103 26.8343 145.051 26.8343C150 26.8343 153.12 22.911 153.12 16.5973C153.123 10.3201 150.049 6.42017 145.101 6.42017ZM145.101 22.3628C142.954 22.3628 141.771 20.3128 141.771 16.5973C141.771 12.8819 142.936 10.8917 145.051 10.8917C147.167 10.8917 148.382 12.991 148.382 16.6545C148.384 20.3362 147.216 22.3628 145.101 22.3628Z" fill="white"/>
<path d="M41.5398 6.42017C36.5576 6.42017 33.4658 10.3409 33.4658 16.6519C33.4658 22.9629 36.5395 26.8343 41.4854 26.8343C46.4313 26.8343 49.5568 22.911 49.5568 16.5973C49.5568 10.2837 46.4831 6.42017 41.5398 6.42017ZM41.5398 22.3628C39.3905 22.3628 38.2045 20.3128 38.2045 16.5973C38.2045 12.8819 39.3698 10.8917 41.4828 10.8917C43.5958 10.8917 44.8155 12.991 44.8155 16.6545C44.818 20.3336 43.6554 22.3628 41.5398 22.3628Z" fill="white"/>
<path d="M28.1915 6.74753H21.1636L16.3887 26.5069H21.3397L24.5688 11.1359L26.9304 26.5069H32.5003L28.1915 6.74753Z" fill="white"/>
<path d="M0 6.74753H5.66575C11.6733 6.74753 15.643 9.64453 15.643 16.522C15.643 23.3994 11.6733 26.5069 5.92988 26.5069H0V6.74753ZM5.37314 22.6823C8.54783 22.6823 10.7981 21.2221 10.7981 16.522C10.7981 11.8218 8.54783 10.5201 5.37314 10.5201H4.73613V22.6849H5.37314V22.6823Z" fill="white"/>
<path d="M51.8623 17.0312V6.42017H56.7227V17.5431C56.7227 21.3391 57.8699 22.6875 60.1098 22.6875C62.3496 22.6875 63.5512 21.3417 63.5512 17.5431V6.42017H68.2484V17.0312C68.2484 23.7918 65.5166 26.8343 60.1098 26.8343C54.703 26.8343 51.8623 23.7918 51.8623 17.0312Z" fill="white"/>
<path d="M0 29.8612V36.3333H1.67538V29.8612H0Z" fill="#E3087F"/>
<path d="M57.9498 29.7573C56.3185 29.7573 55.3086 31.0408 55.3086 33.1064C55.3086 35.1719 56.3133 36.4373 57.9317 36.4373C59.5501 36.4373 60.573 35.1537 60.573 33.0882C60.573 31.0226 59.5683 29.7573 57.9498 29.7573ZM57.9498 34.9745C57.2455 34.9745 56.8597 34.3041 56.8597 33.0882C56.8597 31.8722 57.2403 31.2201 57.9317 31.2201C58.6231 31.2201 59.0219 31.906 59.0219 33.1064C59.0219 34.3093 58.6412 34.9745 57.9498 34.9745Z" fill="#E3087F"/>
<path d="M97.2369 29.8638H94.9374L93.376 36.3307H94.997L96.0535 31.3006L96.8251 36.3307H98.6481L97.2369 29.8638Z" fill="#E3087F"/>
<path d="M117.756 31.0694H115.809V36.3281H114.245V31.0694H112.334V29.8664H117.756V31.0694Z" fill="#E3087F"/>
<path d="M133.241 29.8612V36.3333H134.917V29.8612H133.241Z" fill="#E3087F"/>
<path d="M153.123 29.7573C151.494 29.7573 150.481 31.0408 150.481 33.1064C150.481 35.1719 151.486 36.4373 153.107 36.4373C154.728 36.4373 155.748 35.1537 155.748 33.0882C155.748 31.033 154.744 29.7573 153.125 29.7573H153.123ZM153.123 34.9745C152.421 34.9745 152.033 34.3041 152.033 33.0882C152.033 31.8722 152.413 31.2201 153.107 31.2201C153.801 31.2201 154.197 31.906 154.197 33.1064C154.197 34.3119 153.817 34.9745 153.123 34.9745Z" fill="#E3087F"/>
<path d="M22.5831 36.3281H21.0269L18.7248 32.3087V36.3281H17.1582V29.8664H18.7248L21.0217 33.8858V29.8664H22.5831V36.3281Z" fill="#E3087F"/>
<path d="M174.859 36.3281H173.302L171 32.3087V36.3281H169.434V29.8664H171L173.297 33.8858V29.8664H174.859V36.3281Z" fill="#E3087F"/>
<path d="M76.9664 34.5717L78.2482 29.8664H79.9831L77.8157 36.3281H76.117L73.9678 29.8664H75.6898L76.969 34.5717H76.9664Z" fill="#E3087F"/>
<path d="M41.6183 36.3281H40.062L37.76 32.3087V36.3281H36.1934V29.8664H37.76L40.0568 33.8858V29.8664H41.6183V36.3281Z" fill="#E3087F"/>
</g>
<defs>
<clipPath id="clip0_1464_14011">
<rect width="200" height="36.4372" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

31
public/asset/img/logo-white.svg Normal file
View File

@ -0,0 +1,31 @@
<svg width="212" height="39" viewBox="0 0 212 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1026_5796)">
<path d="M182.477 10.8013H189.712V23.132H196.231L205.261 36.7419H196.519L189.712 26.4385V36.7419H182.477V10.8013Z" fill="white"/>
<path d="M212 0L207.567 24.147L205.426 20.0645C205.426 20.0645 204.004 17.4504 202.829 16.263L193.522 27.1115L188.07 22.3115L197.381 11.4631C196.055 10.448 193.305 9.38848 193.305 9.38848L189.017 7.81446L212 0Z" fill="white"/>
<path d="M92.4348 7.19678H86.5801L80.8873 16.4712V7.26074H75.48V28.3932H80.8873V19.1159C80.8873 19.1159 86.5389 28.3209 86.5801 28.3932H92.476L85.3504 17.7699L92.4348 7.19678Z" fill="white"/>
<path d="M94.9653 7.20801V28.3821H100.392V7.20801H94.9653Z" fill="white"/>
<path d="M114.989 15.156L117.542 28.3821H122.331C122.356 28.2765 126.827 7.20801 126.827 7.20801H121.807L119.839 20.7484L117.402 7.20801H112.571L110.133 20.7484L108.165 7.20801H103.145C103.145 7.20801 107.619 28.2792 107.641 28.3821H112.434L114.989 15.156Z" fill="white"/>
<path d="M174.947 19.2299H174.881L169.685 7.16895H164.772V28.3431H169.735V17.1331L174.914 28.4209L180.096 17.1331V28.3431H185.056V7.16895H180.143L174.947 19.2299Z" fill="white"/>
<path d="M135.735 6.87158C130.454 6.87158 127.176 11.068 127.176 17.8229C127.176 24.5779 130.434 28.7215 135.677 28.7215C140.92 28.7215 144.233 24.5223 144.233 17.7646C144.233 11.0069 140.975 6.87158 135.735 6.87158ZM135.735 23.9355C133.456 23.9355 132.199 21.7413 132.199 17.7646C132.199 13.7878 133.434 11.6576 135.674 11.6576C137.914 11.6576 139.207 13.9046 139.207 17.8257C139.207 21.7469 137.977 23.9355 135.735 23.9355Z" fill="white"/>
<path d="M153.807 6.87158C148.531 6.87158 145.251 11.068 145.251 17.8229C145.251 24.5779 148.509 28.7215 153.754 28.7215C159 28.7215 162.307 24.5223 162.307 17.7646C162.31 11.0458 159.052 6.87158 153.807 6.87158ZM153.807 23.9355C151.531 23.9355 150.277 21.7413 150.277 17.7646C150.277 13.7878 151.512 11.6576 153.754 11.6576C155.997 11.6576 157.284 13.9046 157.284 17.8257C157.287 21.7663 156.049 23.9355 153.807 23.9355Z" fill="white"/>
<path d="M44.0325 6.87158C38.7515 6.87158 35.4741 11.068 35.4741 17.8229C35.4741 24.5779 38.7322 28.7215 43.9749 28.7215C49.2175 28.7215 52.5305 24.5223 52.5305 17.7646C52.5305 11.0069 49.2724 6.87158 44.0325 6.87158ZM44.0325 23.9355C41.7543 23.9355 40.4972 21.7413 40.4972 17.7646C40.4972 13.7878 41.7323 11.6576 43.9721 11.6576C46.2119 11.6576 47.5047 13.9046 47.5047 17.8257C47.5075 21.7636 46.275 23.9355 44.0325 23.9355Z" fill="white"/>
<path d="M29.883 7.22217H22.4335L17.3721 28.3713H22.6202L26.043 11.9192L28.5463 28.3713H34.4504L29.883 7.22217Z" fill="white"/>
<path d="M0 7.22217H6.0057C12.3737 7.22217 16.5815 10.3229 16.5815 17.6841C16.5815 25.0453 12.3737 28.3713 6.28567 28.3713H0V7.22217ZM5.69553 24.2777C9.0607 24.2777 11.446 22.7148 11.446 17.6841C11.446 12.6534 9.0607 11.2601 5.69553 11.2601H5.0203V24.2805H5.69553V24.2777Z" fill="white"/>
<path d="M54.9736 18.229V6.87158H60.1257V18.7768C60.1257 22.8398 61.3416 24.2831 63.7159 24.2831C66.0902 24.2831 67.3638 22.8426 67.3638 18.7768V6.87158H72.3429V18.229C72.3429 25.465 69.4471 28.7215 63.7159 28.7215C57.9847 28.7215 54.9736 25.465 54.9736 18.229Z" fill="white"/>
<path d="M0 31.9614V38.8888H1.77591V31.9614H0Z" fill="white"/>
<path d="M61.4267 31.8501C59.6974 31.8501 58.627 33.2239 58.627 35.4347C58.627 37.6456 59.692 38.9999 61.4075 38.9999C63.123 38.9999 64.2072 37.6261 64.2072 35.4153C64.2072 33.2044 63.1422 31.8501 61.4267 31.8501ZM61.4267 37.4342C60.6801 37.4342 60.2711 36.7168 60.2711 35.4153C60.2711 34.1138 60.6746 33.4158 61.4075 33.4158C62.1403 33.4158 62.563 34.1499 62.563 35.4347C62.563 36.7223 62.1596 37.4342 61.4267 37.4342Z" fill="white"/>
<path d="M103.071 31.9644H100.634L98.9785 38.8861H100.697L101.817 33.5022L102.635 38.8861H104.567L103.071 31.9644Z" fill="white"/>
<path d="M124.821 33.2544H122.757V38.883H121.099V33.2544H119.074V31.9668H124.821V33.2544Z" fill="white"/>
<path d="M141.235 31.9614V38.8888H143.011V31.9614H141.235Z" fill="white"/>
<path d="M162.31 31.8501C160.584 31.8501 159.511 33.2239 159.511 35.4347C159.511 37.6456 160.576 38.9999 162.294 38.9999C164.012 38.9999 165.094 37.6261 165.094 35.4153C165.094 33.2155 164.029 31.8501 162.313 31.8501H162.31ZM162.31 37.4342C161.567 37.4342 161.155 36.7168 161.155 35.4153C161.155 34.1138 161.558 33.4158 162.294 33.4158C163.03 33.4158 163.45 34.1499 163.45 35.4347C163.45 36.7251 163.046 37.4342 162.31 37.4342Z" fill="white"/>
<path d="M23.9379 38.883H22.2883L19.8481 34.5809V38.883H18.1875V31.9668H19.8481L22.2828 36.2689V31.9668H23.9379V38.883Z" fill="white"/>
<path d="M185.351 38.883H183.701L181.261 34.5809V38.883H179.6V31.9668H181.261L183.695 36.2689V31.9668H185.351V38.883Z" fill="white"/>
<path d="M81.5848 37.0031L82.9435 31.9668H84.7825L82.4851 38.883H80.6845L78.4062 31.9668H80.2316L81.5875 37.0031H81.5848Z" fill="white"/>
<path d="M44.1152 38.883H42.4655L40.0254 34.5809V38.883H38.3647V31.9668H40.0254L42.46 36.2689V31.9668H44.1152V38.883Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1026_5796">
<rect width="212" height="39" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

12
src/App.jsx
View File

@ -74,6 +74,18 @@ function App() {
{/* Main Center Area */}
<div className="flex-1 flex flex-col items-center justify-center p-4 md:p-6 lg:p-8 py-8">
{/* Company Logo */}
<div className="mb-8 md:mb-12">
<img
src="/asset/img/logo-white-color.svg"
alt="Company Logo"
className="h-8 md:h-10 lg:h-12 w-auto"
style={{
filter: 'drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3))'
}}
/>
</div>
{/* Golden Ticket + Slot Machine - Layered */}
<div className="relative flex flex-col items-center">
{/* Golden Ticket Title - Background Layer */}