BlissRoms Website v2
Signed-off-by: Jackeagle <jackeagle102@gmail.com>
diff --git a/public/playground_assets/as-1500w.png b/public/playground_assets/as-1500w.png
new file mode 100644
index 0000000..34acbdf
--- /dev/null
+++ b/public/playground_assets/as-1500w.png
Binary files differ
diff --git a/public/playground_assets/assessment_black_24dp 1.svg b/public/playground_assets/assessment_black_24dp 1.svg
new file mode 100644
index 0000000..02d8e30
--- /dev/null
+++ b/public/playground_assets/assessment_black_24dp 1.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.3333 4H6.66667C5.2 4 4 5.2 4 6.66667V25.3333C4 26.8 5.2 28 6.66667 28H25.3333C26.8 28 28 26.8 28 25.3333V6.66667C28 5.2 26.8 4 25.3333 4ZM25.3333 25.3333H6.66667V6.66667H25.3333V25.3333ZM9.33333 13.3333H12V22.6667H9.33333V13.3333ZM14.6667 9.33333H17.3333V22.6667H14.6667V9.33333ZM20 17.3333H22.6667V22.6667H20V17.3333Z" fill="#186601"/>
+</svg>
diff --git a/public/playground_assets/battery-heart-outline.svg b/public/playground_assets/battery-heart-outline.svg
new file mode 100644
index 0000000..9bff861
--- /dev/null
+++ b/public/playground_assets/battery-heart-outline.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.6667 21.9333L25.8667 21.2667C23.2 18.7333 21.3333 17 21.3333 15C21.3333 13.4 22.6667 12.0667 24.2667 12.0667C25.2 12.0667 26 12.4667 26.6667 13.1333C27.3333 12.4667 28.1333 12.0667 29.0667 12.0667C30.6667 12.0667 32 13.4 32 15C32 17 30.1333 18.6 27.4667 21.1333L26.6667 21.9333ZM18.2667 5.66667H16V3H8V5.66667H5.73333C4.8 5.66667 4 6.46667 4 7.4V27.8C4 28.8667 4.8 29.6667 5.73333 29.6667H18.1333C19.0667 29.6667 19.8667 28.8667 19.8667 27.9333V7.4C20 6.46667 19.2 5.66667 18.2667 5.66667ZM17.3333 27H6.66667V8.33333H17.3333V27Z" fill="#665300"/>
+</svg>
diff --git a/public/playground_assets/bg-logo-400w.png b/public/playground_assets/bg-logo-400w.png
new file mode 100644
index 0000000..6f9615b
--- /dev/null
+++ b/public/playground_assets/bg-logo-400w.png
Binary files differ
diff --git a/public/playground_assets/bliss logo.svg b/public/playground_assets/bliss logo.svg
deleted file mode 100644
index 87b7ce3..0000000
--- a/public/playground_assets/bliss logo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="735" height="398" viewBox="0 0 735 398" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M356 396C290.5 285 126 213.5 0 230C72.5 339 218.5 411 356 396Z" fill="#00A8EC"/>
-<path d="M379 395.362C444.5 284.362 609 212.862 735 229.362C662.5 338.362 516.5 410.362 379 395.362Z" fill="#00A8EC"/>
-<path d="M192.5 165C204.086 209.313 214.26 233.049 237 274C198.926 253.659 175.701 244.583 129.5 230C101.332 185.875 91.3483 160.259 80.5 116.5C128.212 128.623 153.094 138.623 192.5 165Z" fill="#00A8EC"/>
-<path d="M541.5 165.5C529.914 209.813 519.74 233.549 497 274.5C535.074 254.159 558.299 245.083 604.5 230.5C632.668 186.375 642.652 160.759 653.5 117C605.788 129.123 580.906 139.123 541.5 165.5Z" fill="#00A8EC"/>
-<path d="M315.5 155.5C340 195.5 360.5 262.5 366.5 308.5C371 264 393.987 197.962 418.5 155.5C412.5 103 395.127 35.3814 366.215 0C339.165 40.0596 318.459 105.152 315.5 155.5Z" fill="#00A8EC"/>
-<path d="M480 284C432.047 316.174 408.794 338.014 374.5 384.5C359.5 264 432.304 105.599 541.5 36.5C549.5 136 532 193 480 284Z" fill="#00A8EC"/>
-<path d="M253.349 283C301.302 315.174 324.555 337.014 358.849 383.5C373.849 263 301.045 104.599 191.849 35.5C183.849 135 201.349 192 253.349 283Z" fill="#00A8EC"/>
-</svg>
diff --git a/public/playground_assets/bliss logo1.svg b/public/playground_assets/bliss logo1.svg
deleted file mode 100644
index 87b7ce3..0000000
--- a/public/playground_assets/bliss logo1.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="735" height="398" viewBox="0 0 735 398" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M356 396C290.5 285 126 213.5 0 230C72.5 339 218.5 411 356 396Z" fill="#00A8EC"/>
-<path d="M379 395.362C444.5 284.362 609 212.862 735 229.362C662.5 338.362 516.5 410.362 379 395.362Z" fill="#00A8EC"/>
-<path d="M192.5 165C204.086 209.313 214.26 233.049 237 274C198.926 253.659 175.701 244.583 129.5 230C101.332 185.875 91.3483 160.259 80.5 116.5C128.212 128.623 153.094 138.623 192.5 165Z" fill="#00A8EC"/>
-<path d="M541.5 165.5C529.914 209.813 519.74 233.549 497 274.5C535.074 254.159 558.299 245.083 604.5 230.5C632.668 186.375 642.652 160.759 653.5 117C605.788 129.123 580.906 139.123 541.5 165.5Z" fill="#00A8EC"/>
-<path d="M315.5 155.5C340 195.5 360.5 262.5 366.5 308.5C371 264 393.987 197.962 418.5 155.5C412.5 103 395.127 35.3814 366.215 0C339.165 40.0596 318.459 105.152 315.5 155.5Z" fill="#00A8EC"/>
-<path d="M480 284C432.047 316.174 408.794 338.014 374.5 384.5C359.5 264 432.304 105.599 541.5 36.5C549.5 136 532 193 480 284Z" fill="#00A8EC"/>
-<path d="M253.349 283C301.302 315.174 324.555 337.014 358.849 383.5C373.849 263 301.045 104.599 191.849 35.5C183.849 135 201.349 192 253.349 283Z" fill="#00A8EC"/>
-</svg>
diff --git a/public/playground_assets/bliss-logo.svg b/public/playground_assets/bliss-logo.svg
new file mode 100644
index 0000000..77adb35
--- /dev/null
+++ b/public/playground_assets/bliss-logo.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.0001 47.8318C17.4236 43.3602 17.7055 37.4912 24.0001 34.0444C30.9525 37.8639 29.825 43.7329 24.0001 47.8318Z" fill="#00A8EC"/>
+<path d="M24 47.8318L23.9537 47.8987L24.0008 47.9306L24.0473 47.8979L24 47.8318ZM24 34.0444L24.0396 33.9736L24.0001 33.9518L23.9604 33.9734L24 34.0444ZM24.0462 47.7649C20.77 45.5374 19.2203 42.9743 19.255 40.555C19.2897 38.1373 20.9075 35.8306 24.0395 34.1156L23.9604 33.9734C20.7977 35.7052 19.1271 38.0564 19.0914 40.5527C19.0557 43.0473 20.6532 45.6546 23.9537 47.8987L24.0462 47.7649ZM23.9603 34.1154C27.4197 36.0159 28.8484 38.4132 28.7098 40.8287C28.5709 43.251 26.8549 45.7233 23.9526 47.7657L24.0473 47.8979C26.97 45.8413 28.7303 43.3297 28.8732 40.838C29.0165 38.3394 27.5327 35.8925 24.0396 33.9736L23.9603 34.1154Z" fill="#00A8EC"/>
+<path d="M41.2372 41.0299C42.6988 33.2568 38.3141 29.3046 31.4051 31.2807C29.2128 38.8561 34.1953 42.2155 41.2372 41.0299Z" fill="#00A8EC"/>
+<path d="M41.237 41.0299L41.3174 41.0447L41.3069 41.1003L41.2508 41.1098L41.237 41.0299ZM31.4049 31.2807L31.3262 31.2583L31.3386 31.2152L31.3821 31.2027L31.4049 31.2807ZM41.1565 41.015C41.8846 37.1428 41.1527 34.244 39.4029 32.5575C37.6542 30.8723 34.8653 30.3754 31.4275 31.3586L31.3821 31.2027C34.8535 30.2099 37.7114 30.7012 39.5169 32.4412C41.3213 34.1801 42.0509 37.1439 41.3174 41.0447L41.1565 41.015ZM31.4834 31.303C30.3927 35.0723 31.0921 37.7692 32.9125 39.3802C34.7382 40.9955 37.7146 41.5406 41.2233 40.9498L41.2508 41.1098C37.7174 41.7047 34.6816 41.1629 32.8036 39.5012C30.9204 37.835 30.2247 35.0643 31.3262 31.2583L31.4834 31.303Z" fill="#00A8EC"/>
+<path d="M7.13881 41.0299C5.67727 33.2568 10.0619 29.3046 16.9709 31.2807C19.1633 38.8561 14.1808 42.2155 7.13881 41.0299Z" fill="#00A8EC"/>
+<path d="M7.13901 41.0299L7.05859 41.0447L7.06904 41.1003L7.12532 41.1098L7.13901 41.0299ZM16.9711 31.2807L17.0498 31.2583L17.0374 31.2152L16.9939 31.2027L16.9711 31.2807ZM7.21944 41.015C6.49138 37.1428 7.22327 34.244 8.97313 32.5575C10.7218 30.8723 13.5108 30.3754 16.9485 31.3586L16.9939 31.2027C13.5225 30.2099 10.6646 30.7012 8.85909 32.4412C7.05474 34.1801 6.32511 37.1439 7.05859 41.0447L7.21944 41.015ZM16.8926 31.303C17.9834 35.0723 17.284 37.7692 15.4635 39.3802C13.6379 40.9955 10.6614 41.5406 7.15272 40.9498L7.12532 41.1098C10.6586 41.7047 13.6945 41.1629 15.5725 39.5012C17.4555 37.835 18.1514 35.0643 17.0498 31.2583L16.8926 31.303Z" fill="#00A8EC"/>
+<path d="M47.8638 23.8967C43.3542 30.4178 37.4353 30.1383 33.959 23.8967C37.8111 17.0031 43.73 18.121 47.8638 23.8967Z" fill="#00A8EC"/>
+<path d="M47.864 23.8967L47.9315 23.9425L47.9638 23.8959L47.9307 23.8498L47.864 23.8967ZM33.9591 23.8967L33.8877 23.8574L33.8657 23.8967L33.8875 23.9359L33.9591 23.8967ZM47.7965 23.8509C45.55 27.0993 42.9651 28.636 40.5252 28.6015C38.0869 28.5672 35.7605 26.9632 34.0309 23.8575L33.8875 23.9359C35.6341 27.0719 38.0053 28.7283 40.5229 28.7638C43.0388 28.7993 45.6683 27.2152 47.9315 23.9425L47.7965 23.8509ZM34.0307 23.936C35.9475 20.506 38.3652 19.0893 40.8013 19.2266C43.2443 19.3644 45.7375 21.0659 47.7973 23.9436L47.9307 23.8498C45.8566 20.9518 43.3235 19.2064 40.8106 19.0647C38.2907 18.9225 35.823 20.3939 33.8877 23.8574L34.0307 23.936Z" fill="#00A8EC"/>
+<path d="M0.13623 23.8967C4.6459 30.4178 10.5648 30.1383 14.0411 23.8967C10.189 17.0031 4.2701 18.121 0.13623 23.8967Z" fill="#00A8EC"/>
+<path d="M0.136379 23.8967L0.0689008 23.9425L0.0366211 23.8959L0.0696553 23.8498L0.136379 23.8967ZM14.0412 23.8967L14.1127 23.8574L14.1346 23.8967L14.1128 23.9359L14.0412 23.8967ZM0.203857 23.8509C2.45035 27.0993 5.03517 28.636 7.47517 28.6015C9.91354 28.5672 12.2399 26.9632 13.9695 23.8575L14.1128 23.9359C12.3662 27.0719 9.99503 28.7283 7.47749 28.7638C4.96154 28.7993 2.33208 27.2152 0.0689008 23.9425L0.203857 23.8509ZM13.9696 23.936C12.0529 20.506 9.6352 19.0893 7.19911 19.2266C4.75617 19.3644 2.26281 21.0659 0.203101 23.9436L0.0696553 23.8498C2.1438 20.9518 4.67684 19.2064 7.18983 19.0647C9.70968 18.9225 12.1774 20.3939 14.1127 23.8574L13.9696 23.936Z" fill="#00A8EC"/>
+<path d="M41.1918 6.937C33.3527 5.48782 29.3667 9.83538 31.3596 16.686C38.9995 18.8598 42.3876 13.9195 41.1918 6.937Z" fill="#00A8EC"/>
+<path d="M41.1915 6.937L41.2065 6.85725L41.2625 6.86763L41.2721 6.92343L41.1915 6.937ZM31.3593 16.686L31.3368 16.764L31.2933 16.7517L31.2807 16.7086L31.3593 16.686ZM41.1765 7.01676C37.2714 6.29484 34.3478 7.02056 32.6469 8.75563C30.9473 10.4896 30.4463 13.2549 31.4379 16.6636L31.2807 16.7086C30.2794 13.2666 30.7748 10.4328 32.5297 8.64254C34.2834 6.85346 37.2724 6.12998 41.2065 6.85725L41.1765 7.01676ZM31.3819 16.6082C35.1833 17.6897 37.9031 16.9962 39.5277 15.1911C41.1568 13.3809 41.7067 10.4296 41.1108 6.95059L41.2721 6.92343C41.8721 10.4268 41.3257 13.437 39.6498 15.2992C37.9694 17.1664 35.1753 17.8563 31.3368 16.764L31.3819 16.6082Z" fill="#00A8EC"/>
+<path d="M6.99642 6.937C14.8356 5.48782 18.8216 9.83538 16.8286 16.686C9.18874 18.8598 5.80062 13.9195 6.99642 6.937Z" fill="#00A8EC"/>
+<path d="M6.99616 6.937L6.98116 6.85725L6.92506 6.86763L6.9155 6.92343L6.99616 6.937ZM16.8284 16.686L16.8509 16.764L16.8944 16.7517L16.9069 16.7086L16.8284 16.686ZM7.01116 7.01676C10.9162 6.29484 13.8398 7.02056 15.5407 8.75563C17.2403 10.4896 17.7413 13.2549 16.7497 16.6636L16.9069 16.7086C17.9082 13.2666 17.4128 10.4328 15.658 8.64254C13.9042 6.85346 10.9152 6.12998 6.98116 6.85725L7.01116 7.01676ZM16.8057 16.6082C13.0044 17.6897 10.2845 16.9962 8.65992 15.1911C7.03074 13.3809 6.48102 10.4296 7.07682 6.95059L6.9155 6.92343C6.31551 10.4268 6.86194 13.437 8.53783 15.2992C10.2183 17.1664 13.0124 17.8563 16.8509 16.764L16.8057 16.6082Z" fill="#00A8EC"/>
+<path d="M23.9151 0.135223C30.4916 4.60678 30.2098 10.4757 23.9151 13.9226C16.9627 10.1031 18.09 4.23415 23.9151 0.135223Z" fill="#00A8EC"/>
+<path d="M23.9154 0.13523L23.9616 0.0683229L23.9146 0.0363159L23.8681 0.069071L23.9154 0.13523ZM23.9154 13.9226L23.8757 13.9934L23.9152 14.0152L23.9549 13.9936L23.9154 13.9226ZM23.8692 0.202138C27.1453 2.42964 28.6951 4.99263 28.6603 7.412C28.6257 9.82977 27.0078 12.1365 23.8758 13.8515L23.9549 13.9936C27.1176 12.2617 28.7882 9.91057 28.8239 7.4143C28.8597 4.91961 27.2622 2.31238 23.9616 0.0683229L23.8692 0.202138ZM23.9551 13.8516C20.4957 11.9511 19.067 9.55378 19.2055 7.13828C19.3445 4.71599 21.0605 2.24369 23.9627 0.201389L23.8681 0.069071C20.9454 2.12569 19.1851 4.63732 19.0422 7.12907C18.8988 9.62763 20.3826 12.0745 23.8757 13.9934L23.9551 13.8516Z" fill="#00A8EC"/>
+<path d="M19.678 22.1203L17.2354 23.7972L19.678 25.4741L19.1144 28.4551L22.1209 27.8961L23.9998 30.3182L25.8789 27.8961L28.6974 28.4551L28.1337 25.4741L30.5765 23.7972L28.1337 21.934L28.6974 19.1393L25.691 19.6983L23.9998 17.2762L22.0269 19.6983L19.1144 19.1393L19.678 22.1203Z" fill="#00A8EC" stroke="#00A8EC" stroke-width="1.2"/>
+</svg>
diff --git a/public/playground_assets/bliss_logo.svg b/public/playground_assets/bliss_logo.svg
deleted file mode 100644
index a06748d..0000000
--- a/public/playground_assets/bliss_logo.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="180" height="134" viewBox="0 0 180 134" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M87.1836 96.9796C71.1428 69.7959 30.8571 52.2857 -8.39233e-05 56.3265C17.755 83.0204 53.5101 100.653 87.1836 96.9796Z" fill="#00A8EC"/>
-<path d="M92.8164 96.8234C108.857 69.6397 149.143 52.1295 180 56.1703C162.245 82.8642 126.49 100.497 92.8164 96.8234Z" fill="#00A8EC"/>
-<path d="M47.1429 40.4082C49.9803 51.2605 52.472 57.0733 58.0409 67.1021C48.7166 62.1206 43.0289 59.8978 31.7144 56.3266C24.8162 45.5204 22.3711 39.2471 19.7144 28.5306C31.3988 31.4996 37.4924 33.9484 47.1429 40.4082Z" fill="#00A8EC"/>
-<path d="M132.612 40.5306C129.775 51.3829 127.283 57.1957 121.714 67.2245C131.039 62.243 136.726 60.0203 148.041 56.449C154.939 45.6429 157.384 39.3695 160.041 28.6531C148.357 31.622 142.263 34.0709 132.612 40.5306Z" fill="#00A8EC"/>
-<path d="M77.265 38.0816C83.265 47.8775 88.2854 64.2857 89.7548 75.551C90.8568 64.6531 96.4862 48.4805 102.49 38.0816C101.02 25.2245 96.7654 8.66483 89.6851 0C83.0606 9.81051 77.9895 25.7515 77.265 38.0816Z" fill="#00A8EC"/>
-<path d="M117.551 69.551C105.807 77.4304 100.113 82.779 91.7142 94.1633C88.0407 64.6531 105.87 25.8609 132.612 8.93878C134.571 33.3061 130.286 47.2653 117.551 69.551Z" fill="#00A8EC"/>
-<path d="M62.0448 69.3061C73.7885 77.1855 79.4829 82.5341 87.8815 93.9183C91.555 64.4081 73.7256 25.6159 46.9836 8.69385C45.0244 33.0612 49.3101 47.0204 62.0448 69.3061Z" fill="#00A8EC"/>
-<path d="M58.9335 121.719C59.3388 121.783 59.7068 121.948 60.0375 122.215C60.3788 122.481 60.6455 122.812 60.8375 123.207C61.0402 123.601 61.1415 124.023 61.1415 124.471C61.1415 125.036 60.9975 125.548 60.7095 126.007C60.4215 126.455 60.0002 126.812 59.4455 127.079C58.9015 127.335 58.2562 127.463 57.5095 127.463H53.3495V116.311H57.3495C58.1068 116.311 58.7522 116.439 59.2855 116.695C59.8188 116.94 60.2188 117.276 60.4855 117.703C60.7522 118.129 60.8855 118.609 60.8855 119.143C60.8855 119.804 60.7042 120.353 60.3415 120.791C59.9895 121.217 59.5202 121.527 58.9335 121.719ZM54.8055 121.127H57.2535C57.9362 121.127 58.4642 120.967 58.8375 120.647C59.2108 120.327 59.3975 119.884 59.3975 119.319C59.3975 118.753 59.2108 118.311 58.8375 117.991C58.4642 117.671 57.9255 117.511 57.2215 117.511H54.8055V121.127ZM57.3815 126.263C58.1068 126.263 58.6722 126.092 59.0775 125.751C59.4828 125.409 59.6855 124.935 59.6855 124.327C59.6855 123.708 59.4722 123.223 59.0455 122.871C58.6188 122.508 58.0482 122.327 57.3335 122.327H54.8055V126.263H57.3815ZM64.698 115.623V127.463H63.242V115.623H64.698ZM68.0115 117.271C67.7342 117.271 67.4995 117.175 67.3075 116.983C67.1155 116.791 67.0195 116.556 67.0195 116.279C67.0195 116.001 67.1155 115.767 67.3075 115.575C67.4995 115.383 67.7342 115.287 68.0115 115.287C68.2782 115.287 68.5022 115.383 68.6835 115.575C68.8755 115.767 68.9715 116.001 68.9715 116.279C68.9715 116.556 68.8755 116.791 68.6835 116.983C68.5022 117.175 68.2782 117.271 68.0115 117.271ZM68.7155 118.695V127.463H67.2595V118.695H68.7155ZM74.381 127.607C73.709 127.607 73.1063 127.495 72.573 127.271C72.0397 127.036 71.6183 126.716 71.309 126.311C70.9997 125.895 70.829 125.42 70.797 124.887H72.301C72.3437 125.324 72.5463 125.681 72.909 125.959C73.2823 126.236 73.7677 126.375 74.365 126.375C74.9197 126.375 75.357 126.252 75.677 126.007C75.997 125.761 76.157 125.452 76.157 125.079C76.157 124.695 75.9863 124.412 75.645 124.231C75.3037 124.039 74.7757 123.852 74.061 123.671C73.4103 123.5 72.877 123.329 72.461 123.159C72.0557 122.977 71.7037 122.716 71.405 122.375C71.117 122.023 70.973 121.564 70.973 120.999C70.973 120.551 71.1063 120.14 71.373 119.767C71.6397 119.393 72.0183 119.1 72.509 118.887C72.9997 118.663 73.5597 118.551 74.189 118.551C75.1597 118.551 75.9437 118.796 76.541 119.287C77.1383 119.777 77.4583 120.449 77.501 121.303H76.045C76.013 120.844 75.8263 120.476 75.485 120.199C75.1543 119.921 74.7063 119.783 74.141 119.783C73.6183 119.783 73.2023 119.895 72.893 120.119C72.5837 120.343 72.429 120.636 72.429 120.999C72.429 121.287 72.5197 121.527 72.701 121.719C72.893 121.9 73.1277 122.049 73.405 122.167C73.693 122.273 74.0877 122.396 74.589 122.535C75.2183 122.705 75.7303 122.876 76.125 123.047C76.5197 123.207 76.8557 123.452 77.133 123.783C77.421 124.113 77.5703 124.545 77.581 125.079C77.581 125.559 77.4477 125.991 77.181 126.375C76.9143 126.759 76.5357 127.063 76.045 127.287C75.565 127.5 75.0103 127.607 74.381 127.607ZM82.8204 127.607C82.1484 127.607 81.5457 127.495 81.0124 127.271C80.479 127.036 80.0577 126.716 79.7484 126.311C79.439 125.895 79.2684 125.42 79.2364 124.887H80.7404C80.783 125.324 80.9857 125.681 81.3484 125.959C81.7217 126.236 82.207 126.375 82.8044 126.375C83.359 126.375 83.7964 126.252 84.1164 126.007C84.4364 125.761 84.5964 125.452 84.5964 125.079C84.5964 124.695 84.4257 124.412 84.0844 124.231C83.743 124.039 83.215 123.852 82.5004 123.671C81.8497 123.5 81.3164 123.329 80.9004 123.159C80.495 122.977 80.143 122.716 79.8444 122.375C79.5564 122.023 79.4124 121.564 79.4124 120.999C79.4124 120.551 79.5457 120.14 79.8124 119.767C80.079 119.393 80.4577 119.1 80.9484 118.887C81.439 118.663 81.999 118.551 82.6284 118.551C83.599 118.551 84.383 118.796 84.9804 119.287C85.5777 119.777 85.8977 120.449 85.9404 121.303H84.4844C84.4524 120.844 84.2657 120.476 83.9244 120.199C83.5937 119.921 83.1457 119.783 82.5804 119.783C82.0577 119.783 81.6417 119.895 81.3324 120.119C81.023 120.343 80.8684 120.636 80.8684 120.999C80.8684 121.287 80.959 121.527 81.1404 121.719C81.3324 121.9 81.567 122.049 81.8444 122.167C82.1324 122.273 82.527 122.396 83.0284 122.535C83.6577 122.705 84.1697 122.876 84.5644 123.047C84.959 123.207 85.295 123.452 85.5724 123.783C85.8604 124.113 86.0097 124.545 86.0204 125.079C86.0204 125.559 85.887 125.991 85.6204 126.375C85.3537 126.759 84.975 127.063 84.4844 127.287C84.0044 127.5 83.4497 127.607 82.8204 127.607ZM98.3734 127.463L95.7174 122.903H93.9574V127.463H92.5014V116.311H96.1014C96.944 116.311 97.6534 116.455 98.2294 116.743C98.816 117.031 99.2534 117.42 99.5414 117.911C99.8294 118.401 99.9734 118.961 99.9734 119.591C99.9734 120.359 99.7494 121.036 99.3014 121.623C98.864 122.209 98.2027 122.599 97.3174 122.791L100.117 127.463H98.3734ZM93.9574 121.735H96.1014C96.8907 121.735 97.4827 121.543 97.8774 121.159C98.272 120.764 98.4694 120.241 98.4694 119.591C98.4694 118.929 98.272 118.417 97.8774 118.055C97.4934 117.692 96.9014 117.511 96.1014 117.511H93.9574V121.735ZM106.14 127.607C105.318 127.607 104.572 127.42 103.9 127.047C103.238 126.673 102.716 126.145 102.332 125.463C101.958 124.769 101.772 123.969 101.772 123.063C101.772 122.167 101.964 121.377 102.348 120.695C102.742 120.001 103.276 119.473 103.948 119.111C104.62 118.737 105.372 118.551 106.204 118.551C107.036 118.551 107.788 118.737 108.46 119.111C109.132 119.473 109.66 119.996 110.044 120.679C110.438 121.361 110.636 122.156 110.636 123.063C110.636 123.969 110.433 124.769 110.028 125.463C109.633 126.145 109.094 126.673 108.412 127.047C107.729 127.42 106.972 127.607 106.14 127.607ZM106.14 126.327C106.662 126.327 107.153 126.204 107.612 125.959C108.07 125.713 108.438 125.345 108.716 124.855C109.004 124.364 109.148 123.767 109.148 123.063C109.148 122.359 109.009 121.761 108.732 121.271C108.454 120.78 108.092 120.417 107.644 120.183C107.196 119.937 106.71 119.815 106.188 119.815C105.654 119.815 105.164 119.937 104.716 120.183C104.278 120.417 103.926 120.78 103.66 121.271C103.393 121.761 103.26 122.359 103.26 123.063C103.26 123.777 103.388 124.38 103.644 124.871C103.91 125.361 104.262 125.729 104.7 125.975C105.137 126.209 105.617 126.327 106.14 126.327ZM123.174 118.535C123.857 118.535 124.465 118.679 124.998 118.967C125.531 119.244 125.953 119.665 126.262 120.231C126.571 120.796 126.726 121.484 126.726 122.295V127.463H125.286V122.503C125.286 121.628 125.067 120.961 124.63 120.503C124.203 120.033 123.622 119.799 122.886 119.799C122.129 119.799 121.526 120.044 121.078 120.535C120.63 121.015 120.406 121.713 120.406 122.631V127.463H118.966V122.503C118.966 121.628 118.747 120.961 118.31 120.503C117.883 120.033 117.302 119.799 116.566 119.799C115.809 119.799 115.206 120.044 114.758 120.535C114.31 121.015 114.086 121.713 114.086 122.631V127.463H112.63V118.695H114.086V119.959C114.374 119.5 114.758 119.148 115.238 118.903C115.729 118.657 116.267 118.535 116.854 118.535C117.59 118.535 118.241 118.7 118.806 119.031C119.371 119.361 119.793 119.847 120.07 120.487C120.315 119.868 120.721 119.388 121.286 119.047C121.851 118.705 122.481 118.535 123.174 118.535Z" fill="white"/>
-</svg>
diff --git a/public/playground_assets/compatibility.svg b/public/playground_assets/compatibility.svg
deleted file mode 100644
index b7ba0fb..0000000
--- a/public/playground_assets/compatibility.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="46" height="38" viewBox="0 0 46 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.5" y="1.5" width="43" height="28" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.5 15.5L21.5 19.5L30 11" stroke="white" stroke-width="2" stroke-linecap="round"/>
-<path d="M19.5 29V37M27.5 29V37M14 37H33" stroke="white" stroke-width="2" stroke-linecap="round"/>
-</svg>
diff --git a/public/playground_assets/design_services_black_24dp 1.svg b/public/playground_assets/design_services_black_24dp 1.svg
new file mode 100644
index 0000000..9bfe4b9
--- /dev/null
+++ b/public/playground_assets/design_services_black_24dp 1.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.96 9.69336C28.48 9.17336 28.48 8.33336 27.96 7.81336L24.1867 4.04002C23.6667 3.52002 22.8267 3.52002 22.3067 4.04002L16.32 10.0267L11.1333 4.84002C10.0933 3.80002 8.4 3.80002 7.36 4.84002L4.82667 7.37336C3.78667 8.41336 3.78667 10.1067 4.82667 11.1467L10.0133 16.3334L4 22.3467V28H9.65333L15.68 21.9734L20.8667 27.16C22.1333 28.4267 23.84 27.96 24.64 27.16L27.1733 24.6267C28.2133 23.5867 28.2133 21.8934 27.1733 20.8534L21.9867 15.6667L27.96 9.69336ZM6.72 9.25336L9.24 6.72002L10.9333 8.41336L9.36 10L11.24 11.88L12.8267 10.2934L14.4267 11.8934L11.8933 14.4267L6.72 9.25336ZM21.6933 19.1734L20.1067 20.76L21.9867 22.64L23.5733 21.0534L25.2667 22.7467L22.7333 25.28L17.5467 20.0934L20.08 17.56L21.6933 19.1734ZM8.54667 25.3334H6.66667V23.4534L19.48 10.64L21.2133 12.3734L21.36 12.52L8.54667 25.3334ZM21.36 8.74669L23.24 6.86669L25.12 8.74669L23.24 10.6267L21.36 8.74669Z" fill="#002766"/>
+</svg>
diff --git a/public/playground_assets/devices_black_24dp.svg b/public/playground_assets/devices_black_24dp.svg
new file mode 100644
index 0000000..bb99090
--- /dev/null
+++ b/public/playground_assets/devices_black_24dp.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33333 13.9999H51.3333V9.33325H9.33333C6.76667 9.33325 4.66667 11.4333 4.66667 13.9999V39.6666H0V46.6666H32.6667V39.6666H9.33333V13.9999ZM53.6667 18.6666H39.6667C38.3833 18.6666 37.3333 19.7166 37.3333 20.9999V44.3332C37.3333 45.6166 38.3833 46.6666 39.6667 46.6666H53.6667C54.95 46.6666 56 45.6166 56 44.3332V20.9999C56 19.7166 54.95 18.6666 53.6667 18.6666ZM51.3333 39.6666H42V23.3333H51.3333V39.6666Z" fill="#2A870E"/>
+</svg>
diff --git a/public/playground_assets/favicon.ico b/public/playground_assets/favicon.ico
new file mode 100644
index 0000000..54f6256
--- /dev/null
+++ b/public/playground_assets/favicon.ico
Binary files differ
diff --git a/public/playground_assets/file_download_black_24dp.svg b/public/playground_assets/file_download_black_24dp.svg
new file mode 100644
index 0000000..f9c1cdd
--- /dev/null
+++ b/public/playground_assets/file_download_black_24dp.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.9997 34.9999V41.9999H13.9997V34.9999H9.33301V41.9999C9.33301 44.5666 11.433 46.6666 13.9997 46.6666H41.9997C44.5663 46.6666 46.6663 44.5666 46.6663 41.9999V34.9999H41.9997ZM39.6663 25.6666L36.3763 22.3766L30.333 28.3966V9.33325H25.6663V28.3966L19.623 22.3766L16.333 25.6666L27.9997 37.3332L39.6663 25.6666Z" fill="#1349A0"/>
+</svg>
diff --git a/public/playground_assets/frame 38.svg b/public/playground_assets/frame 38.svg
new file mode 100644
index 0000000..a2a4915
--- /dev/null
+++ b/public/playground_assets/frame 38.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="424" height="130" viewBox="0 0 424 130" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M211.338 33.5493C267.363 38.1514 329.724 11.29 372.992 47.1402C418.096 84.5108 428.127 150.344 422.637 208.623C417.617 261.917 385.267 306.799 345.186 342.329C307.811 375.461 261.287 397.369 211.338 395.933C162.713 394.536 118.493 370.067 84.9763 334.85C52.3605 300.579 42.4782 254.967 33.0731 208.623C19.9214 143.818 -26.4868 64.5604 20.7151 18.2033C67.971 -28.2066 145.291 28.1241 211.338 33.5493Z" fill="#95F9C3"/>
+</svg>
diff --git a/public/playground_assets/groups_black_24dp.svg b/public/playground_assets/groups_black_24dp.svg
new file mode 100644
index 0000000..04fd57d
--- /dev/null
+++ b/public/playground_assets/groups_black_24dp.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_822_440)">
+<path d="M9.83333 30.3333C12.4 30.3333 14.5 28.2333 14.5 25.6667C14.5 23.1 12.4 21 9.83333 21C7.26667 21 5.16667 23.1 5.16667 25.6667C5.16667 28.2333 7.26667 30.3333 9.83333 30.3333ZM12.47 32.9C11.6067 32.76 10.7433 32.6667 9.83333 32.6667C7.52333 32.6667 5.33 33.1567 3.34667 34.02C1.62 34.7667 0.5 36.4467 0.5 38.3367V42H11V38.2433C11 36.3067 11.5367 34.4867 12.47 32.9ZM47.1667 30.3333C49.7333 30.3333 51.8333 28.2333 51.8333 25.6667C51.8333 23.1 49.7333 21 47.1667 21C44.6 21 42.5 23.1 42.5 25.6667C42.5 28.2333 44.6 30.3333 47.1667 30.3333ZM56.5 38.3367C56.5 36.4467 55.38 34.7667 53.6533 34.02C51.67 33.1567 49.4767 32.6667 47.1667 32.6667C46.2567 32.6667 45.3933 32.76 44.53 32.9C45.4633 34.4867 46 36.3067 46 38.2433V42H56.5V38.3367ZM38.3933 31.85C35.6633 30.6367 32.3033 29.75 28.5 29.75C24.6967 29.75 21.3367 30.66 18.6067 31.85C16.0867 32.97 14.5 35.49 14.5 38.2433V42H42.5V38.2433C42.5 35.49 40.9133 32.97 38.3933 31.85ZM19.33 37.3333C19.54 36.7967 19.6333 36.4233 21.4533 35.7233C23.7167 34.8367 26.0967 34.4167 28.5 34.4167C30.9033 34.4167 33.2833 34.8367 35.5467 35.7233C37.3433 36.4233 37.4367 36.7967 37.67 37.3333H19.33ZM28.5 18.6667C29.7833 18.6667 30.8333 19.7167 30.8333 21C30.8333 22.2833 29.7833 23.3333 28.5 23.3333C27.2167 23.3333 26.1667 22.2833 26.1667 21C26.1667 19.7167 27.2167 18.6667 28.5 18.6667ZM28.5 14C24.6267 14 21.5 17.1267 21.5 21C21.5 24.8733 24.6267 28 28.5 28C32.3733 28 35.5 24.8733 35.5 21C35.5 17.1267 32.3733 14 28.5 14Z" fill="#2513A0"/>
+</g>
+<defs>
+<clipPath id="clip0_822_440">
+<rect width="56" height="56" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/playground_assets/header-img-400w.png b/public/playground_assets/header-img-400w.png
new file mode 100644
index 0000000..79bf3ca
--- /dev/null
+++ b/public/playground_assets/header-img-400w.png
Binary files differ
diff --git a/public/playground_assets/lines-bg-1400w.png b/public/playground_assets/lines-bg-1400w.png
new file mode 100644
index 0000000..c398c82
--- /dev/null
+++ b/public/playground_assets/lines-bg-1400w.png
Binary files differ
diff --git a/public/playground_assets/mobiel-ss-1500w.png b/public/playground_assets/mobiel-ss-1500w.png
new file mode 100644
index 0000000..4e82614
--- /dev/null
+++ b/public/playground_assets/mobiel-ss-1500w.png
Binary files differ
diff --git a/public/playground_assets/more_black_24dp 1.svg b/public/playground_assets/more_black_24dp 1.svg
new file mode 100644
index 0000000..5452e03
--- /dev/null
+++ b/public/playground_assets/more_black_24dp 1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.3333 4H9.33333C8.41333 4 7.69333 4.46667 7.21333 5.17333L0 16L7.21333 26.8133C7.69333 27.52 8.50667 28 9.42667 28H29.3333C30.8 28 32 26.8 32 25.3333V6.66667C32 5.2 30.8 4 29.3333 4ZM29.3333 25.3333H9.42667L3.2 16L9.41333 6.66667H29.3333V25.3333Z" fill="#660005"/>
+<path d="M12 18C13.1046 18 14 17.1046 14 16C14 14.8954 13.1046 14 12 14C10.8954 14 10 14.8954 10 16C10 17.1046 10.8954 18 12 18Z" fill="#660005"/>
+<path d="M18.667 18C19.7716 18 20.667 17.1046 20.667 16C20.667 14.8954 19.7716 14 18.667 14C17.5624 14 16.667 14.8954 16.667 16C16.667 17.1046 17.5624 18 18.667 18Z" fill="#660005"/>
+<path d="M25.333 18C26.4376 18 27.333 17.1046 27.333 16C27.333 14.8954 26.4376 14 25.333 14C24.2284 14 23.333 14.8954 23.333 16C23.333 17.1046 24.2284 18 25.333 18Z" fill="#660005"/>
+</svg>
diff --git a/public/playground_assets/nav_logo.svg b/public/playground_assets/nav_logo.svg
deleted file mode 100644
index c86dfd9..0000000
--- a/public/playground_assets/nav_logo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="60" height="60" fill="url(#pattern0)"/>
-<defs>
-<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0" transform="scale(0.0078125 0.00868056)"/>
-</pattern>
-<image id="image0" width="128" height="128" xlink:href="data:image/png;base64,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"/>
-</defs>
-</svg>
diff --git a/public/playground_assets/og image.png b/public/playground_assets/og image.png
new file mode 100644
index 0000000..cc7b243
--- /dev/null
+++ b/public/playground_assets/og image.png
Binary files differ
diff --git a/public/playground_assets/ontime updates.svg b/public/playground_assets/ontime updates.svg
new file mode 100644
index 0000000..f7c0ed1
--- /dev/null
+++ b/public/playground_assets/ontime updates.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.667 1.33337H9.33366C8.62641 1.33337 7.94814 1.61433 7.44804 2.11442C6.94794 2.61452 6.66699 3.2928 6.66699 4.00004V28C6.66699 28.7073 6.94794 29.3856 7.44804 29.8857C7.94814 30.3858 8.62641 30.6667 9.33366 30.6667H22.667C23.3742 30.6667 24.0525 30.3858 24.5526 29.8857C25.0527 29.3856 25.3337 28.7073 25.3337 28V4.00004C25.3337 3.2928 25.0527 2.61452 24.5526 2.11442C24.0525 1.61433 23.3742 1.33337 22.667 1.33337ZM22.667 25.3334H9.33366V6.66671H22.667V25.3334ZM21.3337 17.3334H17.3337V10.6667H14.667V17.3334H10.667L16.0003 22.6667L21.3337 17.3334Z" fill="#005C66"/>
+</svg>
diff --git a/public/playground_assets/phone_img-1500h.png b/public/playground_assets/phone_img-1500h.png
deleted file mode 100644
index f54f36d..0000000
--- a/public/playground_assets/phone_img-1500h.png
+++ /dev/null
Binary files differ
diff --git a/public/playground_assets/teamwork-1500h.png b/public/playground_assets/teamwork-1500h.png
deleted file mode 100644
index a5c69e7..0000000
--- a/public/playground_assets/teamwork-1500h.png
+++ /dev/null
Binary files differ
diff --git a/public/playground_assets/vector-200h.png b/public/playground_assets/vector-200h.png
new file mode 100644
index 0000000..ca86581
--- /dev/null
+++ b/public/playground_assets/vector-200h.png
Binary files differ
diff --git a/public/playground_assets/vectorblob-1.svg b/public/playground_assets/vectorblob-1.svg
new file mode 100644
index 0000000..f8bd76d
--- /dev/null
+++ b/public/playground_assets/vectorblob-1.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="424" height="396" viewBox="0 0 424 396" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M211.338 33.5493C267.363 38.1514 329.724 11.29 372.992 47.1402C418.096 84.5108 428.127 150.344 422.637 208.623C417.617 261.917 385.267 306.799 345.186 342.329C307.811 375.461 261.287 397.369 211.338 395.933C162.713 394.536 118.493 370.067 84.9763 334.85C52.3605 300.579 42.4782 254.967 33.0731 208.623C19.9214 143.818 -26.4868 64.5604 20.7151 18.2033C67.971 -28.2066 145.291 28.1241 211.338 33.5493Z" fill="#0B3866"/>
+</svg>
diff --git a/public/playground_assets/vectorblob.svg b/public/playground_assets/vectorblob.svg
new file mode 100644
index 0000000..eb88558
--- /dev/null
+++ b/public/playground_assets/vectorblob.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="424" height="396" viewBox="0 0 424 396" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M211.338 33.5493C267.363 38.1514 329.724 11.29 372.992 47.1402C418.096 84.5108 428.127 150.344 422.637 208.623C417.617 261.917 385.267 306.799 345.186 342.329C307.811 375.461 261.287 397.369 211.338 395.933C162.713 394.536 118.493 370.067 84.9763 334.85C52.3605 300.579 42.4782 254.967 33.0731 208.623C19.9214 143.818 -26.4868 64.5604 20.7151 18.2033C67.971 -28.2066 145.291 28.1241 211.338 33.5493Z" fill="#95F9C3"/>
+</svg>
diff --git a/public/playground_assets/verified_user_black_24dp 1.svg b/public/playground_assets/verified_user_black_24dp 1.svg
new file mode 100644
index 0000000..0fcef8b
--- /dev/null
+++ b/public/playground_assets/verified_user_black_24dp 1.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 1.33337L4 6.66671V14.6667C4 22.0667 9.12 28.9867 16 30.6667C22.88 28.9867 28 22.0667 28 14.6667V6.66671L16 1.33337ZM25.3333 14.6667C25.3333 20.6934 21.36 26.2534 16 27.9067C10.64 26.2534 6.66667 20.6934 6.66667 14.6667V8.40004L16 4.25337L25.3333 8.40004V14.6667ZM9.88 15.4534L8 17.3334L13.3333 22.6667L24 12L22.12 10.1067L13.3333 18.8934L9.88 15.4534Z" fill="#0D0066"/>
+</svg>