From 39112a1125e4baa294b376848adbd04a6a6d7e37 Mon Sep 17 00:00:00 2001
From: Melissa Autumn <melissa@thunderbird.net>
Date: Tue, 3 Sep 2024 09:36:17 -0700
Subject: [PATCH] Remove redundant text on homepage, and fix dark-mode logo.

---
 frontend/public/appointment_logo_wText.svg | 82 -------------------
 frontend/src/assets/styles/colours.css     |  1 +
 frontend/src/elements/arts/ArtLogo.vue     | 94 ++++++++++++++++++++++
 frontend/src/views/HomeView.vue            |  6 +-
 4 files changed, 97 insertions(+), 86 deletions(-)
 delete mode 100644 frontend/public/appointment_logo_wText.svg
 create mode 100644 frontend/src/elements/arts/ArtLogo.vue

diff --git a/frontend/public/appointment_logo_wText.svg b/frontend/public/appointment_logo_wText.svg
deleted file mode 100644
index f79aa4fde..000000000
--- a/frontend/public/appointment_logo_wText.svg
+++ /dev/null
@@ -1,82 +0,0 @@
-<svg width="473" height="125" viewBox="0 0 473 125" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M128.233 33.2812V30.6364H143.993V33.2812H137.639V51H134.577V33.2812H128.233ZM150.21 41.9318V51H147.237V30.6364H150.17V38.2131H150.359C150.717 37.3911 151.264 36.7382 152 36.2543C152.735 35.7704 153.697 35.5284 154.883 35.5284C155.931 35.5284 156.845 35.7438 157.627 36.1747C158.416 36.6056 159.026 37.2486 159.457 38.1037C159.895 38.9522 160.113 40.0128 160.113 41.2855V51H157.14V41.6435C157.14 40.5232 156.852 39.6548 156.275 39.0384C155.699 38.4152 154.896 38.1037 153.869 38.1037C153.166 38.1037 152.537 38.2528 151.98 38.5511C151.43 38.8494 150.995 39.2869 150.677 39.8636C150.366 40.4337 150.21 41.1231 150.21 41.9318ZM173.755 44.6662V35.7273H176.738V51H173.815V48.3551H173.656C173.305 49.1705 172.741 49.8499 171.966 50.3935C171.197 50.9304 170.239 51.1989 169.092 51.1989C168.111 51.1989 167.243 50.9834 166.487 50.5526C165.738 50.1151 165.148 49.4688 164.717 48.6136C164.293 47.7585 164.081 46.7012 164.081 45.4418V35.7273H167.054V45.0838C167.054 46.1245 167.342 46.9531 167.919 47.5696C168.495 48.1861 169.244 48.4943 170.166 48.4943C170.723 48.4943 171.276 48.3551 171.826 48.0767C172.383 47.7983 172.844 47.3774 173.208 46.8139C173.58 46.2505 173.762 45.5346 173.755 44.6662ZM183.706 41.9318V51H180.733V35.7273H183.587V38.2131H183.776C184.127 37.4044 184.677 36.7547 185.426 36.2642C186.182 35.7737 187.133 35.5284 188.28 35.5284C189.321 35.5284 190.232 35.7472 191.014 36.1847C191.796 36.6155 192.403 37.2585 192.834 38.1136C193.265 38.9687 193.48 40.026 193.48 41.2855V51H190.507V41.6435C190.507 40.5365 190.219 39.6714 189.642 39.0483C189.065 38.4186 188.273 38.1037 187.266 38.1037C186.576 38.1037 185.963 38.2528 185.426 38.5511C184.896 38.8494 184.475 39.2869 184.163 39.8636C183.858 40.4337 183.706 41.1231 183.706 41.9318ZM203.185 51.2983C201.952 51.2983 200.851 50.9834 199.884 50.3537C198.922 49.7173 198.167 48.8125 197.616 47.6392C197.073 46.4593 196.801 45.044 196.801 43.3935C196.801 41.7429 197.076 40.331 197.626 39.1577C198.183 37.9844 198.946 37.0862 199.913 36.4631C200.881 35.84 201.978 35.5284 203.205 35.5284C204.152 35.5284 204.915 35.6875 205.491 36.0057C206.075 36.3172 206.526 36.6818 206.844 37.0994C207.169 37.517 207.42 37.8849 207.599 38.2031H207.778V30.6364H210.751V51H207.848V48.6236H207.599C207.42 48.9484 207.162 49.3196 206.824 49.7372C206.492 50.1548 206.035 50.5194 205.452 50.831C204.868 51.1425 204.113 51.2983 203.185 51.2983ZM203.841 48.7628C204.696 48.7628 205.419 48.5374 206.009 48.0866C206.605 47.6293 207.056 46.9962 207.361 46.1875C207.672 45.3788 207.828 44.4375 207.828 43.3636C207.828 42.303 207.676 41.375 207.371 40.5795C207.066 39.7841 206.618 39.1643 206.028 38.7202C205.438 38.276 204.709 38.054 203.841 38.054C202.946 38.054 202.2 38.286 201.604 38.75C201.007 39.214 200.556 39.8471 200.251 40.6491C199.953 41.4512 199.804 42.3561 199.804 43.3636C199.804 44.3845 199.956 45.3026 200.261 46.1179C200.566 46.9332 201.017 47.5795 201.614 48.0568C202.217 48.5275 202.959 48.7628 203.841 48.7628ZM221.577 51.3082C220.072 51.3082 218.776 50.9867 217.689 50.3438C216.609 49.6941 215.774 48.7827 215.184 47.6094C214.6 46.4295 214.309 45.0473 214.309 43.4631C214.309 41.8987 214.6 40.5199 215.184 39.3267C215.774 38.1335 216.596 37.2022 217.65 36.5327C218.71 35.8632 219.95 35.5284 221.368 35.5284C222.23 35.5284 223.065 35.6709 223.874 35.956C224.683 36.241 225.408 36.6884 226.051 37.2983C226.694 37.9081 227.202 38.7003 227.573 39.6747C227.944 40.6425 228.13 41.8191 228.13 43.2045V44.2585H215.989V42.0312H225.216C225.216 41.2491 225.057 40.5563 224.739 39.9531C224.421 39.3433 223.973 38.8627 223.397 38.5114C222.827 38.16 222.157 37.9844 221.388 37.9844C220.553 37.9844 219.824 38.1899 219.201 38.6009C218.584 39.0052 218.107 39.5355 217.769 40.1918C217.437 40.8414 217.272 41.5473 217.272 42.3097V44.0497C217.272 45.0705 217.451 45.9389 217.809 46.6548C218.173 47.3707 218.68 47.9176 219.33 48.2955C219.98 48.6667 220.739 48.8523 221.607 48.8523C222.17 48.8523 222.684 48.7727 223.148 48.6136C223.612 48.4479 224.013 48.2027 224.351 47.8778C224.689 47.553 224.948 47.152 225.127 46.6747L227.941 47.1818C227.715 48.0104 227.311 48.7363 226.728 49.3594C226.151 49.9759 225.425 50.4564 224.55 50.8011C223.682 51.1392 222.691 51.3082 221.577 51.3082ZM231.428 51V35.7273H234.302V38.1534H234.461C234.739 37.3314 235.23 36.6851 235.933 36.2145C236.642 35.7372 237.444 35.4986 238.339 35.4986C238.524 35.4986 238.743 35.5052 238.995 35.5185C239.254 35.5317 239.456 35.5483 239.602 35.5682V38.4119C239.482 38.3788 239.27 38.3423 238.965 38.3026C238.66 38.2562 238.355 38.233 238.05 38.233C237.348 38.233 236.721 38.3821 236.171 38.6804C235.628 38.9721 235.197 39.3797 234.879 39.9034C234.56 40.4205 234.401 41.0104 234.401 41.6733V51H231.428ZM242.413 51V30.6364H245.386V38.2031H245.565C245.737 37.8849 245.986 37.517 246.311 37.0994C246.636 36.6818 247.086 36.3172 247.663 36.0057C248.24 35.6875 249.002 35.5284 249.95 35.5284C251.183 35.5284 252.283 35.84 253.251 36.4631C254.219 37.0862 254.978 37.9844 255.528 39.1577C256.085 40.331 256.363 41.7429 256.363 43.3935C256.363 45.044 256.088 46.4593 255.538 47.6392C254.988 48.8125 254.232 49.7173 253.271 50.3537C252.31 50.9834 251.213 51.2983 249.98 51.2983C249.052 51.2983 248.293 51.1425 247.703 50.831C247.119 50.5194 246.662 50.1548 246.331 49.7372C245.999 49.3196 245.744 48.9484 245.565 48.6236H245.316V51H242.413ZM245.326 43.3636C245.326 44.4375 245.482 45.3788 245.794 46.1875C246.105 46.9962 246.556 47.6293 247.146 48.0866C247.736 48.5374 248.458 48.7628 249.314 48.7628C250.202 48.7628 250.944 48.5275 251.541 48.0568C252.137 47.5795 252.588 46.9332 252.893 46.1179C253.205 45.3026 253.36 44.3845 253.36 43.3636C253.36 42.3561 253.208 41.4512 252.903 40.6491C252.605 39.8471 252.154 39.214 251.551 38.75C250.954 38.286 250.208 38.054 249.314 38.054C248.452 38.054 247.723 38.276 247.126 38.7202C246.536 39.1643 246.089 39.7841 245.784 40.5795C245.479 41.375 245.326 42.303 245.326 43.3636ZM259.702 51V35.7273H262.675V51H259.702ZM261.203 33.3707C260.686 33.3707 260.242 33.1984 259.871 32.8537C259.506 32.5024 259.324 32.0848 259.324 31.6009C259.324 31.1103 259.506 30.6927 259.871 30.348C260.242 29.9967 260.686 29.821 261.203 29.821C261.72 29.821 262.161 29.9967 262.526 30.348C262.897 30.6927 263.082 31.1103 263.082 31.6009C263.082 32.0848 262.897 32.5024 262.526 32.8537C262.161 33.1984 261.72 33.3707 261.203 33.3707ZM266.674 51V35.7273H269.548V38.1534H269.707C269.985 37.3314 270.476 36.6851 271.179 36.2145C271.888 35.7372 272.69 35.4986 273.585 35.4986C273.77 35.4986 273.989 35.5052 274.241 35.5185C274.5 35.5317 274.702 35.5483 274.848 35.5682V38.4119C274.728 38.3788 274.516 38.3423 274.211 38.3026C273.906 38.2562 273.601 38.233 273.297 38.233C272.594 38.233 271.967 38.3821 271.417 38.6804C270.874 38.9721 270.443 39.3797 270.125 39.9034C269.806 40.4205 269.647 41.0104 269.647 41.6733V51H266.674ZM282.591 51.2983C281.358 51.2983 280.258 50.9834 279.29 50.3537C278.329 49.7173 277.573 48.8125 277.023 47.6392C276.479 46.4593 276.207 45.044 276.207 43.3935C276.207 41.7429 276.482 40.331 277.033 39.1577C277.589 37.9844 278.352 37.0862 279.32 36.4631C280.287 35.84 281.384 35.5284 282.611 35.5284C283.559 35.5284 284.321 35.6875 284.898 36.0057C285.481 36.3172 285.932 36.6818 286.25 37.0994C286.575 37.517 286.827 37.8849 287.006 38.2031H287.185V30.6364H290.158V51H287.254V48.6236H287.006C286.827 48.9484 286.568 49.3196 286.23 49.7372C285.899 50.1548 285.441 50.5194 284.858 50.831C284.275 51.1425 283.519 51.2983 282.591 51.2983ZM283.247 48.7628C284.102 48.7628 284.825 48.5374 285.415 48.0866C286.011 47.6293 286.462 46.9962 286.767 46.1875C287.079 45.3788 287.234 44.4375 287.234 43.3636C287.234 42.303 287.082 41.375 286.777 40.5795C286.472 39.7841 286.025 39.1643 285.435 38.7202C284.845 38.276 284.116 38.054 283.247 38.054C282.352 38.054 281.607 38.286 281.01 38.75C280.413 39.214 279.963 39.8471 279.658 40.6491C279.359 41.4512 279.21 42.3561 279.21 43.3636C279.21 44.3845 279.363 45.3026 279.668 46.1179C279.973 46.9332 280.423 47.5795 281.02 48.0568C281.623 48.5275 282.366 48.7628 283.247 48.7628Z" fill="#18181B"/>
-<path d="M164.072 105L160.096 95.928H138.032L134.056 105H130.136L147.104 66.528H151.024L167.992 105H164.072ZM139.6 92.456H158.528L149.064 70.952L139.6 92.456ZM188.885 75.376C196.333 75.376 202.101 81.872 202.101 90.496C202.101 99.176 196.333 105.672 188.885 105.672C184.125 105.672 180.317 103.264 178.077 99.344V114.632H174.605V76.048H178.077V81.704C180.317 77.784 184.125 75.376 188.885 75.376ZM188.269 102.48C194.093 102.48 198.517 97.328 198.517 90.496C198.517 83.664 194.093 78.568 188.269 78.568C182.277 78.568 178.077 83.496 178.077 90.496C178.077 97.496 182.277 102.48 188.269 102.48ZM222.135 75.376C229.583 75.376 235.351 81.872 235.351 90.496C235.351 99.176 229.583 105.672 222.135 105.672C217.375 105.672 213.567 103.264 211.327 99.344V114.632H207.855V76.048H211.327V81.704C213.567 77.784 217.375 75.376 222.135 75.376ZM221.519 102.48C227.343 102.48 231.767 97.328 231.767 90.496C231.767 83.664 227.343 78.568 221.519 78.568C215.527 78.568 211.327 83.496 211.327 90.496C211.327 97.496 215.527 102.48 221.519 102.48ZM254.825 105.672C246.649 105.672 239.873 98.784 239.873 90.496C239.873 82.208 246.649 75.376 254.825 75.376C263.001 75.376 269.777 82.208 269.777 90.496C269.777 98.784 263.001 105.672 254.825 105.672ZM254.825 102.48C261.041 102.48 266.193 97.048 266.193 90.496C266.193 83.944 261.041 78.568 254.825 78.568C248.609 78.568 243.457 83.944 243.457 90.496C243.457 97.048 248.609 102.48 254.825 102.48ZM277.183 70.392C275.839 70.392 274.775 69.328 274.775 67.984C274.775 66.696 275.839 65.576 277.183 65.576C278.471 65.576 279.591 66.696 279.591 67.984C279.591 69.328 278.471 70.392 277.183 70.392ZM275.447 105V76.048H278.919V105H275.447ZM298.666 75.376C305.05 75.376 309.474 79.856 309.474 86.408V105H306.002V86.856C306.002 81.928 302.81 78.568 298.162 78.568C293.066 78.568 289.146 82.04 289.146 86.576V105H285.674V76.048H289.146V80.752C290.714 77.56 294.354 75.376 298.666 75.376ZM328.812 101.248L330.604 103.824C329.092 105 327.132 105.672 325.228 105.672C321.308 105.672 318.508 102.592 318.508 98.28V79.24H313.804V76.048H318.508V68.096H321.98V76.048H329.26V79.24H321.98V98.28C321.98 100.744 323.548 102.48 325.452 102.48C326.796 102.48 328.028 101.976 328.812 101.248ZM366.676 75.376C372.668 75.376 376.812 79.968 376.812 86.408V105H373.34V86.856C373.34 81.984 370.428 78.568 366.228 78.568C361.468 78.568 358.108 81.816 358.108 86.408V105H354.636V86.856C354.636 81.984 351.668 78.568 347.524 78.568C342.764 78.568 339.404 81.816 339.404 86.408V105H335.932V76.048H339.404V80.248C340.804 77.28 343.996 75.376 347.972 75.376C351.836 75.376 354.972 77.336 356.652 80.416C358.724 77.28 362.308 75.376 366.676 75.376ZM396.619 102.48C400.315 102.48 404.291 101.024 406.307 98.84L408.491 101.192C405.971 103.88 400.931 105.672 396.675 105.672C388.947 105.672 382.171 99.12 382.171 90.44C382.171 81.872 388.555 75.376 396.395 75.376C405.019 75.376 410.171 81.928 410.171 91.896H385.699C386.315 97.888 390.683 102.48 396.619 102.48ZM396.507 78.568C390.907 78.568 386.483 82.712 385.755 88.704H406.699C406.251 82.88 402.667 78.568 396.507 78.568ZM428.658 75.376C435.042 75.376 439.466 79.856 439.466 86.408V105H435.994V86.856C435.994 81.928 432.802 78.568 428.154 78.568C423.058 78.568 419.138 82.04 419.138 86.576V105H415.666V76.048H419.138V80.752C420.706 77.56 424.346 75.376 428.658 75.376ZM458.804 101.248L460.596 103.824C459.084 105 457.124 105.672 455.22 105.672C451.3 105.672 448.5 102.592 448.5 98.28V79.24H443.796V76.048H448.5V68.096H451.972V76.048H459.252V79.24H451.972V98.28C451.972 100.744 453.54 102.48 455.444 102.48C456.788 102.48 458.02 101.976 458.804 101.248Z" fill="#18181B"/>
-<g filter="url(#filter0_d_441_4656)">
-<path d="M51.1714 30.855L51.1819 30.855C54.614 18.8573 69.5691 13 84.8092 13C95.3386 13 104.793 16.3349 111.273 21.6271C107.259 21.8261 103.44 22.6116 99.9445 23.8793C105.181 25.8245 109.679 28.8194 113.013 32.5243C110.801 32.1421 108.507 31.9409 106.155 31.9409C105.901 31.9409 105.648 31.9433 105.395 31.9479C111.453 40.7306 115 51.3781 115 62.8542C115 92.9537 90.5996 117.354 60.5001 117.354C30.8645 117.354 6 92.5406 6 62.8541C6 58.1657 6.62406 53.3232 7.83343 48.7846C8.14979 47.8312 8.59228 46.9169 9.17987 46.5825C9.91529 46.1639 10.5837 47.4119 10.692 47.8183C11.4907 50.817 12.5667 53.7172 13.8941 56.4952C13.7782 50.2721 16.436 44.6054 20.0933 39.7023C22.5311 36.4343 24.7909 33.4047 25.8346 24.6647C25.9047 24.078 26.461 23.6557 27.0225 23.8396C34.9585 26.4378 39.201 39.6513 38.5404 50.7007C42.9245 51.3274 42.9042 46.7481 42.9042 46.7481C41.5028 42.4417 42.4372 34.4364 51.1572 30.855L51.1714 30.855Z" fill="url(#paint0_linear_441_4656)"/>
-<path opacity="0.9" d="M113.217 48.9753C114.542 78.9508 89.9005 104.794 59.8513 104.794C31.7223 104.794 8.67131 83.052 6.58635 55.4566C6.21899 58.006 6.02013 60.6098 6.00143 63.2565C6.2149 92.7864 31.0191 117.354 60.5001 117.354C90.5995 117.354 115 92.9537 115 62.8542C115 58.058 114.38 53.4065 113.217 48.9753Z" fill="url(#paint1_radial_441_4656)"/>
-<path d="M59.1725 34.8276C58.585 33.7882 55.8737 32.2518 54.6891 31.9837C59.1725 17.6193 82.02 13.2092 96.0035 15.7507C101.822 16.8082 109.07 19.9807 111.274 21.6272C104.794 16.335 95.3393 13 84.8097 13C69.5695 13 54.6141 18.8574 51.1821 30.8552L51.1715 30.8552L51.1573 30.8552C42.4372 34.4366 41.5039 42.4445 42.9054 46.751C44.2499 41.6141 50.6521 35.3015 59.1725 34.8276Z" fill="url(#paint2_linear_441_4656)"/>
-<path d="M75.0098 24.9073C62.7675 27.3161 58.7668 28.1033 54.6691 31.9984C59.2709 19.8157 71.0175 17.3474 85.0135 22.8999C81.1614 23.6969 77.8619 24.3461 75.0098 24.9073Z" fill="url(#paint3_linear_441_4656)"/>
-<path d="M8.95848 47.1166C5.61403 60.8096 8.19835 76.9046 23.393 90.4114C18.8693 85.4654 13.3472 67.1995 25.5345 54.1496C26.3554 53.2705 27.7678 53.9175 27.8123 55.1195C28.8164 82.2385 50.7005 98.8019 75.9287 95.7045C68.1116 95.2653 42.2599 86.2113 61.4903 82.6288C71.5423 80.7562 87.303 77.8201 87.303 63.6799C87.303 40.754 69.5767 34.0514 58.8286 35.0486C51.472 35.7312 44.9247 40.3989 42.9089 46.7467C43.6825 49.2498 40.5988 51.0023 38.5407 50.7081C39.2014 39.6586 34.9588 26.438 27.0228 23.8397C26.4613 23.6559 25.9049 24.0782 25.8348 24.6649C24.7911 33.405 22.5313 36.4346 20.0935 39.7027C16.4361 44.6058 13.7783 50.2725 13.8942 56.4958C12.5668 53.7177 11.4907 50.8175 10.692 47.8188C10.6024 47.4822 10.1157 46.5444 9.52654 46.5001C9.20762 46.4761 9.03882 46.7876 8.95848 47.1166Z" fill="url(#paint4_radial_441_4656)"/>
-<path d="M54.737 84.0159C69.5356 96.032 99.2984 87.0234 99.2984 57.8053C87.2822 76.0192 71.9786 88.5818 54.737 84.0159Z" fill="url(#paint5_linear_441_4656)"/>
-<path d="M25.534 54.1492C25.8464 53.8146 26.2449 53.6997 26.6214 53.752C15.7119 67.0569 24.5107 90.426 30.55 96.1663C30.8874 97.1223 24.8214 92.1513 23.9849 90.9871C19.3916 87.0899 12.808 67.7759 25.534 54.1492Z" fill="url(#paint6_linear_441_4656)"/>
-<path d="M60.4997 85.1166C75.3029 85.1166 87.3033 75.3249 87.3033 63.2462C87.3033 51.1675 75.3029 41.3758 60.4997 41.3758C47.8711 41.3758 33.6916 49.5918 33.6962 63.5654C33.7034 85.1595 56.5155 97.5821 75.9609 95.7016C74.5004 95.5321 65.3885 95.0481 59.2296 88.0809C58.6742 87.4527 57.71 86.3573 58.1473 85.6451C58.5846 84.9329 59.7862 85.1166 60.4997 85.1166Z" fill="url(#paint7_linear_441_4656)"/>
-<path opacity="0.7" d="M60.4997 85.1164C75.3029 85.1164 87.3033 75.3247 87.3033 63.2461C87.3033 59.5579 86.1844 56.083 84.2086 53.035L62.9349 72.3569C61.4493 73.7062 58.9469 73.7062 57.4613 72.3569L36.5832 53.3944C34.7664 56.3152 33.695 59.7225 33.6962 63.5653C33.7034 85.1594 56.5155 97.582 75.9609 95.7014C75.8727 95.6912 75.7568 95.6798 75.6153 95.666L75.6148 95.6659C73.4104 95.4499 65.0165 94.6271 59.2296 88.0808C58.6742 87.4526 57.71 86.3572 58.1473 85.645C58.5146 85.0469 59.4207 85.0806 60.1243 85.1067C60.2585 85.1117 60.3854 85.1164 60.4997 85.1164Z" fill="url(#paint8_linear_441_4656)"/>
-<g filter="url(#filter1_f_441_4656)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M54.2782 72.4853C50.3308 68.3767 38.5079 54.7295 38.5079 54.7295L39.4231 54.7688L57.9306 68.5924C59.3172 69.5996 61.2936 69.5895 62.6676 68.5682L80.8159 54.7866L81.7794 54.7118C81.7794 54.7118 70.3432 68.0358 65.963 72.4255C61.5828 76.8153 58.2256 76.5938 54.2782 72.4853Z" fill="#458FCD"/>
-</g>
-<path d="M63.131 73.6068L84.3616 53.3363C79.8665 46.4019 71.5752 41.3756 60.5128 41.3756C51.358 41.3756 41.377 45.6943 36.5865 53.3931L57.1515 73.6068C58.6371 74.9561 61.6454 74.9561 63.131 73.6068Z" fill="url(#paint9_linear_441_4656)"/>
-<path opacity="0.6" d="M84.3836 53.31L63.2008 73.5783C61.3208 74.9136 59.3198 75.012 57.3441 73.7991L36.57 53.383C37.1551 52.4396 37.8216 51.5356 38.5619 50.677C39.3104 51.377 40.0352 52.0558 40.7424 52.7182C46.2 57.83 50.6113 61.9618 56.8284 67.268C59.6351 69.6634 60.5073 69.6163 63.2588 67.268C70.3732 61.196 75.5745 56.6008 82.3381 50.5628C83.0988 51.4333 83.7833 52.3512 84.3836 53.31Z" fill="white"/>
-<path d="M64.2598 30.4365C67.1282 29.5333 66.8772 26.6936 66.8772 26.6936C66.8772 26.6936 65.442 25.0052 62.6003 25.941C59.94 26.817 59.5278 28.7111 59.5278 28.7111C59.5278 28.7111 60.9811 31.469 64.2598 30.4365Z" fill="white"/>
-</g>
-<defs>
-<filter id="filter0_d_441_4656" x="0.666667" y="9" width="119.667" height="115.021" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="1.33333"/>
-<feGaussianBlur stdDeviation="2.66667"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0.000624525 0 0 0 0 0.276128 0 0 0 0 0.599544 0 0 0 0.39 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_441_4656"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_441_4656" result="shape"/>
-</filter>
-<filter id="filter1_f_441_4656" x="36.5079" y="52.7118" width="47.2715" height="24.9308" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_441_4656"/>
-</filter>
-<linearGradient id="paint0_linear_441_4656" x1="50.6802" y1="-38.3983" x2="4.29217" y2="108.127" gradientUnits="userSpaceOnUse">
-<stop stop-color="#107781"/>
-<stop offset="1" stop-color="#0690BB"/>
-<stop offset="1" stop-color="#105BBC"/>
-</linearGradient>
-<radialGradient id="paint1_radial_441_4656" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.7749 55.6218) rotate(66.5179) scale(46.0848 44.148)">
-<stop offset="0.525579" stop-color="#0B4186" stop-opacity="0"/>
-<stop offset="1" stop-color="#0B4186" stop-opacity="0.45"/>
-</radialGradient>
-<linearGradient id="paint2_linear_441_4656" x1="47.8869" y1="13" x2="107.176" y2="42.5291" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0DB7BD"/>
-<stop offset="1" stop-color="#2493EF"/>
-</linearGradient>
-<linearGradient id="paint3_linear_441_4656" x1="67.1076" y1="14.2153" x2="64.7573" y2="32.3165" gradientUnits="userSpaceOnUse">
-<stop stop-color="#107781"/>
-<stop offset="1" stop-color="#0690BB"/>
-<stop offset="1" stop-color="#105BBC"/>
-</linearGradient>
-<radialGradient id="paint4_radial_441_4656" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.9461 92.5495) rotate(-64.2627) scale(71.8971 88.8137)">
-<stop offset="0.0160882" stop-color="#094188"/>
-<stop offset="0.967387" stop-color="#0B4186" stop-opacity="0"/>
-</radialGradient>
-<linearGradient id="paint5_linear_441_4656" x1="58.3019" y1="57.8053" x2="101.031" y2="72.6091" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0DB7BD"/>
-<stop offset="1" stop-color="#2493EF"/>
-</linearGradient>
-<linearGradient id="paint6_linear_441_4656" x1="19.1291" y1="53.7399" x2="32.4098" y2="54.6864" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0DB7BD"/>
-<stop offset="1" stop-color="#2493EF"/>
-</linearGradient>
-<linearGradient id="paint7_linear_441_4656" x1="60.5006" y1="49.3851" x2="60.5006" y2="95.477" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.90535" stop-color="#BEE1FE"/>
-<stop offset="1" stop-color="#96CEFD"/>
-</linearGradient>
-<linearGradient id="paint8_linear_441_4656" x1="61.3627" y1="75.4673" x2="61.3627" y2="94.7761" gradientUnits="userSpaceOnUse">
-<stop stop-color="#BCE0FD"/>
-<stop offset="1" stop-color="#88CCFC"/>
-</linearGradient>
-<linearGradient id="paint9_linear_441_4656" x1="60.4106" y1="46.0762" x2="60.4741" y2="96.6606" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="0.90535" stop-color="#BEE1FE"/>
-<stop offset="1" stop-color="#96CEFD"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/frontend/src/assets/styles/colours.css b/frontend/src/assets/styles/colours.css
index 4d94cf41d..d8cd71e23 100644
--- a/frontend/src/assets/styles/colours.css
+++ b/frontend/src/assets/styles/colours.css
@@ -27,6 +27,7 @@ html {
   --success-soft: #F4F9F4;
   --success-pressed: #194E2C;
 
+  --text-base: #18181B;
   --text-highlight: #107781;
 
   --tbpro-primary: var(--teal-700);
diff --git a/frontend/src/elements/arts/ArtLogo.vue b/frontend/src/elements/arts/ArtLogo.vue
new file mode 100644
index 000000000..6ff70fee7
--- /dev/null
+++ b/frontend/src/elements/arts/ArtLogo.vue
@@ -0,0 +1,94 @@
+<template>
+  <svg width="473" height="125" viewBox="0 0 473 125" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M128.233 33.2812V30.6364H143.993V33.2812H137.639V51H134.577V33.2812H128.233ZM150.21 41.9318V51H147.237V30.6364H150.17V38.2131H150.359C150.717 37.3911 151.264 36.7382 152 36.2543C152.735 35.7704 153.697 35.5284 154.883 35.5284C155.931 35.5284 156.845 35.7438 157.627 36.1747C158.416 36.6056 159.026 37.2486 159.457 38.1037C159.895 38.9522 160.113 40.0128 160.113 41.2855V51H157.14V41.6435C157.14 40.5232 156.852 39.6548 156.275 39.0384C155.699 38.4152 154.896 38.1037 153.869 38.1037C153.166 38.1037 152.537 38.2528 151.98 38.5511C151.43 38.8494 150.995 39.2869 150.677 39.8636C150.366 40.4337 150.21 41.1231 150.21 41.9318ZM173.755 44.6662V35.7273H176.738V51H173.815V48.3551H173.656C173.305 49.1705 172.741 49.8499 171.966 50.3935C171.197 50.9304 170.239 51.1989 169.092 51.1989C168.111 51.1989 167.243 50.9834 166.487 50.5526C165.738 50.1151 165.148 49.4688 164.717 48.6136C164.293 47.7585 164.081 46.7012 164.081 45.4418V35.7273H167.054V45.0838C167.054 46.1245 167.342 46.9531 167.919 47.5696C168.495 48.1861 169.244 48.4943 170.166 48.4943C170.723 48.4943 171.276 48.3551 171.826 48.0767C172.383 47.7983 172.844 47.3774 173.208 46.8139C173.58 46.2505 173.762 45.5346 173.755 44.6662ZM183.706 41.9318V51H180.733V35.7273H183.587V38.2131H183.776C184.127 37.4044 184.677 36.7547 185.426 36.2642C186.182 35.7737 187.133 35.5284 188.28 35.5284C189.321 35.5284 190.232 35.7472 191.014 36.1847C191.796 36.6155 192.403 37.2585 192.834 38.1136C193.265 38.9687 193.48 40.026 193.48 41.2855V51H190.507V41.6435C190.507 40.5365 190.219 39.6714 189.642 39.0483C189.065 38.4186 188.273 38.1037 187.266 38.1037C186.576 38.1037 185.963 38.2528 185.426 38.5511C184.896 38.8494 184.475 39.2869 184.163 39.8636C183.858 40.4337 183.706 41.1231 183.706 41.9318ZM203.185 51.2983C201.952 51.2983 200.851 50.9834 199.884 50.3537C198.922 49.7173 198.167 48.8125 197.616 47.6392C197.073 46.4593 196.801 45.044 196.801 43.3935C196.801 41.7429 197.076 40.331 197.626 39.1577C198.183 37.9844 198.946 37.0862 199.913 36.4631C200.881 35.84 201.978 35.5284 203.205 35.5284C204.152 35.5284 204.915 35.6875 205.491 36.0057C206.075 36.3172 206.526 36.6818 206.844 37.0994C207.169 37.517 207.42 37.8849 207.599 38.2031H207.778V30.6364H210.751V51H207.848V48.6236H207.599C207.42 48.9484 207.162 49.3196 206.824 49.7372C206.492 50.1548 206.035 50.5194 205.452 50.831C204.868 51.1425 204.113 51.2983 203.185 51.2983ZM203.841 48.7628C204.696 48.7628 205.419 48.5374 206.009 48.0866C206.605 47.6293 207.056 46.9962 207.361 46.1875C207.672 45.3788 207.828 44.4375 207.828 43.3636C207.828 42.303 207.676 41.375 207.371 40.5795C207.066 39.7841 206.618 39.1643 206.028 38.7202C205.438 38.276 204.709 38.054 203.841 38.054C202.946 38.054 202.2 38.286 201.604 38.75C201.007 39.214 200.556 39.8471 200.251 40.6491C199.953 41.4512 199.804 42.3561 199.804 43.3636C199.804 44.3845 199.956 45.3026 200.261 46.1179C200.566 46.9332 201.017 47.5795 201.614 48.0568C202.217 48.5275 202.959 48.7628 203.841 48.7628ZM221.577 51.3082C220.072 51.3082 218.776 50.9867 217.689 50.3438C216.609 49.6941 215.774 48.7827 215.184 47.6094C214.6 46.4295 214.309 45.0473 214.309 43.4631C214.309 41.8987 214.6 40.5199 215.184 39.3267C215.774 38.1335 216.596 37.2022 217.65 36.5327C218.71 35.8632 219.95 35.5284 221.368 35.5284C222.23 35.5284 223.065 35.6709 223.874 35.956C224.683 36.241 225.408 36.6884 226.051 37.2983C226.694 37.9081 227.202 38.7003 227.573 39.6747C227.944 40.6425 228.13 41.8191 228.13 43.2045V44.2585H215.989V42.0312H225.216C225.216 41.2491 225.057 40.5563 224.739 39.9531C224.421 39.3433 223.973 38.8627 223.397 38.5114C222.827 38.16 222.157 37.9844 221.388 37.9844C220.553 37.9844 219.824 38.1899 219.201 38.6009C218.584 39.0052 218.107 39.5355 217.769 40.1918C217.437 40.8414 217.272 41.5473 217.272 42.3097V44.0497C217.272 45.0705 217.451 45.9389 217.809 46.6548C218.173 47.3707 218.68 47.9176 219.33 48.2955C219.98 48.6667 220.739 48.8523 221.607 48.8523C222.17 48.8523 222.684 48.7727 223.148 48.6136C223.612 48.4479 224.013 48.2027 224.351 47.8778C224.689 47.553 224.948 47.152 225.127 46.6747L227.941 47.1818C227.715 48.0104 227.311 48.7363 226.728 49.3594C226.151 49.9759 225.425 50.4564 224.55 50.8011C223.682 51.1392 222.691 51.3082 221.577 51.3082ZM231.428 51V35.7273H234.302V38.1534H234.461C234.739 37.3314 235.23 36.6851 235.933 36.2145C236.642 35.7372 237.444 35.4986 238.339 35.4986C238.524 35.4986 238.743 35.5052 238.995 35.5185C239.254 35.5317 239.456 35.5483 239.602 35.5682V38.4119C239.482 38.3788 239.27 38.3423 238.965 38.3026C238.66 38.2562 238.355 38.233 238.05 38.233C237.348 38.233 236.721 38.3821 236.171 38.6804C235.628 38.9721 235.197 39.3797 234.879 39.9034C234.56 40.4205 234.401 41.0104 234.401 41.6733V51H231.428ZM242.413 51V30.6364H245.386V38.2031H245.565C245.737 37.8849 245.986 37.517 246.311 37.0994C246.636 36.6818 247.086 36.3172 247.663 36.0057C248.24 35.6875 249.002 35.5284 249.95 35.5284C251.183 35.5284 252.283 35.84 253.251 36.4631C254.219 37.0862 254.978 37.9844 255.528 39.1577C256.085 40.331 256.363 41.7429 256.363 43.3935C256.363 45.044 256.088 46.4593 255.538 47.6392C254.988 48.8125 254.232 49.7173 253.271 50.3537C252.31 50.9834 251.213 51.2983 249.98 51.2983C249.052 51.2983 248.293 51.1425 247.703 50.831C247.119 50.5194 246.662 50.1548 246.331 49.7372C245.999 49.3196 245.744 48.9484 245.565 48.6236H245.316V51H242.413ZM245.326 43.3636C245.326 44.4375 245.482 45.3788 245.794 46.1875C246.105 46.9962 246.556 47.6293 247.146 48.0866C247.736 48.5374 248.458 48.7628 249.314 48.7628C250.202 48.7628 250.944 48.5275 251.541 48.0568C252.137 47.5795 252.588 46.9332 252.893 46.1179C253.205 45.3026 253.36 44.3845 253.36 43.3636C253.36 42.3561 253.208 41.4512 252.903 40.6491C252.605 39.8471 252.154 39.214 251.551 38.75C250.954 38.286 250.208 38.054 249.314 38.054C248.452 38.054 247.723 38.276 247.126 38.7202C246.536 39.1643 246.089 39.7841 245.784 40.5795C245.479 41.375 245.326 42.303 245.326 43.3636ZM259.702 51V35.7273H262.675V51H259.702ZM261.203 33.3707C260.686 33.3707 260.242 33.1984 259.871 32.8537C259.506 32.5024 259.324 32.0848 259.324 31.6009C259.324 31.1103 259.506 30.6927 259.871 30.348C260.242 29.9967 260.686 29.821 261.203 29.821C261.72 29.821 262.161 29.9967 262.526 30.348C262.897 30.6927 263.082 31.1103 263.082 31.6009C263.082 32.0848 262.897 32.5024 262.526 32.8537C262.161 33.1984 261.72 33.3707 261.203 33.3707ZM266.674 51V35.7273H269.548V38.1534H269.707C269.985 37.3314 270.476 36.6851 271.179 36.2145C271.888 35.7372 272.69 35.4986 273.585 35.4986C273.77 35.4986 273.989 35.5052 274.241 35.5185C274.5 35.5317 274.702 35.5483 274.848 35.5682V38.4119C274.728 38.3788 274.516 38.3423 274.211 38.3026C273.906 38.2562 273.601 38.233 273.297 38.233C272.594 38.233 271.967 38.3821 271.417 38.6804C270.874 38.9721 270.443 39.3797 270.125 39.9034C269.806 40.4205 269.647 41.0104 269.647 41.6733V51H266.674ZM282.591 51.2983C281.358 51.2983 280.258 50.9834 279.29 50.3537C278.329 49.7173 277.573 48.8125 277.023 47.6392C276.479 46.4593 276.207 45.044 276.207 43.3935C276.207 41.7429 276.482 40.331 277.033 39.1577C277.589 37.9844 278.352 37.0862 279.32 36.4631C280.287 35.84 281.384 35.5284 282.611 35.5284C283.559 35.5284 284.321 35.6875 284.898 36.0057C285.481 36.3172 285.932 36.6818 286.25 37.0994C286.575 37.517 286.827 37.8849 287.006 38.2031H287.185V30.6364H290.158V51H287.254V48.6236H287.006C286.827 48.9484 286.568 49.3196 286.23 49.7372C285.899 50.1548 285.441 50.5194 284.858 50.831C284.275 51.1425 283.519 51.2983 282.591 51.2983ZM283.247 48.7628C284.102 48.7628 284.825 48.5374 285.415 48.0866C286.011 47.6293 286.462 46.9962 286.767 46.1875C287.079 45.3788 287.234 44.4375 287.234 43.3636C287.234 42.303 287.082 41.375 286.777 40.5795C286.472 39.7841 286.025 39.1643 285.435 38.7202C284.845 38.276 284.116 38.054 283.247 38.054C282.352 38.054 281.607 38.286 281.01 38.75C280.413 39.214 279.963 39.8471 279.658 40.6491C279.359 41.4512 279.21 42.3561 279.21 43.3636C279.21 44.3845 279.363 45.3026 279.668 46.1179C279.973 46.9332 280.423 47.5795 281.02 48.0568C281.623 48.5275 282.366 48.7628 283.247 48.7628Z" fill="currentColor"/>
+    <path d="M164.072 105L160.096 95.928H138.032L134.056 105H130.136L147.104 66.528H151.024L167.992 105H164.072ZM139.6 92.456H158.528L149.064 70.952L139.6 92.456ZM188.885 75.376C196.333 75.376 202.101 81.872 202.101 90.496C202.101 99.176 196.333 105.672 188.885 105.672C184.125 105.672 180.317 103.264 178.077 99.344V114.632H174.605V76.048H178.077V81.704C180.317 77.784 184.125 75.376 188.885 75.376ZM188.269 102.48C194.093 102.48 198.517 97.328 198.517 90.496C198.517 83.664 194.093 78.568 188.269 78.568C182.277 78.568 178.077 83.496 178.077 90.496C178.077 97.496 182.277 102.48 188.269 102.48ZM222.135 75.376C229.583 75.376 235.351 81.872 235.351 90.496C235.351 99.176 229.583 105.672 222.135 105.672C217.375 105.672 213.567 103.264 211.327 99.344V114.632H207.855V76.048H211.327V81.704C213.567 77.784 217.375 75.376 222.135 75.376ZM221.519 102.48C227.343 102.48 231.767 97.328 231.767 90.496C231.767 83.664 227.343 78.568 221.519 78.568C215.527 78.568 211.327 83.496 211.327 90.496C211.327 97.496 215.527 102.48 221.519 102.48ZM254.825 105.672C246.649 105.672 239.873 98.784 239.873 90.496C239.873 82.208 246.649 75.376 254.825 75.376C263.001 75.376 269.777 82.208 269.777 90.496C269.777 98.784 263.001 105.672 254.825 105.672ZM254.825 102.48C261.041 102.48 266.193 97.048 266.193 90.496C266.193 83.944 261.041 78.568 254.825 78.568C248.609 78.568 243.457 83.944 243.457 90.496C243.457 97.048 248.609 102.48 254.825 102.48ZM277.183 70.392C275.839 70.392 274.775 69.328 274.775 67.984C274.775 66.696 275.839 65.576 277.183 65.576C278.471 65.576 279.591 66.696 279.591 67.984C279.591 69.328 278.471 70.392 277.183 70.392ZM275.447 105V76.048H278.919V105H275.447ZM298.666 75.376C305.05 75.376 309.474 79.856 309.474 86.408V105H306.002V86.856C306.002 81.928 302.81 78.568 298.162 78.568C293.066 78.568 289.146 82.04 289.146 86.576V105H285.674V76.048H289.146V80.752C290.714 77.56 294.354 75.376 298.666 75.376ZM328.812 101.248L330.604 103.824C329.092 105 327.132 105.672 325.228 105.672C321.308 105.672 318.508 102.592 318.508 98.28V79.24H313.804V76.048H318.508V68.096H321.98V76.048H329.26V79.24H321.98V98.28C321.98 100.744 323.548 102.48 325.452 102.48C326.796 102.48 328.028 101.976 328.812 101.248ZM366.676 75.376C372.668 75.376 376.812 79.968 376.812 86.408V105H373.34V86.856C373.34 81.984 370.428 78.568 366.228 78.568C361.468 78.568 358.108 81.816 358.108 86.408V105H354.636V86.856C354.636 81.984 351.668 78.568 347.524 78.568C342.764 78.568 339.404 81.816 339.404 86.408V105H335.932V76.048H339.404V80.248C340.804 77.28 343.996 75.376 347.972 75.376C351.836 75.376 354.972 77.336 356.652 80.416C358.724 77.28 362.308 75.376 366.676 75.376ZM396.619 102.48C400.315 102.48 404.291 101.024 406.307 98.84L408.491 101.192C405.971 103.88 400.931 105.672 396.675 105.672C388.947 105.672 382.171 99.12 382.171 90.44C382.171 81.872 388.555 75.376 396.395 75.376C405.019 75.376 410.171 81.928 410.171 91.896H385.699C386.315 97.888 390.683 102.48 396.619 102.48ZM396.507 78.568C390.907 78.568 386.483 82.712 385.755 88.704H406.699C406.251 82.88 402.667 78.568 396.507 78.568ZM428.658 75.376C435.042 75.376 439.466 79.856 439.466 86.408V105H435.994V86.856C435.994 81.928 432.802 78.568 428.154 78.568C423.058 78.568 419.138 82.04 419.138 86.576V105H415.666V76.048H419.138V80.752C420.706 77.56 424.346 75.376 428.658 75.376ZM458.804 101.248L460.596 103.824C459.084 105 457.124 105.672 455.22 105.672C451.3 105.672 448.5 102.592 448.5 98.28V79.24H443.796V76.048H448.5V68.096H451.972V76.048H459.252V79.24H451.972V98.28C451.972 100.744 453.54 102.48 455.444 102.48C456.788 102.48 458.02 101.976 458.804 101.248Z" fill="currentColor"/>
+    <g filter="url(#filter0_d_441_4656)">
+      <path d="M51.1714 30.855L51.1819 30.855C54.614 18.8573 69.5691 13 84.8092 13C95.3386 13 104.793 16.3349 111.273 21.6271C107.259 21.8261 103.44 22.6116 99.9445 23.8793C105.181 25.8245 109.679 28.8194 113.013 32.5243C110.801 32.1421 108.507 31.9409 106.155 31.9409C105.901 31.9409 105.648 31.9433 105.395 31.9479C111.453 40.7306 115 51.3781 115 62.8542C115 92.9537 90.5996 117.354 60.5001 117.354C30.8645 117.354 6 92.5406 6 62.8541C6 58.1657 6.62406 53.3232 7.83343 48.7846C8.14979 47.8312 8.59228 46.9169 9.17987 46.5825C9.91529 46.1639 10.5837 47.4119 10.692 47.8183C11.4907 50.817 12.5667 53.7172 13.8941 56.4952C13.7782 50.2721 16.436 44.6054 20.0933 39.7023C22.5311 36.4343 24.7909 33.4047 25.8346 24.6647C25.9047 24.078 26.461 23.6557 27.0225 23.8396C34.9585 26.4378 39.201 39.6513 38.5404 50.7007C42.9245 51.3274 42.9042 46.7481 42.9042 46.7481C41.5028 42.4417 42.4372 34.4364 51.1572 30.855L51.1714 30.855Z" fill="url(#paint0_linear_441_4656)"/>
+      <path opacity="0.9" d="M113.217 48.9753C114.542 78.9508 89.9005 104.794 59.8513 104.794C31.7223 104.794 8.67131 83.052 6.58635 55.4566C6.21899 58.006 6.02013 60.6098 6.00143 63.2565C6.2149 92.7864 31.0191 117.354 60.5001 117.354C90.5995 117.354 115 92.9537 115 62.8542C115 58.058 114.38 53.4065 113.217 48.9753Z" fill="url(#paint1_radial_441_4656)"/>
+      <path d="M59.1725 34.8276C58.585 33.7882 55.8737 32.2518 54.6891 31.9837C59.1725 17.6193 82.02 13.2092 96.0035 15.7507C101.822 16.8082 109.07 19.9807 111.274 21.6272C104.794 16.335 95.3393 13 84.8097 13C69.5695 13 54.6141 18.8574 51.1821 30.8552L51.1715 30.8552L51.1573 30.8552C42.4372 34.4366 41.5039 42.4445 42.9054 46.751C44.2499 41.6141 50.6521 35.3015 59.1725 34.8276Z" fill="url(#paint2_linear_441_4656)"/>
+      <path d="M75.0098 24.9073C62.7675 27.3161 58.7668 28.1033 54.6691 31.9984C59.2709 19.8157 71.0175 17.3474 85.0135 22.8999C81.1614 23.6969 77.8619 24.3461 75.0098 24.9073Z" fill="url(#paint3_linear_441_4656)"/>
+      <path d="M8.95848 47.1166C5.61403 60.8096 8.19835 76.9046 23.393 90.4114C18.8693 85.4654 13.3472 67.1995 25.5345 54.1496C26.3554 53.2705 27.7678 53.9175 27.8123 55.1195C28.8164 82.2385 50.7005 98.8019 75.9287 95.7045C68.1116 95.2653 42.2599 86.2113 61.4903 82.6288C71.5423 80.7562 87.303 77.8201 87.303 63.6799C87.303 40.754 69.5767 34.0514 58.8286 35.0486C51.472 35.7312 44.9247 40.3989 42.9089 46.7467C43.6825 49.2498 40.5988 51.0023 38.5407 50.7081C39.2014 39.6586 34.9588 26.438 27.0228 23.8397C26.4613 23.6559 25.9049 24.0782 25.8348 24.6649C24.7911 33.405 22.5313 36.4346 20.0935 39.7027C16.4361 44.6058 13.7783 50.2725 13.8942 56.4958C12.5668 53.7177 11.4907 50.8175 10.692 47.8188C10.6024 47.4822 10.1157 46.5444 9.52654 46.5001C9.20762 46.4761 9.03882 46.7876 8.95848 47.1166Z" fill="url(#paint4_radial_441_4656)"/>
+      <path d="M54.737 84.0159C69.5356 96.032 99.2984 87.0234 99.2984 57.8053C87.2822 76.0192 71.9786 88.5818 54.737 84.0159Z" fill="url(#paint5_linear_441_4656)"/>
+      <path d="M25.534 54.1492C25.8464 53.8146 26.2449 53.6997 26.6214 53.752C15.7119 67.0569 24.5107 90.426 30.55 96.1663C30.8874 97.1223 24.8214 92.1513 23.9849 90.9871C19.3916 87.0899 12.808 67.7759 25.534 54.1492Z" fill="url(#paint6_linear_441_4656)"/>
+      <path d="M60.4997 85.1166C75.3029 85.1166 87.3033 75.3249 87.3033 63.2462C87.3033 51.1675 75.3029 41.3758 60.4997 41.3758C47.8711 41.3758 33.6916 49.5918 33.6962 63.5654C33.7034 85.1595 56.5155 97.5821 75.9609 95.7016C74.5004 95.5321 65.3885 95.0481 59.2296 88.0809C58.6742 87.4527 57.71 86.3573 58.1473 85.6451C58.5846 84.9329 59.7862 85.1166 60.4997 85.1166Z" fill="url(#paint7_linear_441_4656)"/>
+      <path opacity="0.7" d="M60.4997 85.1164C75.3029 85.1164 87.3033 75.3247 87.3033 63.2461C87.3033 59.5579 86.1844 56.083 84.2086 53.035L62.9349 72.3569C61.4493 73.7062 58.9469 73.7062 57.4613 72.3569L36.5832 53.3944C34.7664 56.3152 33.695 59.7225 33.6962 63.5653C33.7034 85.1594 56.5155 97.582 75.9609 95.7014C75.8727 95.6912 75.7568 95.6798 75.6153 95.666L75.6148 95.6659C73.4104 95.4499 65.0165 94.6271 59.2296 88.0808C58.6742 87.4526 57.71 86.3572 58.1473 85.645C58.5146 85.0469 59.4207 85.0806 60.1243 85.1067C60.2585 85.1117 60.3854 85.1164 60.4997 85.1164Z" fill="url(#paint8_linear_441_4656)"/>
+      <g filter="url(#filter1_f_441_4656)">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M54.2782 72.4853C50.3308 68.3767 38.5079 54.7295 38.5079 54.7295L39.4231 54.7688L57.9306 68.5924C59.3172 69.5996 61.2936 69.5895 62.6676 68.5682L80.8159 54.7866L81.7794 54.7118C81.7794 54.7118 70.3432 68.0358 65.963 72.4255C61.5828 76.8153 58.2256 76.5938 54.2782 72.4853Z" fill="#458FCD"/>
+      </g>
+      <path d="M63.131 73.6068L84.3616 53.3363C79.8665 46.4019 71.5752 41.3756 60.5128 41.3756C51.358 41.3756 41.377 45.6943 36.5865 53.3931L57.1515 73.6068C58.6371 74.9561 61.6454 74.9561 63.131 73.6068Z" fill="url(#paint9_linear_441_4656)"/>
+      <path opacity="0.6" d="M84.3836 53.31L63.2008 73.5783C61.3208 74.9136 59.3198 75.012 57.3441 73.7991L36.57 53.383C37.1551 52.4396 37.8216 51.5356 38.5619 50.677C39.3104 51.377 40.0352 52.0558 40.7424 52.7182C46.2 57.83 50.6113 61.9618 56.8284 67.268C59.6351 69.6634 60.5073 69.6163 63.2588 67.268C70.3732 61.196 75.5745 56.6008 82.3381 50.5628C83.0988 51.4333 83.7833 52.3512 84.3836 53.31Z" fill="white"/>
+      <path d="M64.2598 30.4365C67.1282 29.5333 66.8772 26.6936 66.8772 26.6936C66.8772 26.6936 65.442 25.0052 62.6003 25.941C59.94 26.817 59.5278 28.7111 59.5278 28.7111C59.5278 28.7111 60.9811 31.469 64.2598 30.4365Z" fill="white"/>
+    </g>
+    <defs>
+      <filter id="filter0_d_441_4656" x="0.666667" y="9" width="119.667" height="115.021" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+        <feOffset dy="1.33333"/>
+        <feGaussianBlur stdDeviation="2.66667"/>
+        <feComposite in2="hardAlpha" operator="out"/>
+        <feColorMatrix type="matrix" values="0 0 0 0 0.000624525 0 0 0 0 0.276128 0 0 0 0 0.599544 0 0 0 0.39 0"/>
+        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_441_4656"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_441_4656" result="shape"/>
+      </filter>
+      <filter id="filter1_f_441_4656" x="36.5079" y="52.7118" width="47.2715" height="24.9308" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_441_4656"/>
+      </filter>
+      <linearGradient id="paint0_linear_441_4656" x1="50.6802" y1="-38.3983" x2="4.29217" y2="108.127" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#107781"/>
+        <stop offset="1" stop-color="#0690BB"/>
+        <stop offset="1" stop-color="#105BBC"/>
+      </linearGradient>
+      <radialGradient id="paint1_radial_441_4656" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24.7749 55.6218) rotate(66.5179) scale(46.0848 44.148)">
+        <stop offset="0.525579" stop-color="#0B4186" stop-opacity="0"/>
+        <stop offset="1" stop-color="#0B4186" stop-opacity="0.45"/>
+      </radialGradient>
+      <linearGradient id="paint2_linear_441_4656" x1="47.8869" y1="13" x2="107.176" y2="42.5291" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#0DB7BD"/>
+        <stop offset="1" stop-color="#2493EF"/>
+      </linearGradient>
+      <linearGradient id="paint3_linear_441_4656" x1="67.1076" y1="14.2153" x2="64.7573" y2="32.3165" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#107781"/>
+        <stop offset="1" stop-color="#0690BB"/>
+        <stop offset="1" stop-color="#105BBC"/>
+      </linearGradient>
+      <radialGradient id="paint4_radial_441_4656" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.9461 92.5495) rotate(-64.2627) scale(71.8971 88.8137)">
+        <stop offset="0.0160882" stop-color="#094188"/>
+        <stop offset="0.967387" stop-color="#0B4186" stop-opacity="0"/>
+      </radialGradient>
+      <linearGradient id="paint5_linear_441_4656" x1="58.3019" y1="57.8053" x2="101.031" y2="72.6091" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#0DB7BD"/>
+        <stop offset="1" stop-color="#2493EF"/>
+      </linearGradient>
+      <linearGradient id="paint6_linear_441_4656" x1="19.1291" y1="53.7399" x2="32.4098" y2="54.6864" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#0DB7BD"/>
+        <stop offset="1" stop-color="#2493EF"/>
+      </linearGradient>
+      <linearGradient id="paint7_linear_441_4656" x1="60.5006" y1="49.3851" x2="60.5006" y2="95.477" gradientUnits="userSpaceOnUse">
+        <stop stop-color="white"/>
+        <stop offset="0.90535" stop-color="#BEE1FE"/>
+        <stop offset="1" stop-color="#96CEFD"/>
+      </linearGradient>
+      <linearGradient id="paint8_linear_441_4656" x1="61.3627" y1="75.4673" x2="61.3627" y2="94.7761" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#BCE0FD"/>
+        <stop offset="1" stop-color="#88CCFC"/>
+      </linearGradient>
+      <linearGradient id="paint9_linear_441_4656" x1="60.4106" y1="46.0762" x2="60.4741" y2="96.6606" gradientUnits="userSpaceOnUse">
+        <stop stop-color="white"/>
+        <stop offset="0.90535" stop-color="#BEE1FE"/>
+        <stop offset="1" stop-color="#96CEFD"/>
+      </linearGradient>
+    </defs>
+  </svg>
+</template>
+<style scoped>
+svg {
+  color: var(--text-base);
+}
+.dark {
+  svg {
+    color: var(--tbpro-soft);
+  }
+}
+</style>
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
index 4310f8db7..bce400bf3 100644
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -5,6 +5,7 @@ import HomeFooter from '@/components/HomeFooter.vue';
 import { useUserStore } from '@/stores/user-store';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from "pinia";
+import ArtLogo from "@/elements/arts/ArtLogo.vue";
 
 const router = useRouter();
 
@@ -26,10 +27,7 @@ const signUp = () => {
   <div>
     <section>
       <div class="flex-center mt-8 flex-col gap-12">
-        <img class="w-full max-w-xs md:max-w-sm lg:max-w-md" src="@/assets/svg/appointment_logo_wText.svg" alt="Appointment Logo" />
-        <h2 class="pt-6 text-center font-display text-lg uppercase tracking-[0.19em] md:text-3xl lg:text-5xl">
-          {{ $t('app.title') }}
-        </h2>
+        <ArtLogo class="w-full max-w-xs md:max-w-sm lg:max-w-md -mb-12"/>
         <div class="flex-center -mb-12 flex flex-col md:-mb-20 lg:-mb-28 xl:-mb-40">
           <h4 class="max-w-2xl pt-12 text-center text-xl font-light leading-9 tracking-wide">
             {{ $t('text.homepage.intro') }}