Use Tabler illustrations instead of the ones from undraw (#1811)

* Use Tabler illustrations instead of undraw library

* Create heavy-ladybugs-grab.md

* illustration fixes

* replace img to svg

---------

Co-authored-by: Bartłomiej Gawęda <[email protected]>
Co-authored-by: Paweł Kuna <[email protected]>
Co-authored-by: codecalm <[email protected]>

.changeset/heavy-ladybugs-grab.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Add Tabler Illustrations

_config.yml

@@ -61,6 +61,9 @@ jekyll_tidy:
   compress_html: false
   ignore_env: development
 
+collections:
+  - illustrations
+
 defaults:
   - scope:
       type: "pages"

gulpfile.js

@@ -367,7 +367,7 @@ gulp.task('mjs', () => {
  */
 gulp.task('watch-jekyll', (cb) => {
 	browserSync.notify('Building Jekyll')
-	return spawn('bundle', ['exec', 'jekyll', 'build', '--watch', '--incremental', '--destination', demoDir, '--trace'], { stdio: 'inherit' })
+	return spawn('bundle', ['exec', 'jekyll', 'build', '--watch', '--destination', demoDir, '--trace'], { stdio: 'inherit' })
 		.on('close', cb)
 })
 

src/pages/_data/errors.yml

@@ -17,7 +17,7 @@
   title: 503
   description: We are sorry but our service is currently not available
 maintenance:
-  illustration: undraw_bug_fixing_oc7a.svg
+  illustration: computer-fix.svg
   header: Temporarily down for maintenance
   description: Sorry for the inconvenience but we’re performing some maintenance at the moment. We’ll be back online shortly!
 

src/pages/_illustrations/dark/boy-girl.svg

@@ -0,0 +1,42 @@
+---
+---
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
+    <path d="M656.027 271.628C656.027 314.967 610.168 346.414 590.01 381.388C569.146 417.47 564.107 472.703 528.024 493.566C493.05 513.825 443.26 491.147 399.921 491.147C356.581 491.147 306.791 513.825 271.817 493.566C235.734 472.703 230.695 417.47 209.832 381.388C189.573 346.414 143.814 314.967 143.814 271.628C143.814 228.288 189.674 196.842 209.832 161.868C230.695 125.785 235.734 70.5527 271.817 49.6892C306.791 29.4305 356.581 52.1082 399.921 52.1082C443.26 52.1082 493.05 29.4305 528.024 49.6892C564.107 70.5527 569.146 125.785 590.01 161.868C610.168 196.842 656.027 228.288 656.027 271.628Z" fill="black" opacity="0.07"/>
+    <path d="M396.292 558.676C543.525 558.676 662.881 554.209 662.881 548.698C662.881 543.187 543.525 538.72 396.292 538.72C249.06 538.72 129.704 543.187 129.704 548.698C129.704 554.209 249.06 558.676 396.292 558.676Z" fill="black" opacity="0.26"/>
+    <path d="M484.281 224.761C480.351 231.01 459.588 262.96 422.094 269.108C408.488 271.325 394.579 269.814 381.779 264.875C374.622 262.154 367.87 258.525 361.621 254.09L370.692 232.017C371.7 232.925 373.211 234.235 375.328 235.747C382.383 240.887 394.881 247.841 407.782 243.507C415.039 241.089 420.079 236.452 429.754 226.978C438.221 218.612 445.881 209.541 452.634 199.765C458.681 188.678 471.179 185.957 479.746 193.314C487.91 200.269 490.026 214.279 484.281 224.761Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M381.779 264.774C374.622 262.053 367.87 258.424 361.621 253.99L370.692 231.917C371.7 232.824 373.211 234.134 375.328 235.646C374.824 240.484 374.421 248.245 376.84 254.494C378.15 258.122 379.864 261.549 381.779 264.774Z" fill="black" opacity="0.15"/>
+    <path d="M317.777 140.501C326.546 157.03 341.059 169.83 358.597 176.281L300.038 181.724C305.985 168.016 311.931 154.208 317.777 140.501Z" fill="#454C5E"/>
+    <path d="M294.193 425.533L291.37 459.298L287.238 508.483H283.307L272.926 457.484L268.491 435.612L294.193 425.533ZM351.743 425.533L349.123 457.282L344.789 508.483H340.858L330.779 459.197L325.941 435.612L351.743 425.533Z" fill="#DADBE0"/>
+    <path d="M268.491 435.612L294.293 425.533L291.471 459.298C285.021 458.895 278.873 458.29 273.027 457.484L268.491 435.612ZM351.743 425.533L349.123 457.383C343.277 458.189 337.129 458.895 330.779 459.298L325.941 435.713L351.743 425.533Z" fill="black" opacity="0.15"/>
+    <path d="M311.427 185.957C294.797 187.771 276.151 182.933 268.491 177.692C267.181 176.886 266.072 175.777 265.266 174.567C264.46 172.955 263.653 171.141 262.948 169.326C261.94 166.807 261.033 164.186 260.327 161.666C258.211 154.913 256.8 147.959 255.993 140.904C255.993 140.299 255.792 138.586 255.59 136.671C254.885 127.801 254.481 120.544 254.28 115.606C254.683 116.311 256.8 119.738 258.614 119.436C260.63 119.032 262.343 114.598 261.839 108.248H299.635L315.459 121.855C315.459 121.855 315.963 124.072 316.87 127.398C318.483 133.244 320.499 138.989 322.917 144.532C324.933 149.168 327.352 153.402 329.973 156.022C338.641 164.287 331.384 183.941 311.427 185.957Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M322.918 144.431C308.505 149.572 292.782 149.672 278.369 144.935C274.64 145.439 271.213 146.951 268.29 149.37C264.057 152.998 264.157 156.325 260.731 161.162L260.428 161.666C258.312 154.913 256.901 147.959 256.094 140.904C256.094 140.299 255.893 138.586 255.691 136.671C254.986 127.801 254.582 120.544 254.381 115.606C254.784 116.311 256.901 119.738 258.715 119.436C260.731 119.032 262.444 114.598 261.94 108.248H299.736L315.56 121.855C315.56 121.855 316.064 124.072 316.971 127.398C318.483 133.143 320.499 138.888 322.918 144.431Z" fill="black" opacity="0.1"/>
+    <path d="M349.425 256.61C353.054 276.264 355.674 290.677 357.388 300.857C357.489 301.461 357.589 301.965 357.69 302.57C359.807 314.363 362.024 326.155 364.141 338.048C324.43 338.754 284.719 339.56 245.007 340.366C245.108 337.645 245.108 334.823 245.209 332.101V332.001C244 301.865 244.503 271.628 246.62 241.492C246.721 239.274 246.922 237.057 247.124 234.84L241.177 248.749L217.391 234.638C218.298 230.909 221.221 219.52 230.091 211.759C230.091 211.759 238.053 204.804 247.023 203.595C247.83 203.494 248.636 203.393 249.442 203.192C249.543 203.192 249.745 203.091 249.845 203.091C254.885 202.385 259.824 201.68 264.46 201.377C275.748 200.37 287.037 200.269 298.325 200.874C309.11 201.579 319.894 203.091 330.477 205.51C333.097 206.115 335.92 206.921 338.54 207.727L340.757 208.534C341.06 208.634 341.261 208.735 341.564 208.836L343.076 209.34C344.789 209.945 361.419 214.782 365.048 215.992C369.18 217.302 372.909 219.52 376.034 222.442L360.815 264.069L349.425 256.61Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M261.436 206.82C261.436 219.419 276.554 229.498 295.201 229.498C313.847 229.498 328.965 219.318 328.965 206.82C328.965 206.115 328.864 205.51 328.763 204.804C318.181 202.385 307.396 200.773 296.612 200.168C285.323 199.563 274.035 199.664 262.746 200.672C261.94 202.688 261.436 204.704 261.436 206.82Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M332.291 121.351C329.67 127.196 323.522 131.43 322.716 131.933C305.078 143.927 278.469 130.321 271.313 126.289C269.499 131.127 264.963 134.756 264.359 137.779C264.258 138.686 264.056 139.593 263.955 140.4C263.754 141.811 263.653 143.323 263.754 144.734C263.855 147.153 264.056 149.672 264.56 151.991C265.467 156.123 269.196 167.21 275.244 181.724C266.677 182.328 258.11 182.832 249.643 183.437L228.881 184.848C225.958 174.971 225.353 164.589 226.966 154.41C227.066 153.502 227.369 152.192 227.772 150.479C228.566 147.092 229.576 143.759 230.796 140.501C230.997 139.896 231.3 139.392 231.501 138.787C233.315 134.655 235.432 130.623 238.052 126.894C244.705 117.218 253.574 109.256 263.855 103.511C267.382 101.697 290.06 90.0051 313.141 98.169C318.886 100.185 332.492 105.123 333.702 114.598C333.702 116.916 333.299 119.234 332.291 121.351ZM282.601 520.578C276.756 522.493 276.756 531.967 276.756 531.967L275.143 541.643L286.331 544.263L289.556 536.603L310.218 544.263C305.783 534.386 288.346 518.663 282.601 520.578ZM365.753 544.364C361.419 534.386 343.982 518.663 338.136 520.578C332.291 522.493 332.19 531.967 332.19 531.967L330.678 541.643L341.866 544.263L345.091 536.603L365.753 544.364Z" fill="#454C5E"/>
+    <path d="M332.291 121.351C329.67 127.196 323.522 131.43 322.716 131.933C305.078 143.927 278.469 130.321 271.313 126.289C268.794 123.971 266.576 121.451 264.661 118.629C285.323 130.724 310.722 131.732 332.291 121.351Z" fill="black" opacity="0.3"/>
+    <path d="M370.389 435.612H247.93L245.814 367.378L245.007 340.165L364.141 337.846L369.18 416.966L370.389 435.612Z" fill="#A6A9B3"/>
+    <path d="M370.389 435.612H247.93C247.426 403.561 247.023 371.409 246.519 339.358L306.388 338.955C284.114 382.899 277.663 399.328 279.477 400.739C281.896 402.755 298.627 375.239 307.094 379.976C310.117 381.69 310.52 386.729 311.327 390.156C314.048 400.638 326.647 412.128 369.18 416.966L370.389 435.612Z" fill="black" opacity="0.1"/>
+    <path d="M341.664 208.433L340.757 208.13C337.431 222.745 318.382 233.932 295.301 233.932C269.902 233.932 249.24 220.326 249.24 203.595V202.789C248.434 202.889 247.628 202.99 246.821 203.192V203.595C246.821 221.939 268.592 236.855 295.301 236.855C319.39 236.855 339.346 224.761 343.075 208.937L341.664 208.433Z" fill="#E1E1E1"/>
+    <path d="M300.038 251.671C302.098 251.671 303.768 249.686 303.768 247.237C303.768 244.787 302.098 242.802 300.038 242.802C297.979 242.802 296.309 244.787 296.309 247.237C296.309 249.686 297.979 251.671 300.038 251.671Z" fill="#E1E1E1"/>
+    <path d="M249.543 183.437L228.78 184.848C225.857 174.971 225.252 164.589 226.865 154.41C226.966 153.502 227.268 152.192 227.671 150.479L230.695 140.501C230.897 139.896 231.199 139.392 231.401 138.787C233.215 134.655 235.331 130.623 237.952 126.894C236.944 140.198 236.843 158.743 242.487 170.536C244.503 174.971 246.821 179.305 249.543 183.437Z" fill="black" opacity="0.3"/>
+    <path d="M364.141 337.947C324.429 338.653 284.718 339.459 245.007 340.265C245.108 337.544 245.108 334.722 245.209 332.001V331.9C309.109 335.024 346.704 311.54 357.791 302.57C359.807 314.262 362.024 326.054 364.141 337.947Z" fill="black" opacity="0.1"/>
+    <path d="M270.507 376.247C264.661 385.923 252.768 388.443 243.999 381.488C238.657 376.852 211.948 352.058 206.707 307.509C204.087 284.025 207.917 260.339 217.794 238.871C218.399 237.561 218.903 236.452 219.407 235.545L237.952 246.43C237.246 247.539 236.339 249.152 235.13 251.268C230.796 259.533 224.547 274.853 228.276 290.576C230.292 299.143 234.223 305.191 242.185 316.781C248.938 326.558 256.598 335.629 265.064 343.995C274.438 351.151 276.756 366.068 270.507 376.247Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M238.053 246.531C237.347 247.64 236.44 249.252 235.231 251.369C230.091 247.741 222.027 242.096 217.895 238.972C218.5 237.662 219.004 236.553 219.508 235.646L238.053 246.531Z" fill="#C7C6C5"/>
+    <path d="M296.612 200.168C285.323 199.563 274.035 199.664 262.746 200.672C261.839 202.587 261.436 204.704 261.436 206.82C261.436 219.419 276.554 229.498 295.201 229.498C313.847 229.498 328.965 219.318 328.965 206.82C328.965 206.115 328.864 205.51 328.763 204.804C318.281 202.385 307.497 200.773 296.612 200.168Z" fill="black" opacity="0.07"/>
+    <path d="M447.896 170.234C448.904 182.227 450.013 194.221 451.021 206.115C453.037 229.195 455.053 252.377 457.068 275.559C458.681 293.499 460.193 311.44 461.705 329.481H553.423C555.237 311.54 556.951 293.6 558.765 275.559L561.789 245.019C564.308 220.024 566.727 195.129 569.247 170.234H447.896Z" fill="#DADBE0"/>
+    <path d="M566.123 202.285C557.152 209.239 548.787 217 541.127 225.365C523.186 245.12 520.666 255.703 512.2 259.331C502.323 263.565 484.987 258.223 452.533 213.17L457.27 277.977C458.782 295.112 460.294 312.246 461.705 329.38H553.423C555.237 311.44 556.951 293.499 558.765 275.559H559.168L566.123 202.285Z" fill="black" opacity="0.1"/>
+    <path d="M421.187 265.48C423.405 271.628 426.428 277.474 430.158 282.916C431.266 284.529 432.476 286.041 433.685 287.452C439.027 293.902 445.881 299.043 453.642 302.268C457.572 303.981 461.705 305.191 465.938 305.896C471.784 306.904 477.831 307.307 483.778 306.904C484.282 306.904 484.786 306.904 485.29 306.803H485.894L487.003 306.702H487.91C492.446 306.199 496.981 305.493 501.416 304.384H501.517C505.447 303.477 509.378 302.268 513.208 300.857C514.922 300.252 516.534 299.647 518.147 298.942C520.364 298.035 522.481 297.027 524.396 295.918C527.923 294.003 531.35 291.886 534.676 289.568C536.188 288.56 537.498 287.452 538.708 286.545C530.947 283.017 523.186 279.59 515.426 276.062C510.89 274.047 506.355 272.031 501.819 269.914C500.005 271.426 497.888 272.636 495.772 273.543C494.159 274.248 492.345 274.752 490.631 275.055C489.523 275.256 488.313 275.357 487.104 275.256C483.576 275.055 480.351 273.341 477.327 270.62C477.126 270.519 477.025 270.318 476.924 270.217C475.513 268.906 474.203 267.495 473.094 265.984C460.596 250.059 452.936 219.217 452.936 219.217C456.363 207.626 456.564 195.33 453.541 183.639C452.331 179.002 450.517 174.567 448.199 170.334C443.462 171.241 439.027 173.056 435.096 175.676C432.98 177.087 431.166 178.7 429.452 180.615C412.822 197.951 410.302 236.251 421.187 265.48Z" fill="#DADBE0"/>
+    <path d="M447.896 170.233C440.74 171.544 434.088 175.172 429.149 180.514C412.822 197.951 410.302 236.251 421.187 265.48C423.404 271.628 426.428 277.474 430.157 282.916C431.266 284.529 432.476 286.041 433.685 287.452C439.027 293.902 445.881 299.042 453.641 302.268C455.657 303.074 457.673 303.78 459.689 304.384L461.906 329.38H553.624C555.439 311.44 557.152 293.499 558.966 275.458L561.99 244.919C564.51 219.923 566.929 195.028 569.348 170.133H447.896V170.233Z" fill="black" opacity="0.05"/>
+    <path d="M549.694 80.8332C549.493 85.7719 549.089 93.0287 548.384 101.999C548.182 104.015 548.082 105.728 547.981 106.232C546.872 116.009 544.453 125.584 540.925 134.756C540.22 136.57 539.414 138.283 538.607 139.997C535.483 146.145 512.402 153.603 492.345 151.487C472.288 149.37 465.031 129.716 473.699 121.351C476.319 118.73 478.839 114.497 480.855 109.861C483.274 104.317 485.29 98.5721 486.801 92.6256C487.809 89.2995 488.313 87.0821 488.313 87.0821L504.137 73.3748H542.034C541.631 79.7245 543.244 84.1592 545.259 84.5624C547.275 84.9655 549.291 81.5387 549.694 80.8332Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M549.694 80.8332C549.492 85.7719 549.089 93.0287 548.384 101.999C548.182 104.015 548.081 105.728 547.981 106.232C546.872 116.009 544.453 125.584 540.925 134.756C538.506 133.949 536.188 132.74 534.172 131.127C532.056 129.313 530.242 127.096 528.931 124.576C527.621 121.855 526.714 119.032 526.311 116.009C525.908 114.094 525.706 112.179 525.504 110.264C510.991 115.102 495.268 114.9 480.754 109.76C483.173 104.216 485.189 98.4713 486.701 92.5248C487.708 89.1987 488.212 86.9813 488.212 86.9813L504.137 73.3748H542.034C541.631 79.7245 543.243 84.1592 545.259 84.5624C547.275 84.9655 549.291 81.5387 549.694 80.8332Z" fill="black" opacity="0.1"/>
+    <path d="M554.33 88.8963C554.129 97.1611 550.5 105.123 545.562 109.961C544.453 110.868 543.344 111.977 542.337 113.086C539.716 116.311 538.003 120.141 537.297 124.173C535.483 122.056 534.475 119.436 534.173 116.714C533.87 112.481 535.684 104.821 535.785 103.712C535.785 103.712 535.785 103.41 535.886 103.108C535.886 102.503 535.987 102.301 536.088 101.293C536.188 99.2777 536.188 97.2619 536.088 95.2461V94.9437C526.513 100.79 499.098 115.001 480.754 100.991C477.932 98.7737 475.311 96.254 473.195 93.3311C472.993 93.1295 472.792 92.8271 472.691 92.5248C472.187 91.8192 471.683 91.0129 471.28 90.3074C471.28 90.2066 471.179 90.2066 471.179 90.1058V90.005C470.07 87.9892 469.264 85.8727 468.861 83.5545L468.76 82.6474C468.659 81.6395 468.659 80.6316 468.76 79.6237C469.264 75.6929 471.179 72.0645 474.001 69.444C479.343 64.1021 487.205 60.9777 491.337 59.365C507.463 52.9145 531.854 51.3019 545.763 65.9163C549.19 69.7463 551.811 74.2819 553.121 79.2206C553.927 82.4458 554.431 85.6711 554.33 88.8963Z" fill="#454C5E"/>
+    <path d="M535.987 95.0445C526.412 100.89 498.997 115.102 480.653 101.092C477.831 98.8745 475.211 96.3548 473.094 93.4319C472.892 93.2303 472.691 92.9279 472.59 92.6256C472.086 91.92 471.582 91.1137 471.179 90.4082C471.179 90.3074 471.078 90.3074 471.078 90.2066V90.1058C469.97 88.09 469.264 85.8727 468.861 83.6553C473.195 87.8885 478.133 91.3153 483.475 93.835C510.285 106.434 538.406 90.7106 542.941 88.1908L543.243 87.9893C541.026 90.509 538.607 92.8272 535.987 95.0445Z" fill="black" opacity="0.3"/>
+    <path d="M553.423 329.481L545.562 520.276H530.04L508.673 372.82L493.857 520.276H482.468L461.806 329.481H553.423Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M512.704 546.783L547.275 542.953C547.275 542.953 548.485 533.983 543.143 530.858C537.801 527.734 518.349 538.317 512.704 546.783ZM461.806 546.783L496.376 542.953C496.376 542.953 497.586 533.983 492.244 530.858C486.902 527.734 467.349 538.317 461.806 546.783ZM421.188 265.48C423.405 271.628 426.429 277.474 430.158 282.916C436.004 291.483 444.067 298.236 453.642 302.268C454.65 294.003 452.835 285.638 448.703 278.381C441.648 266.387 430.158 261.246 421.188 265.48Z" fill="#454C5E"/>
+    <path d="M521.07 167.714C512.503 176.281 504.238 179.405 497.989 180.615L496.981 180.816L483.173 169.931L521.07 167.714Z" fill="#E1E1E1"/>
+    <path d="M453.843 227.583C457.976 241.189 462.209 254.796 466.341 268.402C473.497 277.373 481.762 285.234 491.035 291.987C505.851 302.469 530.141 314.262 551.811 313.455C563.099 313.052 573.682 309.323 581.846 300.353C588.599 292.894 591.824 284.025 595.049 271.628C595.856 268.604 596.662 265.278 597.468 261.75C599.786 252.175 606.64 222.342 597.166 195.532C593.739 185.856 589.808 181.22 587.591 179.002C585.071 176.382 582.048 174.265 578.721 172.854C575.698 171.443 572.473 170.637 569.146 170.334C568.945 171.241 568.743 172.552 568.441 174.265C567.635 179.305 567.131 183.538 566.727 186.561C566.627 187.469 566.425 188.98 566.324 190.795C565.921 194.826 565.619 198.757 565.518 202.486C565.417 210.449 564.309 218.31 562.192 225.97C560.277 233.025 557.455 239.778 553.726 246.128C545.058 249.958 535.785 252.377 526.311 253.284C491.74 256.207 465.031 236.956 453.843 227.583Z" fill="#DADBDF"/>
+    <path d="M551.911 313.455C563.2 313.052 573.782 309.323 581.946 300.353C588.699 292.894 591.925 284.025 595.15 271.628C587.591 272.837 578.923 277.171 570.86 284.428C561.184 292.995 554.431 303.78 551.911 313.455Z" fill="#454C5E"/>
+    <path d="M493.857 520.276L508.673 372.82L502.021 329.481H461.806L482.468 520.276H493.857Z" fill="black" opacity="0.22"/>
+    <path d="M501.013 178.196L478.637 162.17L473.497 167.613L488.716 190.291L501.013 178.196ZM502.021 178.095L535.987 156.929L543.647 164.085L520.667 193.919L502.021 178.095Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M501.013 178.196L478.637 162.17L473.497 167.613L488.716 190.291L501.013 178.196Z" fill="black" opacity="0.22"/>
+</svg>

src/pages/_illustrations/dark/computer-fix.svg

@@ -0,0 +1,35 @@
+---
+---
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
+    <path d="M165.042 305.17C165.042 347.031 209.306 377.394 228.857 411.189C249.036 446.056 253.885 499.359 288.752 519.524C322.561 539.075 370.672 517.207 412.534 517.207C454.395 517.207 502.506 539.075 536.301 519.524C571.168 499.359 576.017 446.056 596.196 411.189C615.747 377.394 660.011 347.031 660.011 305.17C660.011 263.309 615.747 232.961 596.196 199.166C576.017 164.298 571.168 110.996 536.301 90.8302C502.506 71.2798 454.38 93.1471 412.534 93.1471C370.687 93.1471 322.561 71.2798 288.752 90.8302C253.885 110.996 249.036 164.298 228.857 199.166C209.306 232.961 165.042 263.323 165.042 305.17Z" fill="black" opacity="0.07"/>
+    <path d="M375.492 479.923C470.481 479.923 547.485 476.824 547.485 473.001C547.485 469.178 470.481 466.079 375.492 466.079C280.503 466.079 203.5 469.178 203.5 473.001C203.5 476.824 280.503 479.923 375.492 479.923Z" fill="black" opacity="0.26"/>
+    <path d="M511.988 174.667C493.855 167.122 474.216 163.9 454.624 165.256L456.64 177.084L511.988 174.667Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M518.452 301.638L572.584 329.197L591.949 299.006L602.918 281.844C608.639 272.891 617.062 260.034 627.674 244.159C626.096 241.199 624.176 238.434 621.954 235.921C616.989 230.419 610.739 226.233 603.762 223.736H603.633C599.858 222.306 595.996 221.019 592.192 219.674C585.755 217.369 579.457 214.695 573.328 211.665C568.623 209.377 563.545 206.66 558.154 203.428C555.15 210.807 552.161 218.187 549.187 225.567C543.466 239.868 537.697 254.132 531.881 268.357C527.419 279.465 522.943 290.558 518.452 301.638Z" fill="#DADCE0"/>
+    <path d="M573.328 211.665L580.908 225.338L581.866 225.567C589.204 227.065 596.817 226.429 603.805 223.736H603.676C599.9 222.306 596.039 221.019 592.235 219.674C585.784 217.371 579.471 214.697 573.328 211.665Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M627.674 244.216C617.062 260.091 608.696 272.948 602.918 281.901C601.087 284.762 599.757 286.807 594.509 295.016L591.949 299.006L582.738 313.308L572.584 329.14L518.466 301.623C522.929 290.563 527.405 279.494 531.896 268.415L549.186 225.638C549.287 225.409 549.372 225.181 549.473 224.966C551.379 220.132 553.329 215.303 555.322 210.478C556.275 208.152 557.229 205.816 558.182 203.471C561.171 205.287 564.089 206.917 566.878 208.405C569.109 209.606 571.268 210.707 573.356 211.737C579.485 214.732 585.778 217.377 592.206 219.66C596.01 221.004 599.872 222.234 603.647 223.722H603.776C604.649 224.079 605.521 224.423 606.365 224.823C612.359 227.307 617.709 231.121 622.011 235.978C624.21 238.497 626.11 241.261 627.674 244.216Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M600.816 220.246C592.32 224.537 585.441 224.852 580.507 224.165C580.221 224.165 579.949 224.094 579.678 224.036L572.069 212.595C578.203 212.59 584.3 213.555 590.132 215.455C593.844 216.693 597.423 218.298 600.816 220.246Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M191.729 429.895L559.226 429.895C571.011 429.895 580.564 420.342 580.564 408.557V198.408C580.564 186.623 571.011 177.07 559.226 177.07L191.729 177.07C179.945 177.07 170.391 186.623 170.391 198.408V408.557C170.391 420.342 179.945 429.895 191.729 429.895Z" fill="#232B41"/>
+    <path d="M585.584 197.736C585.395 190.871 582.537 184.35 577.619 179.557C572.701 174.764 566.108 172.076 559.241 172.064H191.686C184.702 172.072 178.006 174.849 173.067 179.788C168.128 184.727 165.35 191.423 165.343 198.408V408.643C165.35 415.628 168.128 422.324 173.067 427.262C178.006 432.201 184.702 434.979 191.686 434.987H326.008V443.94C324.578 453.679 318.042 456.425 313.466 457.126H262.537C261.503 457.13 260.512 457.542 259.78 458.274C259.049 459.005 258.637 459.996 258.633 461.03V465.55C258.637 466.584 259.049 467.575 259.78 468.306C260.512 469.038 261.503 469.45 262.537 469.454H488.504C489.017 469.454 489.525 469.353 489.998 469.157C490.472 468.961 490.903 468.673 491.265 468.31C491.628 467.948 491.915 467.517 492.111 467.044C492.308 466.57 492.409 466.062 492.409 465.55V461.03C492.409 460.517 492.308 460.01 492.111 459.536C491.915 459.062 491.628 458.632 491.265 458.269C490.903 457.907 490.472 457.619 489.998 457.423C489.525 457.227 489.017 457.126 488.504 457.126H437.476C432.899 456.425 426.306 453.665 424.933 443.868V434.915H559.241C566.226 434.908 572.924 432.13 577.865 427.192C582.806 422.254 585.587 415.557 585.599 408.572V198.336C585.599 198.179 585.599 197.964 585.584 197.736ZM575.573 408.572C575.569 412.898 573.849 417.047 570.789 420.106C567.73 423.166 563.582 424.886 559.255 424.89H191.701C187.374 424.886 183.226 423.166 180.166 420.106C177.107 417.047 175.386 412.898 175.382 408.572V198.336C175.386 194.01 177.107 189.861 180.166 186.802C183.226 183.742 187.374 182.022 191.701 182.018H559.255C561.484 182.012 563.691 182.469 565.734 183.362C568.656 184.626 571.144 186.717 572.892 189.378C574.641 192.039 575.573 195.153 575.573 198.336V408.572Z" fill="#444B5E"/>
+    <path d="M211.108 222.706L443.454 222.706C444.497 222.706 445.342 221.861 445.342 220.819V214.798C445.342 213.755 444.497 212.91 443.454 212.91L211.108 212.91C210.066 212.91 209.22 213.755 209.22 214.798V220.819C209.22 221.861 210.066 222.706 211.108 222.706Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M211.094 314.981H252.111C253.146 314.981 253.985 314.142 253.985 313.108V307.058C253.985 306.023 253.146 305.184 252.111 305.184H211.094C210.059 305.184 209.22 306.023 209.22 307.058V313.108C209.22 314.142 210.059 314.981 211.094 314.981Z" fill="#DADCE0"/>
+    <path d="M211.809 279.856H368.971C370.4 279.856 371.559 278.697 371.559 277.267V250.595C371.559 249.165 370.4 248.006 368.971 248.006L211.809 248.006C210.379 248.006 209.22 249.165 209.22 250.595V277.267C209.22 278.697 210.379 279.856 211.809 279.856Z" fill="#A7AAB3"/>
+    <path d="M389.479 335.733L382.271 326.78L363.822 341.611L346.56 320.144L331.586 332.2L348.848 353.667L330.399 368.498L337.593 377.465L356.042 362.62L373.304 384.087L388.292 372.031L371.03 350.564L389.479 335.733Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M591.934 268.701C593.522 258.689 602.961 233.776 606.393 224.895C605.55 224.494 604.677 224.151 603.805 223.793H603.676C597.784 223.936 594.695 223.45 594.451 222.363C594.266 221.548 595.567 220.418 598.356 218.945C595.969 217.727 593.498 216.68 590.962 215.813C589.216 215.204 587.44 214.684 585.642 214.254L585.413 309.389C587.615 305.957 589.818 302.539 592.006 299.106L594.566 295.116C592.635 286.034 590.919 275.094 591.934 268.701ZM485.401 254.857C484.8 254.942 484.114 259.376 486.288 262.208C486.835 262.909 487.534 263.476 488.333 263.867C487.189 258.861 486.002 254.785 485.401 254.857ZM507.354 307.487C505.774 306.55 504.119 305.747 502.406 305.084C503.966 306.056 505.625 306.862 507.354 307.487ZM469.283 332.115L465.765 355.569L469.583 349.491C469.14 343.71 469.039 337.908 469.283 332.115ZM514.004 331.385C514.763 329.722 515.32 327.975 515.663 326.179C506.08 322.786 496.693 318.861 487.546 314.423C485.44 321.176 482.706 327.717 479.38 333.959L469.583 349.534C469.755 351.293 469.984 353.038 470.298 354.711C472.043 364.122 476.219 370.586 479.408 375.535C485.661 385.147 494.013 393.215 503.836 399.132C530.306 400.116 556.093 390.607 575.588 372.674V364.994L514.004 331.385Z" fill="black" opacity="0.1"/>
+    <path d="M514.376 314.638C512.764 311.667 510.325 309.227 507.354 307.616C505.625 306.99 503.966 306.185 502.406 305.213L502.148 305.084C502.148 305.084 502.248 305.084 502.406 305.213C504.119 305.875 505.774 306.679 507.354 307.616C507.997 307.787 508.527 307.802 508.784 307.53C510.1 306.243 503.478 300.451 502.005 290.783C501.633 288.251 500.761 282.502 504.05 277.182C508.169 270.517 515.935 269.244 517.422 269.015C511.358 267.019 505.07 265.785 498.701 265.34C494.411 265.039 490.835 265.182 488.318 263.91C489.348 268.372 490.349 273.549 490.864 277.153C492.515 289.684 491.377 302.426 487.532 314.466C496.679 318.904 506.065 322.829 515.649 326.222C516.477 322.324 516.031 318.263 514.376 314.638ZM585.584 175.096V229.042C582.59 228.905 579.63 228.351 576.789 227.397C565.562 223.564 557.567 213.668 557.567 202.069C557.567 190.47 565.562 180.616 576.789 176.741C579.63 175.787 582.59 175.233 585.584 175.096Z" fill="black" opacity="0.1"/>
+    <path d="M585.57 222.935L609.483 216.128L613.501 223.278L588.974 239.868C587.815 237.194 586.643 234.505 585.484 231.817C585.556 228.827 585.556 225.967 585.57 222.935Z" fill="#DADCE0"/>
+    <path d="M585.584 175.096V229.042C582.59 228.905 579.63 228.351 576.789 227.397L575.559 226.954V198.351C575.558 195.167 574.626 192.053 572.878 189.392C571.13 186.732 568.641 184.641 565.719 183.377C568.431 180.786 571.61 178.733 575.087 177.327C575.645 177.098 576.217 176.884 576.789 176.683C579.633 175.749 582.593 175.215 585.584 175.096Z" fill="black" opacity="0.15"/>
+    <path d="M610.198 137.454C611.056 141.973 612.186 148.609 613.358 156.818C613.587 158.62 613.816 160.194 613.902 160.737C614.881 169.779 614.722 178.908 613.43 187.91C613.144 189.698 612.843 191.4 612.429 193.073C611.299 197.707 600.287 205.258 587.072 209.706C582.519 211.261 577.817 212.34 573.042 212.924C558.182 214.712 548.414 204.586 548.343 195.762C548.293 193.608 548.896 191.488 550.073 189.684C552.13 186.006 553.496 181.983 554.106 177.813C555.126 172.287 555.748 166.695 555.966 161.08C556.166 157.877 556.151 155.789 556.151 155.789L567.593 140.214L601.845 132.348C602.761 138.197 605.178 141.844 607.066 141.787C608.953 141.73 609.955 138.212 610.198 137.454Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M610.198 137.454C611.041 141.973 612.185 148.609 613.373 156.818C613.587 158.62 613.816 160.208 613.887 160.737C614.877 169.778 614.728 178.907 613.444 187.91C611.07 187.716 608.754 187.071 606.622 186.008C604.293 184.813 602.223 183.171 600.53 181.174C598.789 179.022 597.399 176.608 596.411 174.023C595.671 172.382 595.036 170.696 594.509 168.975C582.401 176.336 568.178 179.433 554.106 177.77C555.126 172.244 555.747 166.652 555.965 161.037C556.166 157.834 556.151 155.731 556.151 155.731L567.593 140.171L601.845 132.348C602.761 138.197 605.178 141.844 607.065 141.773C608.953 141.701 610.026 138.212 610.269 137.482" fill="black" opacity="0.1"/>
+    <path d="M616.147 143.804C617.621 150.946 616.333 158.382 612.543 164.613C611.699 165.705 610.934 166.857 610.255 168.059C608.586 171.497 607.8 175.297 607.967 179.115C605.963 177.555 604.47 175.434 603.676 173.022C602.575 169.318 602.618 161.996 602.475 161.009V160.408C602.475 160.079 602.389 159.636 602.275 158.778C601.977 156.941 601.562 155.126 601.03 153.343C601.023 153.249 600.988 153.16 600.93 153.086C593.479 160.322 571.769 178.829 552.304 169.962C549.27 168.595 546.452 166.793 543.938 164.613C543.696 164.444 543.479 164.242 543.294 164.012C542.682 163.466 542.104 162.884 541.564 162.267L541.406 162.11C540.013 160.506 538.892 158.685 538.088 156.718L537.488 155.889C537.211 155.006 537.005 154.102 536.873 153.186C536.555 149.566 537.5 145.948 539.547 142.946C543.251 137.068 549.701 132.62 553.105 130.303C566.291 121.136 588.001 114.728 603.505 124.983C607.42 127.703 610.643 131.303 612.915 135.494C614.324 138.117 615.359 140.923 615.99 143.832" fill="#444B5E"/>
+    <path d="M600.744 153.028C593.293 160.265 571.583 178.771 552.118 169.904C549.084 168.538 546.266 166.736 543.752 164.556C543.51 164.387 543.293 164.185 543.108 163.955C542.496 163.409 541.918 162.827 541.378 162.21L541.22 162.053C539.83 160.447 538.71 158.626 537.902 156.661C542.634 159.548 547.809 161.635 553.22 162.839C580.007 168.674 602.146 148.724 605.678 145.534L605.95 145.291C604.428 148.012 602.707 150.618 600.801 153.086" fill="black" opacity="0.3"/>
+    <path d="M483.942 177.727C483.944 179.167 483.81 180.604 483.542 182.018H457.484C457.216 180.604 457.082 179.167 457.083 177.727C457.072 175.8 457.298 173.879 457.756 172.007H483.284C483.729 173.881 483.95 175.801 483.942 177.727Z" fill="black" opacity="0.15"/>
+    <path d="M466.422 169.089C467.695 170.426 468.769 171.938 469.612 173.58C472.744 179.386 472.315 185.679 468.053 189.169C462.618 193.559 453.165 191.729 446.872 185.064C446.186 184.326 445.55 183.543 444.97 182.719C440.493 176.412 440.451 168.875 445.256 164.999C450.633 160.594 460.144 162.425 466.422 169.089Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M466.422 169.089C467.695 170.426 468.769 171.938 469.612 173.58C469.011 173.98 468.468 174.338 467.881 174.695C460.144 179.344 455.167 178.385 446.114 182.161C445.722 182.324 445.34 182.51 444.97 182.719C440.493 176.412 440.451 168.875 445.256 164.999C450.633 160.594 460.144 162.425 466.422 169.089Z" fill="black" opacity="0.1"/>
+    <path d="M585.599 343.356V364.107L575.588 372.688V346.817L585.384 342.197L585.599 343.356Z" fill="black" opacity="0.15"/>
+    <path d="M520.025 263.695C518.559 268.03 515.781 271.802 512.076 274.488C508.37 277.173 503.921 278.64 499.345 278.683L483.141 326.766L476.205 347.274L473.273 355.927C476.717 358.617 479.284 362.269 480.65 366.42C482.016 370.571 482.119 375.034 480.946 379.243C479.772 383.452 477.376 387.219 474.059 390.064C470.743 392.91 466.657 394.707 462.318 395.228L469.04 375.377C469.299 374.598 469.24 373.747 468.876 373.011C468.512 372.274 467.872 371.711 467.095 371.444L454.967 367.34C454.187 367.08 453.337 367.139 452.6 367.503C451.864 367.867 451.301 368.508 451.034 369.285L444.326 389.135C441.191 386.09 439.031 382.181 438.122 377.905C437.212 373.629 437.594 369.179 439.219 365.121C440.843 361.063 443.637 357.579 447.246 355.112C450.855 352.644 455.115 351.305 459.486 351.265L462.347 342.941L469.412 322.046L485.573 274.021C482.129 271.331 479.561 267.679 478.195 263.528C476.829 259.377 476.726 254.914 477.9 250.705C479.073 246.495 481.47 242.729 484.786 239.883C488.102 237.038 492.189 235.24 496.528 234.72L489.806 254.571C489.673 254.956 489.619 255.365 489.645 255.772C489.671 256.179 489.778 256.577 489.959 256.942C490.14 257.308 490.391 257.634 490.699 257.902C491.006 258.17 491.364 258.375 491.751 258.504L503.864 262.608C504.644 262.868 505.494 262.809 506.231 262.445C506.967 262.08 507.53 261.44 507.797 260.663L514.519 240.812C517.507 243.715 519.611 247.406 520.585 251.457C521.56 255.507 521.366 259.751 520.025 263.695Z" fill="#A7AAB3"/>
+    <path d="M483.141 326.766L476.205 347.274C473.637 346.92 471.106 346.341 468.639 345.544C466.472 344.831 464.359 343.961 462.318 342.941L469.383 322.046C471.541 322.405 473.668 322.926 475.747 323.605C478.306 324.422 480.782 325.48 483.141 326.766Z" fill="black" opacity="0.1"/>
+    <path d="M477.421 302.581C474.667 302.666 471.941 303.148 469.326 304.012C459.915 306.872 453.765 314.023 454.638 322.175C455.782 332.544 467.738 340.524 481.396 340.052C482.907 339.986 484.412 339.823 485.901 339.566C497.257 337.549 505.209 329.555 504.179 320.459C503.063 310.147 491.05 302.11 477.421 302.581Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M477.42 302.581C474.667 302.666 471.941 303.148 469.326 304.012C469.555 305.07 469.755 306.014 470.012 307.001C473.344 320.058 479.623 324.263 485.244 337.764C485.499 338.35 485.719 338.952 485.901 339.566C497.257 337.549 505.209 329.555 504.179 320.459C503.063 310.147 491.05 302.11 477.42 302.581Z" fill="black" opacity="0.1"/>
+    <path d="M640.36 287.951C638.93 310.59 624.628 332.93 601.002 350.178C579.177 366.095 549.387 377.694 514.39 381.184C508.167 370.155 502.23 358.967 496.585 347.632C494.726 343.928 492.909 340.181 491.079 336.362C483.928 321.46 477.664 307.044 472.129 293.271C487.689 298.377 551.975 318.442 589.932 302.152C596.811 299.206 610.541 293.4 612.486 282.13C613.048 278.08 612.317 273.956 610.398 270.345C608.798 267.347 607.829 264.053 607.55 260.666C607.271 257.279 607.688 253.871 608.776 250.652C609.864 247.432 611.599 244.469 613.875 241.946C616.152 239.422 618.92 237.392 622.011 235.978C640.46 260.177 640.86 279.87 640.36 287.951Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M601.002 350.178C579.177 366.095 549.387 377.694 514.39 381.184C511.347 375.792 508.372 370.361 505.466 364.894C501.376 357.2 497.519 349.634 493.896 342.197C505.942 349.292 519.121 354.256 532.854 356.871C555.749 361.042 579.355 358.723 601.002 350.178Z" fill="black" opacity="0.1"/>
+</svg>

src/pages/_illustrations/light/boy-girl.svg

@@ -0,0 +1,42 @@
+---
+---
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
+    <path d="M656.009 271.607C656.009 314.948 610.189 346.365 589.94 381.35C569.055 417.454 564.036 472.618 527.932 493.502C492.947 513.751 443.135 491.103 399.804 491.103C356.473 491.103 306.661 513.751 271.676 493.502C235.582 472.618 230.552 417.454 209.668 381.35C189.429 346.365 143.608 314.927 143.608 271.607C143.608 228.286 189.429 196.838 209.668 161.853C230.552 125.759 235.582 70.555 271.676 49.701C306.661 29.4618 356.473 52.0998 399.804 52.0998C443.135 52.0998 492.947 29.4618 527.932 49.701C564.036 70.5853 569.055 125.759 589.94 161.853C610.189 196.838 656.009 228.276 656.009 271.607Z" fill="rgba(0, 20, 80, .04)"/>
+    <path d="M396.357 558.655C543.583 558.655 662.934 554.187 662.934 548.676C662.934 543.165 543.583 538.698 396.357 538.698C249.13 538.698 129.78 543.165 129.78 548.676C129.78 554.187 249.13 558.655 396.357 558.655Z" fill="#A6A9B3"/>
+    <path d="M484.268 224.768C480.317 231.058 459.554 262.938 422.069 269.117C408.493 271.303 394.58 269.846 381.752 264.894C374.591 262.189 367.814 258.56 361.593 254.099L370.665 232.025C371.673 232.902 373.235 234.243 375.281 235.734C382.336 240.875 394.875 247.83 407.746 243.485C414.983 241.056 420.043 236.43 429.739 226.935C438.206 218.604 445.866 209.492 452.619 199.721C458.667 188.634 471.175 185.923 479.723 193.311C487.937 200.245 490.094 214.326 484.268 224.768Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M381.782 264.823C374.621 262.118 367.844 258.489 361.624 254.028L370.695 231.955C371.703 232.832 373.265 234.172 375.311 235.664C374.757 240.452 374.434 248.233 376.813 254.532C378.2 258.086 379.862 261.527 381.782 264.823Z" fill="black" opacity="0.15"/>
+    <path d="M317.819 140.495C326.542 157.066 341.085 169.825 358.65 176.317L300.059 181.73C305.986 167.981 311.906 154.237 317.819 140.495Z" fill="#232B41"/>
+    <path d="M294.244 425.497L291.401 459.293L287.289 508.45H283.287L272.916 457.449L268.481 435.617L294.244 425.497ZM351.776 425.497L349.115 457.307L344.832 508.45H340.83L330.801 459.202L326.003 435.617L351.776 425.497Z" fill="#DADBE0"/>
+    <path d="M268.471 435.617L294.243 425.538L291.401 459.333C284.991 458.92 278.802 458.325 272.916 457.489L268.471 435.617ZM351.776 425.497L349.105 457.307C343.279 458.134 337.151 458.769 330.801 459.202L326.003 435.617L351.776 425.497Z" fill="black" opacity="0.15"/>
+    <path d="M311.439 185.993C294.768 187.817 276.161 182.969 268.471 177.758C267.15 176.982 266.042 175.892 265.246 174.583C264.409 172.92 263.673 171.197 262.947 169.372C261.94 166.873 261.073 164.272 260.297 161.672C258.229 154.906 256.782 147.967 255.973 140.939C255.973 140.364 255.761 138.651 255.549 136.665C254.824 127.765 254.461 120.538 254.249 115.579C254.672 116.305 256.749 119.692 258.623 119.379C260.639 118.966 262.323 114.531 261.859 108.181H299.666L315.45 121.828C315.45 121.828 315.914 124.016 316.902 127.342C318.502 133.185 320.506 138.911 322.899 144.477C324.915 149.113 327.324 153.387 329.955 155.987C338.673 164.292 331.436 183.907 311.439 185.993Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M322.899 144.477C308.504 149.601 292.809 149.767 278.308 144.95C274.606 145.471 271.118 147.002 268.229 149.375C263.955 152.973 264.066 156.3 260.629 161.198L260.317 161.672C258.249 154.906 256.802 147.967 255.993 140.939C255.993 140.364 255.781 138.651 255.569 136.665C254.844 127.765 254.481 120.538 254.269 115.579C254.692 116.305 256.769 119.692 258.643 119.379C260.659 118.966 262.343 114.531 261.879 108.181H299.686L315.47 121.828C315.47 121.828 315.934 124.016 316.922 127.342C318.515 133.185 320.512 138.91 322.899 144.477Z" fill="black" opacity="0.1"/>
+    <path d="M349.417 256.568C353.056 276.193 355.636 290.616 357.41 300.776C357.511 301.341 357.602 301.905 357.703 302.469C359.819 314.272 361.996 326.085 364.113 337.908C324.414 338.62 284.705 339.386 244.986 340.206C245.046 337.475 245.087 334.653 245.157 331.901V331.76C243.969 301.583 244.43 271.364 246.538 241.238C246.689 239.01 246.851 236.803 247.032 234.585L241.085 248.475L217.258 234.364C218.115 230.594 221.108 219.245 229.917 211.484C229.917 211.484 237.91 204.529 246.83 203.269C247.659 203.192 248.48 203.058 249.29 202.866C249.432 202.828 249.577 202.802 249.723 202.785C254.813 202.06 259.742 201.404 264.378 201.052C275.651 200.072 286.979 199.903 298.275 200.548C309.102 201.205 319.856 202.755 330.428 205.184C333.089 205.819 335.861 206.545 338.492 207.412L340.729 208.168C341.011 208.258 341.283 208.339 341.546 208.44L343.017 208.974C344.69 209.619 361.331 214.467 364.98 215.586C369.074 216.917 372.829 219.121 375.986 222.047L360.777 264.077L349.417 256.568Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M261.486 206.847C261.486 219.406 276.605 229.566 295.302 229.566C313.999 229.566 329.047 219.406 329.047 206.847C329.049 206.17 328.981 205.495 328.846 204.831C318.271 202.364 307.503 200.813 296.662 200.195C285.372 199.553 274.05 199.731 262.786 200.729C261.914 202.65 261.471 204.738 261.486 206.847Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M332.273 121.355C329.612 127.191 323.514 131.434 322.687 131.988C305.028 143.952 278.419 130.366 271.283 126.304C269.509 131.142 264.923 134.79 264.348 137.764C264.197 138.651 264.046 139.538 263.935 140.364C263.759 141.799 263.675 143.243 263.683 144.688C263.736 147.141 264.013 149.583 264.51 151.986C265.387 156.158 269.116 167.246 275.214 181.689C266.673 182.254 258.126 182.828 249.572 183.413L228.819 184.804C225.917 174.917 225.256 164.508 226.884 154.334C227.035 153.427 227.277 152.096 227.64 150.433C228.402 147.048 229.413 143.722 230.663 140.485C230.885 139.921 231.127 139.336 231.369 138.752C233.151 134.57 235.349 130.579 237.931 126.838C244.628 117.17 253.455 109.17 263.734 103.454C267.271 101.599 289.94 89.9577 313.001 98.132C318.736 100.148 332.373 105.056 333.523 114.591C333.757 116.919 333.324 119.265 332.273 121.355ZM282.572 520.605C276.776 522.52 276.685 532.025 276.685 532.025L275.113 541.722L286.301 544.362L289.496 536.742L310.149 544.362C305.835 534.384 288.377 518.7 282.572 520.605ZM365.746 544.362C361.422 534.384 343.965 518.7 338.169 520.605C332.374 522.51 332.273 532.025 332.273 532.025L330.71 541.722L341.878 544.362L345.073 536.742L365.746 544.362Z" fill="#232B41"/>
+    <path d="M332.273 121.355C329.612 127.191 323.524 131.434 322.687 131.978C305.028 143.963 278.419 130.366 271.283 126.304C268.795 123.996 266.559 121.431 264.61 118.653C274.822 124.592 286.333 127.939 298.137 128.401C309.941 128.863 321.678 126.426 332.323 121.304L332.273 121.355Z" fill="black" opacity="0.3"/>
+    <path d="M370.392 435.617H247.959L245.822 367.38L244.986 340.216L364.113 337.898L369.203 417.02L370.392 435.617Z" fill="#A6A9B3"/>
+    <path d="M370.393 435.617H247.959L246.548 339.349L306.379 338.956C284.144 382.912 277.633 399.281 279.427 400.763C281.886 402.778 298.578 375.302 307.034 380.03C310.108 381.753 310.431 386.813 311.308 390.2C314.039 400.662 326.588 412.142 369.203 417.021L370.393 435.617Z" fill="black" opacity="0.1"/>
+    <path d="M341.626 208.46H341.576L340.76 208.198C337.474 222.803 318.353 234.051 295.322 234.051C269.932 234.051 249.28 220.444 249.28 203.733V202.886C248.504 203.007 247.687 203.138 246.841 203.299C246.83 203.444 246.83 203.588 246.841 203.733C246.841 222.037 268.582 236.994 295.322 236.994C319.381 236.994 339.389 224.899 343.088 209.065L341.626 208.46Z" fill="#E1E1E1"/>
+    <path d="M300.059 251.619C302.108 251.619 303.768 249.643 303.768 247.205C303.768 244.766 302.108 242.79 300.059 242.79C298.011 242.79 296.35 244.766 296.35 247.205C296.35 249.643 298.011 251.619 300.059 251.619Z" fill="#E1E1E1"/>
+    <path d="M249.522 183.443L228.769 184.834C225.867 174.948 225.205 164.538 226.833 154.364C226.985 153.457 227.226 152.127 227.589 150.464L230.613 140.515C230.835 139.951 231.077 139.366 231.319 138.782C233.1 134.6 235.299 130.609 237.88 126.868C236.872 140.173 236.721 158.719 242.376 170.511C244.481 174.969 246.868 179.288 249.522 183.443Z" fill="black" opacity="0.3"/>
+    <path d="M364.113 337.908C324.414 338.62 284.705 339.387 244.986 340.206C245.046 337.475 245.087 334.653 245.157 331.901V331.76C309.1 334.935 346.686 311.39 357.703 302.469C359.819 314.272 362.037 326.085 364.113 337.908Z" fill="black" opacity="0.1"/>
+    <path d="M270.567 376.3C264.681 385.946 252.848 388.516 244.099 381.572C238.787 376.885 212.017 352.17 206.806 307.58C204.163 284.125 208.001 260.395 217.903 238.97C218.518 237.66 219.052 236.571 219.505 235.684L238.061 246.539C237.396 247.618 236.398 249.281 235.28 251.388C230.915 259.653 224.696 274.963 228.426 290.697C230.441 299.284 234.352 305.332 242.335 316.903C249.081 326.68 256.742 335.792 265.215 344.117C274.488 351.203 276.776 366.12 270.567 376.3Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M238.062 246.539C237.396 247.618 236.399 249.281 235.28 251.388C230.129 247.779 222.116 242.125 217.893 238.97C218.508 237.66 219.042 236.571 219.496 235.684L238.062 246.539Z" fill="#C7C6C5"/>
+    <path d="M296.663 200.165C285.373 199.522 274.051 199.701 262.786 200.699C261.91 202.629 261.466 204.727 261.486 206.847C261.486 219.406 276.605 229.566 295.302 229.566C313.999 229.566 329.047 219.406 329.047 206.847C329.049 206.17 328.981 205.495 328.846 204.831C318.272 202.354 307.505 200.793 296.663 200.165Z" fill="black" opacity="0.07"/>
+    <path d="M447.942 170.239C448.97 182.234 450.009 194.211 451.057 206.172L457.104 275.578C458.677 293.526 460.239 311.484 461.791 329.452H553.513C555.293 311.477 557.081 293.519 558.875 275.578C559.903 265.405 560.911 255.234 561.899 245.068C564.392 220.112 566.871 195.169 569.337 170.239H447.942Z" fill="#DADBE0"/>
+    <path d="M566.122 202.251C557.117 209.208 548.742 216.945 541.095 225.373C523.164 245.088 520.675 255.661 512.158 259.32C502.27 263.573 484.944 258.211 452.468 213.197L457.246 278.037H457.296C458.801 295.172 460.293 312.307 461.771 329.442H553.493C555.274 311.48 557.061 293.526 558.855 275.578H559.248L566.122 202.251Z" fill="black" opacity="0.1"/>
+    <path d="M421.182 265.468C423.419 271.631 426.427 277.487 430.133 282.895C431.224 284.46 432.388 285.974 433.62 287.431C439.007 293.89 445.851 298.978 453.587 302.278C457.546 303.959 461.68 305.19 465.914 305.947C471.802 307.002 477.795 307.341 483.764 306.955C484.258 306.955 484.772 306.904 485.226 306.864C485.414 306.875 485.602 306.875 485.79 306.864L486.899 306.773L487.423 306.723H487.786C492.348 306.245 496.873 305.467 501.333 304.395H501.403C505.351 303.447 509.241 302.276 513.055 300.887C514.768 300.292 516.421 299.637 518.004 298.942C520.208 297.987 522.291 296.98 524.253 295.918C527.799 294.033 531.217 291.915 534.483 289.578C535.955 288.52 537.306 287.502 538.515 286.554C530.754 283.067 522.983 279.559 515.212 276.092C510.669 274.076 506.134 272.037 501.605 269.974C499.747 271.442 497.716 272.678 495.557 273.653C493.913 274.384 492.177 274.886 490.397 275.144C489.246 275.345 488.076 275.413 486.909 275.346C483.432 275.144 480.156 273.431 477.112 270.679C476.955 270.556 476.806 270.421 476.669 270.276C475.275 268.952 473.982 267.527 472.798 266.013C460.3 250.067 452.64 219.245 452.64 219.245C456.096 207.654 456.305 195.336 453.244 183.635C451.991 179.004 450.208 174.533 447.933 170.31C443.245 171.192 438.787 173.02 434.829 175.682C432.759 177.096 430.853 178.735 429.145 180.57C412.836 197.977 410.327 236.248 421.182 265.468Z" fill="#DADBE0"/>
+    <path d="M447.942 170.239C440.754 171.566 434.18 175.162 429.185 180.5C412.836 197.977 410.327 236.248 421.182 265.468C423.419 271.631 426.426 277.487 430.132 282.895C431.224 284.46 432.388 285.974 433.62 287.431C439.007 293.89 445.85 298.978 453.587 302.278C455.56 303.113 457.58 303.836 459.634 304.445L461.822 329.452H553.543C555.324 311.477 557.111 293.519 558.905 275.578C559.933 265.398 560.941 255.228 561.929 245.068C564.402 220.112 566.871 195.169 569.337 170.239H447.942Z" fill="black" opacity="0.05"/>
+    <path d="M549.723 80.8057C549.532 85.7647 549.139 93.0318 548.403 101.972C548.201 103.988 548.05 105.651 548.01 106.246C546.867 116.013 544.496 125.597 540.954 134.77C540.218 136.595 539.483 138.308 538.646 139.981C535.552 146.17 512.44 153.629 492.342 151.421C472.244 149.214 465.037 129.67 473.725 121.314C476.376 118.714 478.835 114.44 480.851 109.784C483.248 104.199 485.248 98.4534 486.838 92.5883C487.846 89.2521 488.31 87.0447 488.31 87.0447L504.155 73.3873H542.063C541.619 79.7776 543.293 84.1923 545.298 84.5854C547.304 84.9785 549.28 81.5414 549.723 80.8057Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M549.723 80.8057C549.532 85.7647 549.139 93.0318 548.403 101.972C548.201 103.988 548.05 105.651 548.01 106.246C546.867 116.013 544.496 125.597 540.954 134.77C538.498 133.998 536.213 132.763 534.221 131.132C532.06 129.304 530.276 127.071 528.97 124.56C527.653 121.869 526.765 118.988 526.339 116.023C525.966 114.114 525.703 112.186 525.553 110.247C511.018 115.084 495.283 114.92 480.852 109.784C483.248 104.199 485.249 98.4534 486.839 92.5883C487.847 89.2521 488.31 87.0447 488.31 87.0447L504.155 73.3873H542.063C541.62 79.7776 543.293 84.1923 545.299 84.5854C547.304 84.9785 549.28 81.5414 549.723 80.8057Z" fill="black" opacity="0.1"/>
+    <path d="M554.39 88.9094C554.168 97.1543 550.6 105.167 545.581 109.975C544.424 110.928 543.336 111.962 542.325 113.069C539.754 116.292 538.023 120.101 537.286 124.157C535.521 122.039 534.432 119.441 534.161 116.698C533.899 112.515 535.693 104.804 535.784 103.726C535.784 103.726 535.784 103.434 535.874 103.091C535.874 102.496 535.965 102.254 536.046 101.327C536.185 99.3137 536.185 97.293 536.046 95.2795C536.068 95.1834 536.068 95.0834 536.046 94.9872C526.45 100.833 499.105 115.075 480.7 101.035C477.84 98.8553 475.307 96.2755 473.181 93.3746C472.961 93.1435 472.781 92.8779 472.647 92.5884C472.129 91.8669 471.657 91.1127 471.236 90.3306C471.196 90.2645 471.152 90.2005 471.105 90.1391V90.0887C469.983 88.0897 469.206 85.9156 468.807 83.6581L468.666 82.7711C468.583 81.7649 468.583 80.7536 468.666 79.7474C469.185 75.8426 471.04 72.2382 473.917 69.5471C479.249 64.2454 487.121 61.1007 491.263 59.4678C507.39 52.9868 531.812 51.4044 545.692 65.9992C549.166 69.8125 551.7 74.3862 553.09 79.3543C553.967 82.463 554.405 85.6793 554.39 88.9094Z" fill="#232B41"/>
+    <path d="M535.985 94.9973C526.39 100.843 499.045 115.085 480.64 101.045C477.779 98.8654 475.246 96.2855 473.121 93.3846C472.901 93.1536 472.72 92.888 472.586 92.5984C472.068 91.877 471.597 91.1228 471.175 90.3407C471.135 90.2745 471.091 90.2106 471.044 90.1492V90.0988C469.942 88.0928 469.186 85.9154 468.807 83.6581C473.1 87.8483 478.055 91.3015 483.472 93.8785C510.313 106.478 538.455 90.7741 542.94 88.2744L543.283 88.0728C541.025 90.5582 538.585 92.8727 535.985 94.9973Z" fill="black" opacity="0.3"/>
+    <path d="M553.453 329.452L545.571 520.263H530.079L508.64 372.843L493.924 520.263H482.444L461.771 329.452H553.453Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M512.722 546.751L547.304 542.901C547.304 542.901 548.554 533.94 543.131 530.806C537.709 527.671 518.377 538.355 512.722 546.751ZM461.822 546.751L496.394 542.901C496.394 542.901 497.644 533.94 492.231 530.806C486.818 527.671 467.416 538.355 461.822 546.751ZM421.182 265.468C423.419 271.631 426.427 277.487 430.133 282.895C435.934 291.468 444.075 298.195 453.587 302.278C454.555 293.997 452.811 285.626 448.618 278.42C441.663 266.406 430.163 261.275 421.182 265.468Z" fill="#232B41"/>
+    <path d="M521.037 167.76C512.44 176.317 504.235 179.482 497.986 180.631L496.978 180.812L483.18 169.967L521.037 167.76Z" fill="#E1E1E1"/>
+    <path d="M453.889 227.57C458.049 241.184 462.218 254.794 466.398 268.401C473.514 277.355 481.834 285.282 491.122 291.957C505.918 302.459 530.21 314.212 551.93 313.446C563.199 313.073 573.772 309.323 581.967 300.343C588.73 292.894 591.975 284.024 595.191 271.647C595.987 268.573 596.793 265.297 597.64 261.759C599.958 252.184 606.852 222.319 597.358 195.538C593.901 185.812 589.97 181.185 587.782 178.978C585.232 176.388 582.23 174.287 578.923 172.779C575.892 171.414 572.65 170.575 569.337 170.3C569.166 171.227 568.934 172.568 568.672 174.18C567.856 179.22 567.332 183.493 566.999 186.437C566.898 187.374 566.737 188.846 566.576 190.63C566.193 194.661 565.914 198.549 565.739 202.291C565.655 210.229 564.547 218.122 562.443 225.776C560.52 232.845 557.659 239.625 553.936 245.935C545.228 249.79 535.952 252.206 526.47 253.091C491.767 256.246 465.067 236.914 453.889 227.57Z" fill="#DADBDF"/>
+    <path d="M551.931 313.466C563.199 313.093 573.772 309.344 581.967 300.363C588.73 292.914 591.976 284.044 595.191 271.667C587.672 272.897 579.004 277.251 570.88 284.458C561.183 293.015 554.45 303.79 551.931 313.466Z" fill="#232B41"/>
+    <path d="M493.924 520.263L508.64 372.843L502.079 329.452H461.771L482.444 520.263H493.924Z" fill="black" opacity="0.22"/>
+    <path d="M501.03 178.242L478.664 162.176L473.554 167.588L488.754 190.287L501.03 178.242ZM502.079 178.081L535.975 156.955L543.716 164.071L520.685 193.915L502.079 178.081Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M501.03 178.242L478.664 162.176L473.554 167.588L488.754 190.287L501.03 178.242Z" fill="black" opacity="0.22"/>
+</svg>

src/pages/_illustrations/light/computer-fix.svg

@@ -0,0 +1,35 @@
+---
+---
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" fill="none" viewBox="0 0 800 600">
+    <path d="M165.042 305.17C165.042 347.031 209.306 377.394 228.857 411.189C249.036 446.056 253.885 499.359 288.752 519.524C322.562 539.075 370.673 517.207 412.534 517.207C454.395 517.207 502.506 539.075 536.301 519.524C571.168 499.359 576.017 446.056 596.196 411.189C615.747 377.394 660.011 347.031 660.011 305.17C660.011 263.309 615.747 232.961 596.196 199.166C576.017 164.298 571.168 110.996 536.301 90.8302C502.506 71.2798 454.381 93.1471 412.534 93.1471C370.687 93.1471 322.562 71.2798 288.752 90.8302C253.885 110.996 249.036 164.298 228.857 199.166C209.306 232.961 165.042 263.323 165.042 305.17Z" fill="rgba(0, 20, 80, .04)"/>
+    <path d="M375.492 479.923C470.481 479.923 547.485 476.824 547.485 473.001C547.485 469.178 470.481 466.079 375.492 466.079C280.503 466.079 203.5 469.178 203.5 473.001C203.5 476.824 280.503 479.923 375.492 479.923Z" fill="#A7AAB3"/>
+    <path d="M511.988 174.667C493.855 167.122 474.216 163.9 454.624 165.256L456.64 177.084L511.988 174.667Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M518.452 301.638L572.584 329.197L591.949 299.006L602.918 281.844C608.639 272.891 617.062 260.034 627.674 244.159C626.096 241.199 624.176 238.434 621.954 235.921C616.989 230.419 610.739 226.233 603.762 223.736H603.633C599.858 222.306 595.996 221.019 592.192 219.674C585.755 217.369 579.457 214.695 573.328 211.665C568.623 209.377 563.545 206.66 558.154 203.428C555.15 210.807 552.161 218.187 549.187 225.567C543.466 239.868 537.697 254.132 531.881 268.357C527.419 279.465 522.943 290.558 518.452 301.638Z" fill="#DADCE0"/>
+    <path d="M573.328 211.665L580.908 225.338L581.866 225.567C589.204 227.065 596.817 226.429 603.805 223.736H603.676C599.9 222.306 596.039 221.019 592.235 219.674C585.784 217.371 579.471 214.697 573.328 211.665Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M627.674 244.216C617.062 260.091 608.696 272.948 602.918 281.901C601.087 284.762 599.757 286.807 594.509 295.016L591.949 299.006L582.738 313.308L572.584 329.14L518.466 301.623C522.928 290.563 527.405 279.494 531.896 268.415L549.186 225.638C549.286 225.409 549.372 225.181 549.472 224.966C551.379 220.132 553.329 215.303 555.322 210.478C556.275 208.152 557.229 205.816 558.182 203.471C561.171 205.287 564.089 206.917 566.878 208.405C569.109 209.606 571.268 210.707 573.356 211.737C579.485 214.732 585.778 217.377 592.206 219.66C596.01 221.004 599.872 222.234 603.647 223.722H603.776C604.648 224.079 605.521 224.423 606.365 224.823C612.359 227.307 617.709 231.121 622.011 235.978C624.209 238.497 626.11 241.261 627.674 244.216Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M600.816 220.246C592.321 224.537 585.441 224.852 580.507 224.165C580.221 224.165 579.95 224.094 579.678 224.036L572.069 212.595C578.204 212.59 584.3 213.555 590.132 215.455C593.844 216.693 597.423 218.298 600.816 220.246Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M191.729 429.895L559.226 429.895C571.011 429.895 580.564 420.342 580.564 408.557V198.408C580.564 186.623 571.011 177.07 559.226 177.07L191.729 177.07C179.945 177.07 170.391 186.623 170.391 198.408V408.557C170.391 420.342 179.945 429.895 191.729 429.895Z" fill="white"/>
+    <path d="M585.585 197.736C585.395 190.871 582.538 184.35 577.619 179.557C572.701 174.764 566.108 172.076 559.241 172.064H191.687C184.702 172.072 178.006 174.849 173.067 179.788C168.128 184.727 165.35 191.423 165.343 198.408V408.643C165.35 415.628 168.128 422.324 173.067 427.262C178.006 432.201 184.702 434.979 191.687 434.987H326.008V443.94C324.578 453.679 318.042 456.425 313.466 457.126H262.537C261.503 457.13 260.512 457.542 259.781 458.274C259.049 459.005 258.637 459.996 258.633 461.03V465.55C258.637 466.584 259.049 467.575 259.781 468.306C260.512 469.038 261.503 469.45 262.537 469.454H488.504C489.017 469.454 489.525 469.353 489.999 469.157C490.472 468.961 490.903 468.673 491.265 468.31C491.628 467.948 491.915 467.517 492.112 467.044C492.308 466.57 492.409 466.062 492.409 465.55V461.03C492.409 460.517 492.308 460.01 492.112 459.536C491.915 459.062 491.628 458.632 491.265 458.269C490.903 457.907 490.472 457.619 489.999 457.423C489.525 457.227 489.017 457.126 488.504 457.126H437.476C432.899 456.425 426.306 453.665 424.933 443.868V434.915H559.241C566.226 434.908 572.924 432.13 577.865 427.192C582.806 422.254 585.587 415.557 585.599 408.572V198.336C585.599 198.179 585.599 197.964 585.585 197.736ZM575.573 408.572C575.57 412.898 573.849 417.047 570.79 420.106C567.73 423.166 563.582 424.886 559.255 424.89H191.701C187.374 424.886 183.226 423.166 180.166 420.106C177.107 417.047 175.386 412.898 175.383 408.572V198.336C175.386 194.01 177.107 189.861 180.166 186.802C183.226 183.742 187.374 182.022 191.701 182.018H559.255C561.484 182.012 563.691 182.469 565.734 183.362C568.656 184.626 571.144 186.717 572.892 189.378C574.641 192.039 575.573 195.153 575.573 198.336V408.572Z" fill="#232B41"/>
+    <path d="M211.108 222.706L443.454 222.706C444.497 222.706 445.342 221.861 445.342 220.819V214.798C445.342 213.755 444.497 212.91 443.454 212.91L211.108 212.91C210.066 212.91 209.22 213.755 209.22 214.798V220.819C209.22 221.861 210.066 222.706 211.108 222.706Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M211.094 314.981H252.111C253.146 314.981 253.985 314.142 253.985 313.108V307.058C253.985 306.023 253.146 305.184 252.111 305.184H211.094C210.059 305.184 209.22 306.023 209.22 307.058V313.108C209.22 314.142 210.059 314.981 211.094 314.981Z" fill="#DADCE0"/>
+    <path d="M211.809 279.856H368.97C370.4 279.856 371.559 278.697 371.559 277.267V250.595C371.559 249.165 370.4 248.006 368.97 248.006L211.809 248.006C210.379 248.006 209.22 249.165 209.22 250.595V277.267C209.22 278.697 210.379 279.856 211.809 279.856Z" fill="#A7AAB3"/>
+    <path d="M389.479 335.733L382.271 326.78L363.822 341.611L346.56 320.144L331.586 332.2L348.848 353.667L330.399 368.498L337.593 377.465L356.042 362.62L373.304 384.087L388.292 372.031L371.03 350.564L389.479 335.733Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M591.934 268.701C593.522 258.689 602.961 233.776 606.393 224.895C605.55 224.494 604.677 224.151 603.805 223.793H603.676C597.784 223.936 594.695 223.45 594.451 222.363C594.266 221.548 595.567 220.418 598.356 218.945C595.969 217.727 593.498 216.68 590.962 215.813C589.216 215.204 587.44 214.684 585.642 214.254L585.413 309.389C587.615 305.957 589.818 302.539 592.006 299.106L594.566 295.116C592.635 286.034 590.919 275.094 591.934 268.701ZM485.401 254.857C484.8 254.942 484.114 259.376 486.288 262.208C486.835 262.909 487.534 263.476 488.333 263.867C487.189 258.861 486.002 254.785 485.401 254.857ZM507.354 307.487C505.774 306.55 504.119 305.747 502.406 305.084C503.966 306.056 505.625 306.862 507.354 307.487ZM469.283 332.115L465.765 355.569L469.583 349.491C469.14 343.71 469.039 337.908 469.283 332.115ZM514.004 331.385C514.763 329.722 515.32 327.975 515.663 326.179C506.08 322.786 496.693 318.861 487.546 314.423C485.44 321.176 482.706 327.717 479.38 333.959L469.583 349.534C469.755 351.293 469.984 353.038 470.298 354.711C472.043 364.122 476.219 370.586 479.408 375.535C485.661 385.147 494.013 393.215 503.836 399.132C530.306 400.116 556.093 390.607 575.588 372.674V364.994L514.004 331.385Z" fill="black" opacity="0.1"/>
+    <path d="M514.376 314.638C512.764 311.667 510.325 309.227 507.354 307.616C505.625 306.99 503.966 306.185 502.406 305.213L502.148 305.084C502.148 305.084 502.248 305.084 502.406 305.213C504.119 305.875 505.774 306.679 507.354 307.616C507.997 307.787 508.527 307.802 508.784 307.53C510.1 306.243 503.478 300.451 502.005 290.783C501.633 288.251 500.761 282.502 504.05 277.182C508.169 270.517 515.935 269.244 517.422 269.015C511.358 267.019 505.07 265.785 498.701 265.34C494.411 265.039 490.835 265.182 488.318 263.91C489.348 268.372 490.349 273.549 490.864 277.153C492.515 289.684 491.377 302.426 487.532 314.466C496.679 318.904 506.065 322.829 515.649 326.222C516.477 322.324 516.031 318.263 514.376 314.638ZM585.584 175.096V229.042C582.59 228.905 579.63 228.351 576.789 227.397C565.562 223.564 557.567 213.668 557.567 202.069C557.567 190.47 565.562 180.616 576.789 176.741C579.63 175.787 582.59 175.233 585.584 175.096Z" fill="black" opacity="0.1"/>
+    <path d="M585.57 222.935L609.483 216.128L613.501 223.278L588.974 239.868C587.816 237.194 586.643 234.505 585.484 231.817C585.556 228.827 585.556 225.967 585.57 222.935Z" fill="#DADCE0"/>
+    <path d="M585.584 175.096V229.042C582.59 228.905 579.63 228.351 576.789 227.397L575.559 226.954V198.351C575.558 195.167 574.626 192.053 572.878 189.392C571.13 186.732 568.641 184.641 565.719 183.377C568.431 180.786 571.61 178.733 575.087 177.327C575.645 177.098 576.217 176.884 576.789 176.683C579.633 175.749 582.593 175.215 585.584 175.096Z" fill="black" opacity="0.3"/>
+    <path d="M610.198 137.454C611.056 141.973 612.186 148.609 613.358 156.818C613.587 158.62 613.816 160.194 613.902 160.737C614.881 169.779 614.722 178.908 613.43 187.91C613.144 189.698 612.843 191.4 612.429 193.073C611.299 197.707 600.287 205.258 587.072 209.706C582.519 211.261 577.817 212.34 573.042 212.924C558.182 214.712 548.414 204.586 548.343 195.762C548.293 193.608 548.896 191.488 550.073 189.684C552.13 186.006 553.496 181.983 554.106 177.813C555.126 172.287 555.748 166.695 555.966 161.08C556.166 157.877 556.151 155.789 556.151 155.789L567.593 140.214L601.845 132.348C602.761 138.197 605.178 141.844 607.066 141.787C608.953 141.73 609.955 138.212 610.198 137.454Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M610.198 137.454C611.041 141.973 612.185 148.609 613.373 156.818C613.587 158.62 613.816 160.208 613.887 160.737C614.877 169.778 614.728 178.907 613.444 187.91C611.07 187.716 608.754 187.071 606.622 186.008C604.293 184.813 602.223 183.171 600.53 181.174C598.789 179.022 597.399 176.608 596.411 174.023C595.671 172.382 595.036 170.696 594.509 168.975C582.401 176.336 568.178 179.433 554.106 177.77C555.126 172.244 555.747 166.652 555.965 161.037C556.166 157.834 556.151 155.731 556.151 155.731L567.593 140.171L601.845 132.348C602.761 138.197 605.178 141.844 607.065 141.773C608.953 141.701 610.026 138.212 610.269 137.482" fill="black" opacity="0.1"/>
+    <path d="M616.147 143.804C617.621 150.946 616.333 158.382 612.543 164.613C611.699 165.705 610.934 166.857 610.255 168.059C608.586 171.497 607.8 175.297 607.967 179.115C605.963 177.555 604.47 175.434 603.676 173.022C602.575 169.318 602.618 161.996 602.475 161.009V160.408C602.475 160.079 602.389 159.636 602.275 158.778C601.977 156.941 601.562 155.126 601.03 153.343C601.023 153.249 600.988 153.16 600.93 153.086C593.479 160.322 571.769 178.829 552.304 169.962C549.27 168.595 546.452 166.793 543.938 164.613C543.696 164.444 543.479 164.242 543.294 164.012C542.682 163.466 542.104 162.884 541.564 162.267L541.406 162.11C540.013 160.506 538.892 158.685 538.088 156.718L537.488 155.889C537.211 155.006 537.005 154.102 536.873 153.186C536.555 149.566 537.5 145.948 539.547 142.946C543.251 137.068 549.701 132.62 553.105 130.303C566.291 121.136 588.001 114.728 603.505 124.983C607.42 127.703 610.643 131.303 612.915 135.494C614.324 138.117 615.359 140.923 615.99 143.832" fill="#232B41"/>
+    <path d="M600.744 153.028C593.293 160.265 571.583 178.771 552.118 169.904C549.084 168.538 546.266 166.736 543.752 164.556C543.51 164.387 543.293 164.185 543.108 163.955C542.496 163.409 541.918 162.827 541.378 162.21L541.22 162.053C539.83 160.447 538.709 158.626 537.902 156.661C542.634 159.548 547.809 161.635 553.219 162.839C580.007 168.674 602.146 148.724 605.678 145.534L605.95 145.291C604.428 148.012 602.707 150.618 600.801 153.086" fill="black" opacity="0.5"/>
+    <path d="M483.942 177.727C483.944 179.167 483.81 180.604 483.542 182.018H457.484C457.216 180.604 457.082 179.167 457.083 177.727C457.072 175.8 457.298 173.879 457.756 172.007H483.284C483.729 173.881 483.95 175.801 483.942 177.727Z" fill="black" opacity="0.3"/>
+    <path d="M466.422 169.089C467.695 170.426 468.769 171.938 469.612 173.58C472.744 179.386 472.315 185.679 468.053 189.169C462.618 193.559 453.165 191.729 446.872 185.064C446.186 184.326 445.55 183.543 444.97 182.719C440.493 176.412 440.451 168.875 445.256 164.999C450.633 160.594 460.144 162.425 466.422 169.089Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M466.422 169.089C467.695 170.426 468.769 171.938 469.612 173.58C469.011 173.98 468.468 174.338 467.881 174.695C460.144 179.344 455.167 178.385 446.114 182.161C445.722 182.324 445.34 182.51 444.97 182.719C440.493 176.412 440.451 168.875 445.256 164.999C450.633 160.594 460.144 162.425 466.422 169.089Z" fill="black" opacity="0.1"/>
+    <path d="M585.599 343.37V364.122L575.587 372.703V346.831L585.384 342.212L585.599 343.37Z" fill="black" opacity="0.15"/>
+    <path d="M520.025 263.695C518.559 268.03 515.781 271.802 512.076 274.488C508.37 277.173 503.921 278.64 499.345 278.683L483.141 326.766L476.205 347.274L473.273 355.927C476.717 358.617 479.284 362.269 480.65 366.42C482.016 370.571 482.119 375.034 480.946 379.243C479.772 383.452 477.376 387.219 474.059 390.064C470.743 392.91 466.657 394.707 462.318 395.228L469.04 375.377C469.299 374.598 469.24 373.747 468.876 373.011C468.512 372.274 467.872 371.711 467.095 371.444L454.967 367.34C454.187 367.08 453.337 367.139 452.6 367.503C451.864 367.867 451.301 368.508 451.034 369.285L444.326 389.135C441.191 386.09 439.031 382.181 438.122 377.905C437.212 373.629 437.594 369.179 439.219 365.121C440.843 361.063 443.637 357.579 447.246 355.112C450.855 352.644 455.115 351.305 459.486 351.265L462.347 342.941L469.412 322.046L485.573 274.021C482.129 271.331 479.561 267.679 478.195 263.528C476.829 259.377 476.726 254.914 477.9 250.705C479.073 246.495 481.47 242.729 484.786 239.883C488.102 237.038 492.189 235.24 496.528 234.72L489.806 254.571C489.673 254.956 489.619 255.365 489.645 255.772C489.671 256.179 489.778 256.577 489.959 256.942C490.14 257.308 490.391 257.634 490.699 257.902C491.006 258.17 491.364 258.375 491.751 258.504L503.864 262.608C504.644 262.868 505.494 262.809 506.231 262.445C506.967 262.08 507.53 261.44 507.797 260.663L514.519 240.812C517.507 243.715 519.611 247.406 520.585 251.457C521.56 255.507 521.366 259.751 520.025 263.695Z" fill="#A7AAB3"/>
+    <path d="M483.141 326.766L476.205 347.274C473.637 346.92 471.106 346.341 468.639 345.544C466.472 344.831 464.359 343.961 462.318 342.941L469.383 322.046C471.541 322.405 473.668 322.926 475.747 323.605C478.306 324.422 480.782 325.48 483.141 326.766Z" fill="black" opacity="0.1"/>
+    <path d="M477.421 302.581C474.667 302.666 471.941 303.148 469.326 304.012C459.915 306.872 453.765 314.023 454.638 322.175C455.782 332.544 467.738 340.524 481.396 340.052C482.907 339.986 484.412 339.823 485.901 339.566C497.257 337.549 505.209 329.555 504.179 320.459C503.063 310.147 491.05 302.11 477.421 302.581Z" fill="#FFCB9D" style="fill: #FFCB9D; fill: var(--tblr-illustrations-skin, #FFCB9D);"/>
+    <path d="M477.42 302.581C474.667 302.666 471.941 303.148 469.326 304.012C469.555 305.07 469.755 306.014 470.012 307.001C473.344 320.058 479.623 324.263 485.244 337.764C485.499 338.35 485.719 338.952 485.901 339.566C497.257 337.549 505.209 329.555 504.179 320.459C503.063 310.147 491.05 302.11 477.42 302.581Z" fill="black" opacity="0.1"/>
+    <path d="M640.36 287.951C638.93 310.59 624.628 332.93 601.002 350.178C579.177 366.095 549.387 377.694 514.391 381.184C508.167 370.155 502.23 358.967 496.585 347.632C494.726 343.928 492.909 340.181 491.079 336.362C483.928 321.46 477.664 307.044 472.129 293.271C487.689 298.377 551.975 318.442 589.932 302.152C596.811 299.206 610.541 293.4 612.486 282.13C613.048 278.08 612.317 273.956 610.398 270.345C608.798 267.347 607.829 264.053 607.55 260.666C607.271 257.279 607.688 253.871 608.776 250.652C609.864 247.432 611.599 244.469 613.876 241.946C616.152 239.422 618.92 237.392 622.011 235.978C640.46 260.177 640.861 279.87 640.36 287.951Z" fill="#0455A4" style="fill: #0455A4; fill: var(--tblr-primary, var(--tblr-illustrations-primary, #0455A4));"/>
+    <path d="M601.002 350.178C579.177 366.095 549.387 377.694 514.39 381.184C511.347 375.792 508.372 370.361 505.466 364.894C501.376 357.2 497.519 349.634 493.896 342.197C505.942 349.292 519.121 354.256 532.854 356.871C555.749 361.042 579.355 358.723 601.002 350.178Z" fill="black" opacity="0.1"/>
+</svg>

src/pages/_includes/ui/empty.html

@@ -2,8 +2,8 @@
 <div class="empty{% if include.bordered %} empty-bordered{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
 
 	{% if include.illustration %}
-		{% assign illustration-src = include.illustration-src | default: 'undraw_quitting_time_dm8t.svg' %}
-		<div class="empty-img">{% include ui/illustration.html image=illustration-src %}</div>
+		{% assign illustration = include.illustration | default: 'boy-girl.svg' %}
+		<div class="empty-img">{% include ui/illustration.html image=illustration height="256" %}</div>
 	{% elsif include.icon-text %}
 		<div class="empty-header">{{ include.icon-text }}</div>
 	{% else %}

src/pages/_includes/ui/illustration.html

@@ -1 +1,26 @@
-<img src="{{ site.base }}/static/illustrations/{{ include.image }}" height="{{ include.height | default: 128 }}"{% if include.class %} class="{{ include.class }}"{% endif %} alt="">
+{% removeemptylines %}
+{% assign image = include.image | replace: '.svg', '' %}
+{% assign height = include.height | default: 128 %}
+{% assign src-light = "/illustrations/light/" | append: image %}
+{% assign src-dark = "/illustrations/dark/" | append: image %}
+
+{% assign illustration-light = site.illustrations | where: "id", src-light | first %}
+{% assign illustration-dark = site.illustrations | where: "id", src-dark | first %}
+
+{% assign replace-to-light = '<svg class="img-light' %}
+{% if include.class %}{% assign replace-to-light = replace-to-light | append: ' ' | append: include.class %}{% endif %}
+{% assign replace-to-light = replace-to-light | append: '" ' %}
+{% assign illustration-light = illustration-light | replace: '<svg ', replace-to-light %}
+
+{% assign replace-to-dark = '<svg class="img-dark' %}
+{% if include.class %}{% assign replace-to-dark = replace-to-dark | append: ' ' | append: include.class %}{% endif %}
+{% assign replace-to-dark = replace-to-dark | append: '" ' %}
+{% assign illustration-dark = illustration-dark | replace: '<svg ', replace-to-dark %}
+
+{% assign replace-to-height = 'height="' | append: height | append: '"' %}
+{% assign illustration-light = illustration-light | replace: 'width="800" height="600"', replace-to-height %}
+{% assign illustration-dark = illustration-dark | replace: 'width="800" height="600"', replace-to-height %}
+
+{{ illustration-light }}
+{{ illustration-dark }}
+{% endremoveemptylines %}

src/pages/_layouts/default.html

@@ -24,7 +24,7 @@ layout: base
 			{{ content }}
 			{% else %}
 			{% unless no-container %}
-			<div class="container-xl{% if page.container-centered %} d-flex flex-column justify-content-center{% endif %}">
+			<div class="container-xl{% if page.container-centered %} my-auto{% endif %}">
 			{% endunless %}
 				{{ content }}
 			{% unless no-container %}

src/pages/blank.html

@@ -5,4 +5,4 @@ menu: base.blank
 container-centered: true
 ---
 
-{% include ui/empty.html button-text="Add your first client" button-icon="plus" illustration=true illustration-src="undraw_printing_invoices_5r4r.svg" %}
+{% include ui/empty.html button-text="Add your first client" button-icon="plus" illustration="computer-fix.svg" %}

src/pages/sign-in-illustration.html

@@ -16,7 +16,7 @@ hide-logo: true
 		</div>
 	</div>
 	<div class="col-lg d-none d-lg-block">
-		{% include ui/illustration.html image="undraw_secure_login_pdn4.svg" class="d-block mx-auto" height=300 %}
+		{% include ui/illustration.html image="boy-with-key.svg" class="d-block mx-auto" height=400 %}
 	</div>
 </div>
 

src/pages/wizard.html

@@ -6,7 +6,7 @@ menu: extra.wizard
 
 <div class="card card-md">
 	<div class="card-body text-center py-4 p-sm-5">
-		{% include ui/illustration.html image="undraw_sign_in_e6hj.svg" height="120" class="mb-n2" %}
+		{% include ui/illustration.html image="boy-girl.svg" height="120" class="mb-n2" %}
 		<h1 class="mt-5">Welcome to Tabler!</h1>
 		<p class="text-secondary">Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again.</p>
 	</div>

src/scss/layout/_dark.scss

@@ -5,6 +5,10 @@ body {
     .hide-theme-light {
       display: none !important;
     }
+
+    .img-dark {
+      display: none !important;
+    }
   }
 
   &.theme-dark,
@@ -12,6 +16,10 @@ body {
     .hide-theme-dark {
       display: none !important;
     }
+
+    .img-light {
+      display: none !important;
+    }
   }
 }
 

src/scss/ui/_empty.scss

@@ -28,11 +28,6 @@
 .empty-img {
   margin: 0 0 2rem;
   line-height: 1;
-
-  img {
-    height: 8rem;
-    width: auto;
-  }
 }
 
 .empty-header {