diff options
| author | Dawid Rycerz <dawid@rycerz.xyz> | 2025-07-22 16:00:35 +0300 |
|---|---|---|
| committer | Dawid Rycerz <dawid@rycerz.xyz> | 2025-07-22 16:00:35 +0300 |
| commit | 85a31139e7d11996da5de5d09ad3f821c60e232d (patch) | |
| tree | 6e582354743e660f6721e32e0f280f3cb7a4f971 | |
| parent | fcc2f4704e39b0e69b377cc138f75027721dac22 (diff) | |
Images
18 files changed, 155 insertions, 143 deletions
diff --git a/src/assets/images/ceramic-coating.svg b/src/assets/images/ceramic-coating.svg index ecf7c18..e956357 100644 --- a/src/assets/images/ceramic-coating.svg +++ b/src/assets/images/ceramic-coating.svg @@ -1,18 +1 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> - <rect id="Artboard1" x="0" y="0" width="512" height="512" style="fill:none;"></rect> - <g id="Artboard11" serif:id="Artboard1"> - <g transform="matrix(1.51494,0,0,1.51494,-124.123,-144.979)"> - <path d="M393.677,270.342C393.651,277.003 393.507,288.575 392.994,306.59C392.859,311.324 396.594,315.277 401.328,315.411C406.062,315.546 410.015,311.812 410.15,307.078C411.09,274.016 410.897,263.645 410.781,261.878C410.344,255.216 405.145,254.093 404.805,253.984C403.819,253.668 401.165,253.274 397.362,253.203C387.171,253.014 364.88,253.893 354.501,253.893C349.764,253.893 345.919,257.738 345.919,262.474C345.919,267.21 349.764,271.055 354.501,271.055C363.556,271.055 381.706,270.382 392.909,270.34L393.677,270.342Z" style="fill:rgb(34,46,107);"></path> - <path d="M89.611,269.427C129.841,309.743 242.615,420.124 242.615,420.124C245.956,423.394 251.298,423.388 254.632,420.113C254.632,420.113 391.684,285.46 407.991,268.951C411.319,265.581 411.286,260.144 407.916,256.815C404.547,253.487 399.109,253.521 395.781,256.89C381.545,271.302 275.182,375.856 248.607,401.971C224.749,378.604 136.375,291.994 101.76,257.304C98.415,253.952 92.977,253.946 89.624,257.291C86.272,260.637 86.266,266.074 89.611,269.427Z" style="fill:rgb(34,46,107);"></path> - <g transform="matrix(1,0,0,1,11.1383,49.7293)"> - <path d="M177.856,206.946C175.648,208.497 174.205,211.065 174.205,213.966C174.205,218.702 178.05,222.547 182.786,222.547C183.62,222.547 185.266,222.508 187.302,221.277C187.744,221.009 189.451,219.664 192.041,217.196C210.261,199.83 297.676,111.571 327.115,82.934C330.51,79.631 330.585,74.194 327.283,70.799C323.98,67.405 318.543,67.329 315.148,70.632C285.736,99.243 198.403,187.423 180.2,204.772C179.24,205.687 178.23,206.608 177.856,206.946Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(1,0,0,1,46.489,72.5311)"> - <path d="M255.715,129.66C223.091,161.396 204.187,182.809 177.312,207.53C173.826,210.736 173.599,216.169 176.806,219.655C180.012,223.141 185.445,223.368 188.931,220.161C215.923,195.333 234.917,173.835 267.682,141.962C271.077,138.659 271.152,133.222 267.85,129.827C264.547,126.432 259.11,126.357 255.715,129.66Z" style="fill:rgb(34,46,107);"></path> - </g> - <path d="M136.874,423.566C198.039,423.566 359.31,423.297 375.075,423.297C379.811,423.297 383.656,419.452 383.656,414.715C383.656,409.979 379.811,406.134 375.075,406.134C359.31,406.134 198.039,406.403 136.874,406.403C132.138,406.403 128.293,410.248 128.293,414.985C128.293,419.721 132.138,423.566 136.874,423.566Z" style="fill:rgb(34,46,107);"></path> - <path d="M178.101,206.78C175.755,208.311 174.205,210.959 174.205,213.966C174.205,218.702 178.05,222.547 182.786,222.547C183.641,222.547 184.961,222.455 186.576,221.675C187.027,221.458 188.591,220.475 190.806,218.448C202.635,207.624 258.095,152.076 287.577,123.396C290.972,120.094 291.047,114.657 287.745,111.262C284.442,107.867 279.005,107.792 275.61,111.094C246.242,139.663 191.004,195.004 179.221,205.786C178.82,206.153 178.357,206.558 178.101,206.78Z" style="fill:rgb(34,46,107);"></path> - </g> - </g> -</svg> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M0 0h512v512H0z" style="fill:none"/><path d="M393.677 270.342c-.026 6.661-.17 18.233-.683 36.248-.135 4.734 3.6 8.687 8.334 8.821s8.687-3.599 8.822-8.333c.94-33.062.747-43.433.631-45.2-.437-6.662-5.636-7.785-5.976-7.894-.986-.316-3.64-.71-7.443-.781-10.191-.189-32.482.69-42.861.69-4.737 0-8.582 3.845-8.582 8.581s3.845 8.581 8.582 8.581c9.055 0 27.205-.673 38.408-.715z" transform="translate(-124.123 -144.979)scale(1.51494)"/><path d="M89.611 269.427c40.23 40.316 153.004 150.697 153.004 150.697a8.58 8.58 0 0 0 12.017-.011S391.684 285.46 407.991 268.951c3.328-3.37 3.295-8.807-.075-12.136s-8.807-3.294-12.135.075c-14.236 14.412-120.599 118.966-147.174 145.081-23.858-23.367-112.232-109.977-146.847-144.667-3.345-3.352-8.783-3.358-12.136-.013s-3.358 8.783-.013 12.136" transform="translate(-124.123 -144.979)scale(1.51494)"/><path d="M177.856 206.946a8.57 8.57 0 0 0-3.651 7.02c0 4.736 3.845 8.581 8.581 8.581.834 0 2.48-.039 4.516-1.27.442-.268 2.149-1.613 4.739-4.081 18.22-17.366 105.635-105.625 135.074-134.262 3.395-3.303 3.47-8.74.168-12.135s-8.74-3.47-12.135-.167C285.736 99.243 198.403 187.423 180.2 204.772c-.96.915-1.97 1.836-2.344 2.174" transform="translate(-107.25 -69.642)scale(1.51494)"/><path d="M255.715 129.66c-32.624 31.736-51.528 53.149-78.403 77.87-3.486 3.206-3.713 8.639-.506 12.125s8.639 3.713 12.125.506c26.992-24.828 45.986-46.326 78.751-78.199 3.395-3.303 3.47-8.74.168-12.135s-8.74-3.47-12.135-.167" transform="translate(-53.695 -35.099)scale(1.51494)"/><path d="M136.874 423.566c61.165 0 222.436-.269 238.201-.269 4.736 0 8.581-3.845 8.581-8.582 0-4.736-3.845-8.581-8.581-8.581-15.765 0-177.036.269-238.201.269-4.736 0-8.581 3.845-8.581 8.582 0 4.736 3.845 8.581 8.581 8.581m41.227-216.786a8.57 8.57 0 0 0-3.896 7.186c0 4.736 3.845 8.581 8.581 8.581.855 0 2.175-.092 3.79-.872.451-.217 2.015-1.2 4.23-3.227 11.829-10.824 67.289-66.372 96.771-95.052 3.395-3.302 3.47-8.739.168-12.134s-8.74-3.47-12.135-.168c-29.368 28.569-84.606 83.91-96.389 94.692-.401.367-.864.772-1.12.994" transform="translate(-124.123 -144.979)scale(1.51494)"/></svg>
\ No newline at end of file diff --git a/src/assets/images/color-change.svg b/src/assets/images/color-change.svg index 9f9d7ad..98bb893 100644 --- a/src/assets/images/color-change.svg +++ b/src/assets/images/color-change.svg @@ -1,44 +1 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"> - <g id="Artboard1" transform="matrix(0.64,0,0,0.853333,0,0)"> - <rect x="0" y="0" width="800" height="600" style="fill:none;"></rect> - <g transform="matrix(1.5625,0,0,1.17187,0,0)"> - <path d="M245.987,91.456C245.987,91.456 254.307,414.012 236.563,427.968C228.224,434.526 109.244,431.278 109.244,431.278L109.485,481.898L36.378,481.787L29.22,291.14L60.188,219.288L89.868,115.968L245.987,91.456Z" style="fill:rgb(223,225,255);"></path> - </g> - <g transform="matrix(1.5625,0,0,1.85219,0,-140.949)"> - <path d="M105.058,249.826L123.77,168.008L245.772,166.831L246.724,247.86L105.058,249.826Z" style="fill:white;"></path> - </g> - <g> - <g transform="matrix(2.19821,0,0,1.64865,-481.273,-153.382)"> - <path d="M297.409,419.448C317.041,418.871 343.045,420.914 364.476,416.046C376.846,413.237 387.79,408.184 395.936,399.88C404.26,391.393 409.901,379.484 410.675,362.483C412.203,328.943 410.814,142.009 410.814,117.894L390.912,117.894C390.912,141.919 392.315,328.161 390.793,361.577C390.292,372.573 387.111,380.454 381.727,385.943C376.164,391.614 368.516,394.719 360.068,396.638C339.863,401.227 315.333,399.01 296.825,399.554L297.409,419.448Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(2.19821,0,0,1.64865,-481.273,-153.382)"> - <path d="M251.71,292.838C267.224,270.663 263.61,264.745 267.242,248.426C271.084,231.158 275.885,211.804 280.659,197.393C283.313,189.381 285.574,183.031 287.951,180.415C288.715,179.574 290.176,179.44 291.835,179.058C295.366,178.243 299.707,177.864 304.553,177.658C321.37,176.944 343.5,178.409 361.749,176.404C373.659,175.095 395.162,162.319 404.66,145.224C412.338,131.402 410.77,136.839 410.861,103.714L390.958,103.659C390.889,129.004 393.137,124.983 387.261,135.558C381.033,146.77 367.386,155.762 359.575,156.62C338.535,158.932 312.274,156.526 295.222,158.385C284.834,159.517 277.185,162.668 273.22,167.031C270.513,170.012 267.322,175.905 264.324,183.867C258.567,199.154 252.488,223.102 247.814,244.103C244.778,257.746 248.373,262.89 235.402,281.429L251.71,292.838Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(2.19821,0,0,1.64865,-481.273,-153.382)"> - <path d="M295.723,434.476C281.11,434.492 258.339,434.327 245.48,434.222C244.995,404.837 243.569,317.851 243.412,301.989C244.121,301.137 246.64,298.135 248.249,296.484C251.922,292.714 254.884,288.832 255.905,285.658L236.959,279.561C237.014,279.392 237.167,279.042 237.167,279.042C237.167,279.042 232.554,283.932 230.068,286.735C225.933,291.397 223.462,296.549 223.498,301.146C223.619,316.476 225.74,444.255 225.74,444.255C225.83,449.649 230.202,453.99 235.597,454.04C235.597,454.04 275.911,454.416 296.992,454.378C301.837,454.369 305.396,453.116 308.143,451.144C311.104,449.018 313.399,445.921 314.693,441.222C316.533,434.536 315.767,421.877 315.55,400.309L295.648,400.509C295.717,407.267 295.875,413.095 295.992,418.095C296.125,423.731 296.214,428.247 296.02,431.808C295.972,432.684 295.848,433.666 295.723,434.476Z" style="fill:rgb(34,46,107);"></path> - </g> - </g> - <g transform="matrix(2.19821,0,0,1.64865,-481.273,-153.382)"> - <path d="M504.184,398.393C481.2,398.393 411.117,398.497 405.824,398.497L405.824,418.399C411.117,418.399 481.2,418.296 504.184,418.296L504.184,398.393Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(-2.19821,0,0,1.64865,1281.27,-150.272)"> - <path d="M235.402,281.429C248.373,262.89 244.778,257.746 247.814,244.103C252.488,223.102 258.567,199.154 264.324,183.867C267.322,175.905 270.513,170.012 273.22,167.031C277.102,162.759 284.94,159.396 296.008,158.056C314.832,155.777 345.124,157.812 373.854,157.569L374.022,177.471C349.907,177.675 324.668,176.177 306.341,177.155C300.889,177.446 296.118,177.943 292.302,178.858C290.396,179.316 288.774,179.509 287.951,180.415C285.574,183.031 283.313,189.381 280.659,197.393C275.885,211.804 271.084,231.158 267.242,248.426C263.61,264.745 267.224,270.663 251.71,292.838L235.402,281.429Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(-2.19821,0,0,1.64865,1281.27,-150.272)"> - <path d="M243.413,302.071C243.574,318.153 244.996,404.888 245.48,434.222C258.356,434.328 281.17,434.493 295.78,434.476C296.087,432.968 296.562,430.351 296.701,428.04C297.138,420.786 296.953,410.774 297.179,397.547L317.079,397.887C316.713,419.292 317.06,432.88 314.95,440.341C313.626,445.023 311.44,448.246 308.722,450.475C305.768,452.896 302.02,454.369 296.992,454.378C275.911,454.416 235.597,454.04 235.597,454.04C230.202,453.99 225.83,449.649 225.74,444.255C225.74,444.255 223.619,316.476 223.498,301.146C223.464,296.818 226.161,291.134 230.728,285.882C233.79,282.362 239.252,276.344 239.252,276.344C239.252,276.344 239.075,276.748 239.015,276.934L257.961,283.031C256.843,286.503 252.335,291.797 247.609,296.883C246.108,298.497 244.051,301.217 243.413,302.071Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(-2.19821,0,0,1.65196,1282.08,-154.551)"> - <path d="M373.2,215.331C361.526,215.331 329.372,215.128 314.514,215.03C314.514,215.03 300.345,268.397 300.345,268.397C321.044,268.208 360.305,267.864 372.641,267.864L372.641,287.727C355.651,287.727 287.477,288.381 287.477,288.381C284.371,288.411 281.43,286.992 279.524,284.545C277.618,282.097 276.966,278.903 277.762,275.906L297.25,202.504C298.413,198.124 302.399,195.085 306.938,195.116C306.938,195.116 357.837,195.468 373.2,195.468L373.2,215.331Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(2.19821,0,0,1.65196,-481.273,-154.315)"> - <path d="M373.2,195.468C357.837,195.468 306.938,195.116 306.938,195.116C302.399,195.085 298.413,198.124 297.25,202.504L277.762,275.906C276.966,278.903 277.618,282.097 279.524,284.545C281.43,286.992 284.371,288.411 287.477,288.381C287.477,288.381 355.651,287.727 372.641,287.727L372.641,267.864C360.305,267.864 321.044,268.208 300.345,268.397C300.345,268.397 314.514,215.03 314.514,215.03C329.372,215.128 361.526,215.331 373.2,215.331L373.2,195.468Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(1.8074,0,0,1.35555,65.5237,-65.1496)"> - <circle cx="304.294" cy="348.627" r="32.035" style="fill:none;stroke:rgb(34,46,107);stroke-width:24.21px;"></circle> - </g> - <g transform="matrix(1.8074,0,0,1.35555,-365.442,-66.1442)"> - <circle cx="304.294" cy="348.627" r="32.035" style="fill:white;stroke:rgb(34,46,107);stroke-width:24.21px;"></circle> - </g> - </g> -</svg> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M0 0h800v600H0z" style="fill:none" transform="scale(.64 .85333)"/><path d="M245.987 91.456s8.32 322.556-9.424 336.512c-8.339 6.558-127.319 3.31-127.319 3.31l.241 50.62-73.107-.111L29.22 291.14l30.968-71.852 29.68-103.32z" style="fill:#dfe1ff"/><path d="m105.058 249.826 18.712-81.818 122.002-1.177.952 81.029z" style="fill:#fff" transform="matrix(1 0 0 1.58053 0 -120.276)"/><path d="M297.409 419.448c19.632-.577 45.636 1.466 67.067-3.402 12.37-2.809 23.314-7.862 31.46-16.166 8.324-8.487 13.965-20.396 14.739-37.397 1.528-33.54.139-220.474.139-244.589h-19.902c0 24.025 1.403 210.267-.119 243.683-.501 10.996-3.682 18.877-9.066 24.366-5.563 5.671-13.211 8.776-21.659 10.695-20.205 4.589-44.735 2.372-63.243 2.916z" transform="translate(-308.015 -130.886)scale(1.40685)"/><path d="M251.71 292.838c15.514-22.175 11.9-28.093 15.532-44.412 3.842-17.268 8.643-36.622 13.417-51.033 2.654-8.012 4.915-14.362 7.292-16.978.764-.841 2.225-.975 3.884-1.357 3.531-.815 7.872-1.194 12.718-1.4 16.817-.714 38.947.751 57.196-1.254 11.91-1.309 33.413-14.085 42.911-31.18 7.678-13.822 6.11-8.385 6.201-41.51l-19.903-.055c-.069 25.345 2.179 21.324-3.697 31.899-6.228 11.212-19.875 20.204-27.686 21.062-21.04 2.312-47.301-.094-64.353 1.765-10.388 1.132-18.037 4.283-22.002 8.646-2.707 2.981-5.898 8.874-8.896 16.836-5.757 15.287-11.836 39.235-16.51 60.236-3.036 13.643.559 18.787-12.412 37.326z" transform="translate(-308.015 -130.886)scale(1.40685)"/><path d="M295.723 434.476c-14.613.016-37.384-.149-50.243-.254-.485-29.385-1.911-116.371-2.068-132.233.709-.852 3.228-3.854 4.837-5.505 3.673-3.77 6.635-7.652 7.656-10.826l-18.946-6.097c.055-.169.208-.519.208-.519s-4.613 4.89-7.099 7.693c-4.135 4.662-6.606 9.814-6.57 14.411.121 15.33 2.242 143.109 2.242 143.109a9.95 9.95 0 0 0 9.857 9.785s40.314.376 61.395.338c4.845-.009 8.404-1.262 11.151-3.234 2.961-2.126 5.256-5.223 6.55-9.922 1.84-6.686 1.074-19.345.857-40.913l-19.902.2c.069 6.758.227 12.586.344 17.586.133 5.636.222 10.152.028 13.713a29 29 0 0 1-.297 2.668m208.461-36.083c-22.984 0-93.067.104-98.36.104v19.902c5.293 0 75.376-.103 98.36-.103z" transform="translate(-308.015 -130.886)scale(1.40685)"/><path d="M235.402 281.429c12.971-18.539 9.376-23.683 12.412-37.326 4.674-21.001 10.753-44.949 16.51-60.236 2.998-7.962 6.189-13.855 8.896-16.836 3.882-4.272 11.72-7.635 22.788-8.975 18.824-2.279 49.116-.244 77.846-.487l.168 19.902c-24.115.204-49.354-1.294-67.681-.316-5.452.291-10.223.788-14.039 1.703-1.906.458-3.528.651-4.351 1.557-2.377 2.616-4.638 8.966-7.292 16.978-4.774 14.411-9.575 33.765-13.417 51.033-3.632 16.319-.018 22.237-15.532 44.412z" transform="matrix(-1.40685 0 0 1.40685 820.013 -128.232)"/><path d="M243.413 302.071c.161 16.082 1.583 102.817 2.067 132.151 12.876.106 35.69.271 50.3.254.307-1.508.782-4.125.921-6.436.437-7.254.252-17.266.478-30.493l19.9.34c-.366 21.405-.019 34.993-2.129 42.454-1.324 4.682-3.51 7.905-6.228 10.134-2.954 2.421-6.702 3.894-11.73 3.903-21.081.038-61.395-.338-61.395-.338a9.95 9.95 0 0 1-9.857-9.785s-2.121-127.779-2.242-143.109c-.034-4.328 2.663-10.012 7.23-15.264 3.062-3.52 8.524-9.538 8.524-9.538s-.177.404-.237.59l18.946 6.097c-1.118 3.472-5.626 8.766-10.352 13.852-1.501 1.614-3.558 4.334-4.196 5.188" transform="matrix(-1.40685 0 0 1.40685 820.013 -128.232)"/><path d="M373.2 215.331c-11.674 0-43.828-.203-58.686-.301l-14.169 53.367c20.699-.189 59.96-.533 72.296-.533v19.863c-16.99 0-85.164.654-85.164.654a9.96 9.96 0 0 1-7.953-3.836 9.91 9.91 0 0 1-1.762-8.639l19.488-73.402a9.95 9.95 0 0 1 9.688-7.388s50.899.352 66.262.352z" transform="matrix(-1.40685 0 0 1.40967 820.531 -131.883)"/><path d="M373.2 195.468c-15.363 0-66.262-.352-66.262-.352a9.95 9.95 0 0 0-9.688 7.388l-19.488 73.402a9.91 9.91 0 0 0 1.762 8.639 9.96 9.96 0 0 0 7.953 3.836s68.174-.654 85.164-.654v-19.863c-12.336 0-51.597.344-72.296.533l14.169-53.367c14.858.098 47.012.301 58.686.301z" transform="matrix(1.40685 0 0 1.40967 -308.015 -131.682)"/><circle cx="304.294" cy="348.627" r="32.035" style="fill:none;stroke:currentColor;stroke-width:24.21px" transform="translate(41.935 -55.594)scale(1.15674)"/><circle cx="304.294" cy="348.627" r="32.035" style="fill:#fff;stroke:currentColor;stroke-width:24.21px" transform="translate(-233.883 -56.443)scale(1.15674)"/></svg>
\ No newline at end of file diff --git a/src/assets/images/content-image-new.webp b/src/assets/images/content-image-new.webp Binary files differdeleted file mode 100644 index 899afc1..0000000 --- a/src/assets/images/content-image-new.webp +++ /dev/null diff --git a/src/assets/images/content-image.webp b/src/assets/images/content-image.webp Binary files differindex 3c2c1f5..899afc1 100644 --- a/src/assets/images/content-image.webp +++ b/src/assets/images/content-image.webp diff --git a/src/assets/images/content-image2-new.webp b/src/assets/images/content-image2-new.webp Binary files differdeleted file mode 100644 index f0ff71e..0000000 --- a/src/assets/images/content-image2-new.webp +++ /dev/null diff --git a/src/assets/images/content-image2.webp b/src/assets/images/content-image2.webp Binary files differindex 498d480..f0ff71e 100644 --- a/src/assets/images/content-image2.webp +++ b/src/assets/images/content-image2.webp diff --git a/src/assets/images/engine-cleaning.svg b/src/assets/images/engine-cleaning.svg index 64691ca..c7ef31b 100644 --- a/src/assets/images/engine-cleaning.svg +++ b/src/assets/images/engine-cleaning.svg @@ -1,2 +1,5 @@ -<?xml version="1.0"?> -<svg xmlns="http://www.w3.org/2000/svg" height="512px" viewBox="0 0 512 512" width="512px"><g><path d="m127.75 312.722656c-39.441406 0-71.527344 32.085938-71.527344 71.527344s32.085938 71.527344 71.527344 71.527344 71.527344-32.085938 71.527344-71.527344-32.085938-71.527344-71.527344-71.527344zm0 113.113282c-22.929688 0-41.585938-18.65625-41.585938-41.585938 0-22.933594 18.65625-41.585938 41.585938-41.585938 22.933594 0 41.585938 18.652344 41.585938 41.585938 0 22.929688-18.652344 41.585938-41.585938 41.585938zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m297.4375 164.125c29.246094 0 53.039062-23.792969 53.039062-53.039062 0-29.246094-23.792968-53.039063-53.039062-53.039063s-53.039062 23.792969-53.039062 53.039063c0 29.246093 23.792968 53.039062 53.039062 53.039062zm0-76.136719c12.734375 0 23.097656 10.363281 23.097656 23.097657 0 12.738281-10.363281 23.097656-23.097656 23.097656-12.738281 0-23.097656-10.359375-23.097656-23.097656 0-12.734376 10.359375-23.097657 23.097656-23.097657zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m511 354.808594c0-10.804688-2.796875-20.964844-7.695312-29.804688l-99.703126-246.644531c-14.003906-45.328125-56.296874-78.359375-106.164062-78.359375-38.425781 0-72.351562 19.613281-92.304688 49.347656l-.035156-.023437-181.484375 261.007812c-.082031.113281-.15625.226563-.238281.339844l-2.523438 3.628906.039063.027344c-13.199219 20.101563-20.890625 44.128906-20.890625 69.921875 0 70.441406 57.308594 127.75 127.75 127.75 13.707031 0 26.914062-2.179688 39.304688-6.195312l.089843.292968 299.148438-91.980468c.769531-.222657 1.535156-.457032 2.289062-.703126l.421875-.132812-.003906-.011719c24.386719-8.242187 42-31.328125 42-58.460937zm-102.925781 45.886718-173.34375 53.296876c13.125-20.066407 20.769531-44.027344 20.769531-69.742188 0-70.441406-57.308594-127.75-127.75-127.75-11.519531 0-22.683594 1.539062-33.308594 4.414062l93.0625-133.839843c7.773438 53.703125 54.105469 95.097656 109.933594 95.097656 46.980469 0 87.246094-29.320313 103.453125-70.621094l57.492187 142.21875c-2.96875-.4375-6.003906-.675781-9.09375-.675781-34.027343 0-61.714843 27.683594-61.714843 61.714844.003906 18.199218 7.925781 34.578125 20.5 45.886718zm-110.636719-370.753906c44.742188 0 81.144531 36.402344 81.144531 81.144532 0 44.742187-36.402343 81.144531-81.144531 81.144531s-81.144531-36.402344-81.144531-81.144531c0-44.742188 36.402343-81.144532 81.144531-81.144532zm-267.496094 354.308594c0-20.085938 6.089844-38.773438 16.511719-54.324219l1.875-2.691406c17.769531-24.6875 46.75-40.792969 79.421875-40.792969 53.933594 0 97.808594 43.875 97.808594 97.808594 0 53.929688-43.875 97.808594-97.808594 97.808594-53.929688 0-97.808594-43.878906-97.808594-97.808594zm429.675782.59375-2.117188.652344c-2.621094.703125-5.371094 1.082031-8.210938 1.082031-17.519531 0-31.769531-14.253906-31.769531-31.773437 0-17.515626 14.25-31.769532 31.769531-31.769532 17.519532 0 31.769532 14.253906 31.769532 31.773438 0 13.902344-8.980469 25.738281-21.441406 30.035156zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/></g> </svg> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> + <path d="m127.75 312.722656c-39.441406 0-71.527344 32.085938-71.527344 71.527344s32.085938 71.527344 71.527344 71.527344 71.527344-32.085938 71.527344-71.527344-32.085938-71.527344-71.527344-71.527344zm0 113.113282c-22.929688 0-41.585938-18.65625-41.585938-41.585938 0-22.933594 18.65625-41.585938 41.585938-41.585938 22.933594 0 41.585938 18.652344 41.585938 41.585938 0 22.929688-18.652344 41.585938-41.585938 41.585938zm0 0"/> + <path d="m297.4375 164.125c29.246094 0 53.039062-23.792969 53.039062-53.039062 0-29.246094-23.792968-53.039063-53.039062-53.039063s-53.039062 23.792969-53.039062 53.039063c0 29.246093 23.792968 53.039062 53.039062 53.039062zm0-76.136719c12.734375 0 23.097656 10.363281 23.097656 23.097657 0 12.738281-10.363281 23.097656-23.097656 23.097656-12.738281 0-23.097656-10.359375-23.097656-23.097656 0-12.734376 10.359375-23.097657 23.097656-23.097657zm0 0"/> + <path d="m511 354.808594c0-10.804688-2.796875-20.964844-7.695312-29.804688l-99.703126-246.644531c-14.003906-45.328125-56.296874-78.359375-106.164062-78.359375-38.425781 0-72.351562 19.613281-92.304688 49.347656l-.035156-.023437-181.484375 261.007812c-.082031.113281-.15625.226563-.238281.339844l-2.523438 3.628906.039063.027344c-13.199219 20.101563-20.890625 44.128906-20.890625 69.921875 0 70.441406 57.308594 127.75 127.75 127.75 13.707031 0 26.914062-2.179688 39.304688-6.195312l.089843.292968 299.148438-91.980468c.769531-.222657 1.535156-.457032 2.289062-.703126l.421875-.132812-.003906-.011719c24.386719-8.242187 42-31.328125 42-58.460937zm-102.925781 45.886718-173.34375 53.296876c13.125-20.066407 20.769531-44.027344 20.769531-69.742188 0-70.441406-57.308594-127.75-127.75-127.75-11.519531 0-22.683594 1.539062-33.308594 4.414062l93.0625-133.839843c7.773438 53.703125 54.105469 95.097656 109.933594 95.097656 46.980469 0 87.246094-29.320313 103.453125-70.621094l57.492187 142.21875c-2.96875-.4375-6.003906-.675781-9.09375-.675781-34.027343 0-61.714843 27.683594-61.714843 61.714844.003906 18.199218 7.925781 34.578125 20.5 45.886718zm-110.636719-370.753906c44.742188 0 81.144531 36.402344 81.144531 81.144532 0 44.742187-36.402343 81.144531-81.144531 81.144531s-81.144531-36.402344-81.144531-81.144531c0-44.742188 36.402343-81.144532 81.144531-81.144532zm-267.496094 354.308594c0-20.085938 6.089844-38.773438 16.511719-54.324219l1.875-2.691406c17.769531-24.6875 46.75-40.792969 79.421875-40.792969 53.933594 0 97.808594 43.875 97.808594 97.808594 0 53.929688-43.875 97.808594-97.808594 97.808594-53.929688 0-97.808594-43.878906-97.808594-97.808594zm429.675782.59375-2.117188.652344c-2.621094.703125-5.371094 1.082031-8.210938 1.082031-17.519531 0-31.769531-14.253906-31.769531-31.773437 0-17.515626 14.25-31.769532 31.769531-31.769532 17.519532 0 31.769532 14.253906 31.769532 31.773438 0 13.902344-8.980469 25.738281-21.441406 30.035156zm0 0"/> +</svg> diff --git a/src/assets/images/hero-image.jpg b/src/assets/images/hero-image.jpg Binary files differdeleted file mode 100644 index 9aee81c..0000000 --- a/src/assets/images/hero-image.jpg +++ /dev/null diff --git a/src/assets/images/customworks-hero.webp b/src/assets/images/hero-image.webp Binary files differindex f2c54f1..f2c54f1 100644 --- a/src/assets/images/customworks-hero.webp +++ b/src/assets/images/hero-image.webp diff --git a/src/assets/images/interior-detailing.svg b/src/assets/images/interior-detailing.svg index fcf50a2..fadb9d4 100644 --- a/src/assets/images/interior-detailing.svg +++ b/src/assets/images/interior-detailing.svg @@ -1,16 +1,12 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> - <rect id="Artboard1" x="0" y="0" width="512" height="512" style="fill:none;"></rect> - <g id="Artboard11" serif:id="Artboard1"> - <g transform="matrix(1.13429,0,0,1.13429,-59.1814,-29.154)"> - <g transform="matrix(1,0,0,1,34.3005,-173.54)"> - <path d="M96.401,282.024C92.318,284.893 90.326,289.995 91.491,294.944C92.152,297.752 93.744,300.15 95.9,301.835C97.112,303.244 104.625,312.076 110.742,321.061C118.78,332.869 126.685,347.139 127.645,348.672C127.839,348.982 143.393,360.014 149.53,346.845C150.846,344.022 157.59,329.043 164.665,317.255C170.219,308.001 176.358,301.47 177.409,300.175C180.954,295.806 180.359,292.005 180.307,291.276C179.984,286.736 177.758,283.807 174.801,281.852C174.068,281.367 165.353,275.232 159.519,265.769C152.099,253.733 148.152,237.601 147.429,235.705C147.028,234.656 129.217,221.311 124.037,236.585C123.163,239.16 118.769,253.368 111.533,265.176C106.401,273.55 96.882,281.62 96.401,282.024ZM135.382,273.164C136.36,275.065 137.403,276.933 138.507,278.724C142.231,284.764 146.762,289.875 150.8,293.788C148.449,296.919 145.853,300.629 143.499,304.552C141.358,308.12 139.13,312.198 137.035,316.22C135.147,313.203 133.15,310.113 131.147,307.17C127.521,301.843 123.848,296.963 120.681,292.996C124.699,288.907 129.082,283.782 132.58,278.074C133.545,276.5 134.482,274.851 135.382,273.164Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(1,0,0,1,148.078,-76.7516)"> - <path d="M96.401,282.024C92.318,284.893 90.326,289.995 91.491,294.944C92.152,297.752 93.744,300.15 95.9,301.835C97.112,303.244 104.625,312.076 110.742,321.061C118.78,332.869 126.685,347.139 127.645,348.672C127.839,348.982 143.393,360.014 149.53,346.845C150.846,344.022 157.59,329.043 164.665,317.255C170.219,308.001 176.358,301.47 177.409,300.175C180.954,295.806 180.359,292.005 180.307,291.276C179.984,286.736 177.758,283.807 174.801,281.852C174.068,281.367 165.353,275.232 159.519,265.769C152.099,253.733 148.152,237.601 147.429,235.705C147.028,234.656 129.217,221.311 124.037,236.585C123.163,239.16 118.769,253.368 111.533,265.176C106.401,273.55 96.882,281.62 96.401,282.024ZM135.382,273.164C136.36,275.065 137.403,276.933 138.507,278.724C142.231,284.764 146.762,289.875 150.8,293.788C148.449,296.919 145.853,300.629 143.499,304.552C141.358,308.12 139.13,312.198 137.035,316.22C135.147,313.203 133.15,310.113 131.147,307.17C127.521,301.843 123.848,296.963 120.681,292.996C124.699,288.907 129.082,283.782 132.58,278.074C133.545,276.5 134.482,274.851 135.382,273.164Z" style="fill:rgb(34,46,107);"></path> - </g> - <path d="M96.401,282.024C92.318,284.893 90.326,289.995 91.491,294.944C92.152,297.752 93.744,300.15 95.9,301.835C97.112,303.244 104.625,312.076 110.742,321.061C118.78,332.869 126.685,347.139 127.645,348.672C127.839,348.982 143.393,360.014 149.53,346.845C150.846,344.022 157.59,329.043 164.665,317.255C170.219,308.001 176.358,301.47 177.409,300.175C180.954,295.806 180.359,292.005 180.307,291.276C179.984,286.736 177.758,283.807 174.801,281.852C174.068,281.367 165.353,275.232 159.519,265.769C152.099,253.733 148.152,237.601 147.429,235.705C147.028,234.656 129.217,221.311 124.037,236.585C123.163,239.16 118.769,253.368 111.533,265.176C106.401,273.55 96.882,281.62 96.401,282.024ZM135.382,273.164C136.36,275.065 137.403,276.933 138.507,278.724C142.231,284.764 146.762,289.875 150.8,293.788C148.449,296.919 145.853,300.629 143.499,304.552C141.358,308.12 139.13,312.198 137.035,316.22C135.147,313.203 133.15,310.113 131.147,307.17C127.521,301.843 123.848,296.963 120.681,292.996C124.699,288.907 129.082,283.782 132.58,278.074C133.545,276.5 134.482,274.851 135.382,273.164Z" style="fill:rgb(34,46,107);"></path> - <path d="M474.054,88.514C472.994,93.09 471.185,100.49 469.022,107.654C449.793,171.362 393.036,323.797 364.28,393.36C359.361,405.258 354.036,416.767 351.428,422.298C317.973,424.36 140.739,425.228 119.552,421.402C116.717,420.89 104.161,420.354 93.971,418.118C92.161,417.72 89.668,416.856 88.263,416.342C85.154,407.137 80.335,394.243 80.665,388.081C81.011,381.602 85.792,363.601 103.27,344.618C107.884,339.606 107.562,331.792 102.551,327.178C97.539,322.563 89.725,322.886 85.11,327.897C61.683,353.341 56.48,378.078 56.015,386.763C55.55,395.449 61.895,414.921 65.684,426.659C67.421,432.041 73.289,437.716 82.709,440.665C94.003,444.2 111.634,445.056 115.165,445.694C138.813,449.964 349.435,448.474 361.362,446.003C363.114,445.64 366.108,444.716 368.928,441.34C371.351,438.441 378.196,424.311 387.092,402.791C416.08,332.67 473.271,179.006 492.654,114.787C496.898,100.728 499.33,90.547 499.684,85.835C499.969,82.039 499.25,79.392 498.606,77.86C497.886,76.15 495.121,71.72 488.511,67.81C480.214,62.901 463.08,56.44 435.622,59.614C410.44,62.524 390.494,80.905 381.208,94.4C377.563,99.698 373.136,111.232 368.64,126.477C359.35,157.978 348.335,206.831 337.056,242.104C324.271,282.084 309.04,296.99 301.605,302.264C294.555,307.266 279.895,308.323 263.996,308.861C235.922,309.81 204.124,307.004 192.579,307.004C185.767,307.004 180.237,312.534 180.237,319.346C180.237,326.158 185.767,331.689 192.579,331.689C206.303,331.689 248.118,335.492 279.224,332.667C295.041,331.231 308.362,327.736 315.888,322.398C324.98,315.947 344.933,298.516 360.568,249.623C371.9,214.185 382.983,165.108 392.316,133.46C395.802,121.64 398.718,112.5 401.544,108.392C407.895,99.163 421.234,86.126 438.457,84.135C455.481,82.168 468.25,86.136 474.054,88.514Z" style="fill:rgb(34,46,107);"></path> - </g> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> + <g transform="matrix(1.13429,0,0,1.13429,-59.1814,-29.154)"> + <g transform="matrix(1,0,0,1,34.3005,-173.54)"> + <path d="M96.401,282.024C92.318,284.893 90.326,289.995 91.491,294.944C92.152,297.752 93.744,300.15 95.9,301.835C97.112,303.244 104.625,312.076 110.742,321.061C118.78,332.869 126.685,347.139 127.645,348.672C127.839,348.982 143.393,360.014 149.53,346.845C150.846,344.022 157.59,329.043 164.665,317.255C170.219,308.001 176.358,301.47 177.409,300.175C180.954,295.806 180.359,292.005 180.307,291.276C179.984,286.736 177.758,283.807 174.801,281.852C174.068,281.367 165.353,275.232 159.519,265.769C152.099,253.733 148.152,237.601 147.429,235.705C147.028,234.656 129.217,221.311 124.037,236.585C123.163,239.16 118.769,253.368 111.533,265.176C106.401,273.55 96.882,281.62 96.401,282.024ZM135.382,273.164C136.36,275.065 137.403,276.933 138.507,278.724C142.231,284.764 146.762,289.875 150.8,293.788C148.449,296.919 145.853,300.629 143.499,304.552C141.358,308.12 139.13,312.198 137.035,316.22C135.147,313.203 133.15,310.113 131.147,307.17C127.521,301.843 123.848,296.963 120.681,292.996C124.699,288.907 129.082,283.782 132.58,278.074C133.545,276.5 134.482,274.851 135.382,273.164Z"/> </g> + <g transform="matrix(1,0,0,1,148.078,-76.7516)"> + <path d="M96.401,282.024C92.318,284.893 90.326,289.995 91.491,294.944C92.152,297.752 93.744,300.15 95.9,301.835C97.112,303.244 104.625,312.076 110.742,321.061C118.78,332.869 126.685,347.139 127.645,348.672C127.839,348.982 143.393,360.014 149.53,346.845C150.846,344.022 157.59,329.043 164.665,317.255C170.219,308.001 176.358,301.47 177.409,300.175C180.954,295.806 180.359,292.005 180.307,291.276C179.984,286.736 177.758,283.807 174.801,281.852C174.068,281.367 165.353,275.232 159.519,265.769C152.099,253.733 148.152,237.601 147.429,235.705C147.028,234.656 129.217,221.311 124.037,236.585C123.163,239.16 118.769,253.368 111.533,265.176C106.401,273.55 96.882,281.62 96.401,282.024ZM135.382,273.164C136.36,275.065 137.403,276.933 138.507,278.724C142.231,284.764 146.762,289.875 150.8,293.788C148.449,296.919 145.853,300.629 143.499,304.552C141.358,308.12 139.13,312.198 137.035,316.22C135.147,313.203 133.15,310.113 131.147,307.17C127.521,301.843 123.848,296.963 120.681,292.996C124.699,288.907 129.082,283.782 132.58,278.074C133.545,276.5 134.482,274.851 135.382,273.164Z"/> + </g> + <path d="M96.401,282.024C92.318,284.893 90.326,289.995 91.491,294.944C92.152,297.752 93.744,300.15 95.9,301.835C97.112,303.244 104.625,312.076 110.742,321.061C118.78,332.869 126.685,347.139 127.645,348.672C127.839,348.982 143.393,360.014 149.53,346.845C150.846,344.022 157.59,329.043 164.665,317.255C170.219,308.001 176.358,301.47 177.409,300.175C180.954,295.806 180.359,292.005 180.307,291.276C179.984,286.736 177.758,283.807 174.801,281.852C174.068,281.367 165.353,275.232 159.519,265.769C152.099,253.733 148.152,237.601 147.429,235.705C147.028,234.656 129.217,221.311 124.037,236.585C123.163,239.16 118.769,253.368 111.533,265.176C106.401,273.55 96.882,281.62 96.401,282.024ZM135.382,273.164C136.36,275.065 137.403,276.933 138.507,278.724C142.231,284.764 146.762,289.875 150.8,293.788C148.449,296.919 145.853,300.629 143.499,304.552C141.358,308.12 139.13,312.198 137.035,316.22C135.147,313.203 133.15,310.113 131.147,307.17C127.521,301.843 123.848,296.963 120.681,292.996C124.699,288.907 129.082,283.782 132.58,278.074C133.545,276.5 134.482,274.851 135.382,273.164Z"/> + <path d="M474.054,88.514C472.994,93.09 471.185,100.49 469.022,107.654C449.793,171.362 393.036,323.797 364.28,393.36C359.361,405.258 354.036,416.767 351.428,422.298C317.973,424.36 140.739,425.228 119.552,421.402C116.717,420.89 104.161,420.354 93.971,418.118C92.161,417.72 89.668,416.856 88.263,416.342C85.154,407.137 80.335,394.243 80.665,388.081C81.011,381.602 85.792,363.601 103.27,344.618C107.884,339.606 107.562,331.792 102.551,327.178C97.539,322.563 89.725,322.886 85.11,327.897C61.683,353.341 56.48,378.078 56.015,386.763C55.55,395.449 61.895,414.921 65.684,426.659C67.421,432.041 73.289,437.716 82.709,440.665C94.003,444.2 111.634,445.056 115.165,445.694C138.813,449.964 349.435,448.474 361.362,446.003C363.114,445.64 366.108,444.716 368.928,441.34C371.351,438.441 378.196,424.311 387.092,402.791C416.08,332.67 473.271,179.006 492.654,114.787C496.898,100.728 499.33,90.547 499.684,85.835C499.969,82.039 499.25,79.392 498.606,77.86C497.886,76.15 495.121,71.72 488.511,67.81C480.214,62.901 463.08,56.44 435.622,59.614C410.44,62.524 390.494,80.905 381.208,94.4C377.563,99.698 373.136,111.232 368.64,126.477C359.35,157.978 348.335,206.831 337.056,242.104C324.271,282.084 309.04,296.99 301.605,302.264C294.555,307.266 279.895,308.323 263.996,308.861C235.922,309.81 204.124,307.004 192.579,307.004C185.767,307.004 180.237,312.534 180.237,319.346C180.237,326.158 185.767,331.689 192.579,331.689C206.303,331.689 248.118,335.492 279.224,332.667C295.041,331.231 308.362,327.736 315.888,322.398C324.98,315.947 344.933,298.516 360.568,249.623C371.9,214.185 382.983,165.108 392.316,133.46C395.802,121.64 398.718,112.5 401.544,108.392C407.895,99.163 421.234,86.126 438.457,84.135C455.481,82.168 468.25,86.136 474.054,88.514Z"/> + </g> </svg> diff --git a/src/assets/images/invisible-wipers.svg b/src/assets/images/invisible-wipers.svg index b5ac70b..e0eece4 100644 --- a/src/assets/images/invisible-wipers.svg +++ b/src/assets/images/invisible-wipers.svg @@ -1,20 +1,16 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"> - <rect id="Artboard1" x="0" y="0" width="512" height="512" style="fill:none;"></rect> - <g id="Artboard11" serif:id="Artboard1"> - <path d="M14.451,130.806C8.234,133.28 5.069,140.211 7.269,146.53C11.607,158.989 78.216,317.857 89.76,334.598C92.106,338 94.914,339.904 98.039,340.955C101.262,342.039 105.322,342.271 110.602,340.414C122.739,336.144 154.538,312.459 258.224,312.16C349.428,311.898 378.291,328.566 393.178,335.836C404.399,341.316 411.261,342.242 420.193,337.747C421.663,337.007 424.275,335.19 426.928,331.464C430.837,325.974 438.077,312.253 446.483,294.372C462.956,259.332 484.442,207.833 494.813,173.937C499.999,156.986 502.097,143.68 501.024,137.398C500.813,136.164 500.266,133.559 497.668,130.632C496.416,129.22 492.957,126.093 486.87,122.115C463.069,106.559 390.312,70.848 250.251,70.88C95.549,70.914 44.763,107.113 22.964,124.274C19.016,127.382 16.6,129.951 14.451,130.806ZM476.389,145.226C475.887,150.129 473.682,157.552 470.906,166.623C460.82,199.589 439.879,249.657 423.858,283.736C417.578,297.094 410.541,309.824 407.64,314.962C406.906,314.673 406.136,314.323 405.31,313.931C402.797,312.741 399.903,311.232 396.373,309.545C377.921,300.729 342.914,286.916 258.152,287.16C175.268,287.399 135.515,301.863 115.34,310.876C112.376,312.2 109.407,313.549 107.033,314.635C92.027,286.043 47.41,179.732 34.315,147.129L38.428,143.917C58.709,127.952 106.333,95.912 250.257,95.88C390.956,95.848 459.494,132.814 476.389,145.226Z" style="fill:rgb(34,46,107);"></path> - <path d="M346.934,285.768C377.331,239.29 407.797,192.3 424.81,167.417L404.173,153.307C387.098,178.28 356.519,225.438 326.011,272.084L346.934,285.768Z" style="fill:rgb(34,46,107);"></path> - <g transform="matrix(1,0,0,1,-9.92242,-12.951)"> - <circle cx="273.279" cy="385.687" r="28.294" style="fill:rgb(34,46,107);stroke:rgb(34,46,107);stroke-width:25px;"></circle> - </g> - <g transform="matrix(1.03187,0,0,1.03608,-8.54506,-11.1348)"> - <path d="M286.119,358.46C349.655,259.162 389.077,199.052 419.761,152.592L399.519,139.332C368.792,185.859 329.313,246.053 265.687,345.493L286.119,358.46Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(0.681025,0,0,0.605979,28.3015,43.4531)"> - <path d="M98.982,283.62C95.775,285.772 94.098,290.004 94.887,294.175C95.378,296.771 96.75,298.952 98.612,300.348C99.776,301.691 107.611,310.824 113.947,320.132C122.008,331.973 129.937,346.282 130.9,347.819C131.049,348.056 141.456,356.292 146.147,346.225C147.471,343.384 154.265,328.306 161.386,316.44C167.034,307.03 173.266,300.387 174.334,299.07C177.309,295.404 176.821,291.974 176.778,291.363C176.514,287.657 174.874,285.209 172.461,283.613C171.684,283.099 162.432,276.626 156.255,266.608C148.75,254.435 144.725,238.12 143.994,236.203C143.682,235.385 131.533,225.11 127.493,237.023C126.607,239.633 122.137,254.038 114.801,266.009C109.293,274.997 98.946,283.641 98.946,283.641L98.982,283.62ZM135.47,265.579C137.268,269.731 139.371,273.992 141.771,277.885C145.752,284.343 150.689,289.698 154.86,293.594C152.323,296.903 149.398,301.002 146.778,305.367C143.581,310.694 140.19,317.166 137.34,322.867C134.529,318.206 131.245,312.951 127.942,308.099C123.972,302.268 119.955,296.982 116.639,292.885C120.791,288.769 125.57,283.349 129.313,277.241C131.544,273.6 133.623,269.555 135.47,265.579Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(0.681025,0,0,0.605979,87.8122,-32.2914)"> - <path d="M98.982,283.62C95.775,285.772 94.098,290.004 94.887,294.175C95.378,296.771 96.75,298.952 98.612,300.348C99.776,301.691 107.611,310.824 113.947,320.132C122.008,331.973 129.937,346.282 130.9,347.819C131.049,348.056 141.456,356.292 146.147,346.225C147.471,343.384 154.265,328.306 161.386,316.44C167.034,307.03 173.266,300.387 174.334,299.07C177.309,295.404 176.821,291.974 176.778,291.363C176.514,287.657 174.874,285.209 172.461,283.613C171.684,283.099 162.432,276.626 156.255,266.608C148.75,254.435 144.725,238.12 143.994,236.203C143.682,235.385 131.533,225.11 127.493,237.023C126.607,239.633 122.137,254.038 114.801,266.009C109.293,274.997 98.946,283.641 98.946,283.641L98.982,283.62ZM135.47,265.579C137.268,269.731 139.371,273.992 141.771,277.885C145.752,284.343 150.689,289.698 154.86,293.594C152.323,296.903 149.398,301.002 146.778,305.367C143.581,310.694 140.19,317.166 137.34,322.867C134.529,318.206 131.245,312.951 127.942,308.099C123.972,302.268 119.955,296.982 116.639,292.885C120.791,288.769 125.57,283.349 129.313,277.241C131.544,273.6 133.623,269.555 135.47,265.579Z" style="fill:rgb(34,46,107);"></path> - </g> - </g> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> + <path d="M14.451,130.806C8.234,133.28 5.069,140.211 7.269,146.53C11.607,158.989 78.216,317.857 89.76,334.598C92.106,338 94.914,339.904 98.039,340.955C101.262,342.039 105.322,342.271 110.602,340.414C122.739,336.144 154.538,312.459 258.224,312.16C349.428,311.898 378.291,328.566 393.178,335.836C404.399,341.316 411.261,342.242 420.193,337.747C421.663,337.007 424.275,335.19 426.928,331.464C430.837,325.974 438.077,312.253 446.483,294.372C462.956,259.332 484.442,207.833 494.813,173.937C499.999,156.986 502.097,143.68 501.024,137.398C500.813,136.164 500.266,133.559 497.668,130.632C496.416,129.22 492.957,126.093 486.87,122.115C463.069,106.559 390.312,70.848 250.251,70.88C95.549,70.914 44.763,107.113 22.964,124.274C19.016,127.382 16.6,129.951 14.451,130.806ZM476.389,145.226C475.887,150.129 473.682,157.552 470.906,166.623C460.82,199.589 439.879,249.657 423.858,283.736C417.578,297.094 410.541,309.824 407.64,314.962C406.906,314.673 406.136,314.323 405.31,313.931C402.797,312.741 399.903,311.232 396.373,309.545C377.921,300.729 342.914,286.916 258.152,287.16C175.268,287.399 135.515,301.863 115.34,310.876C112.376,312.2 109.407,313.549 107.033,314.635C92.027,286.043 47.41,179.732 34.315,147.129L38.428,143.917C58.709,127.952 106.333,95.912 250.257,95.88C390.956,95.848 459.494,132.814 476.389,145.226Z"/> + <path d="M346.934,285.768C377.331,239.29 407.797,192.3 424.81,167.417L404.173,153.307C387.098,178.28 356.519,225.438 326.011,272.084L346.934,285.768Z"/> + <g transform="matrix(1,0,0,1,-9.92242,-12.951)"> + <circle cx="273.279" cy="385.687" r="28.294"/> + </g> + <g transform="matrix(1.03187,0,0,1.03608,-8.54506,-11.1348)"> + <path d="M286.119,358.46C349.655,259.162 389.077,199.052 419.761,152.592L399.519,139.332C368.792,185.859 329.313,246.053 265.687,345.493L286.119,358.46Z"/> + </g> + <g transform="matrix(0.681025,0,0,0.605979,28.3015,43.4531)"> + <path d="M98.982,283.62C95.775,285.772 94.098,290.004 94.887,294.175C95.378,296.771 96.75,298.952 98.612,300.348C99.776,301.691 107.611,310.824 113.947,320.132C122.008,331.973 129.937,346.282 130.9,347.819C131.049,348.056 141.456,356.292 146.147,346.225C147.471,343.384 154.265,328.306 161.386,316.44C167.034,307.03 173.266,300.387 174.334,299.07C177.309,295.404 176.821,291.974 176.778,291.363C176.514,287.657 174.874,285.209 172.461,283.613C171.684,283.099 162.432,276.626 156.255,266.608C148.75,254.435 144.725,238.12 143.994,236.203C143.682,235.385 131.533,225.11 127.493,237.023C126.607,239.633 122.137,254.038 114.801,266.009C109.293,274.997 98.946,283.641 98.946,283.641L98.982,283.62ZM135.47,265.579C137.268,269.731 139.371,273.992 141.771,277.885C145.752,284.343 150.689,289.698 154.86,293.594C152.323,296.903 149.398,301.002 146.778,305.367C143.581,310.694 140.19,317.166 137.34,322.867C134.529,318.206 131.245,312.951 127.942,308.099C123.972,302.268 119.955,296.982 116.639,292.885C120.791,288.769 125.57,283.349 129.313,277.241C131.544,273.6 133.623,269.555 135.47,265.579Z"/> + </g> + <g transform="matrix(0.681025,0,0,0.605979,87.8122,-32.2914)"> + <path d="M98.982,283.62C95.775,285.772 94.098,290.004 94.887,294.175C95.378,296.771 96.75,298.952 98.612,300.348C99.776,301.691 107.611,310.824 113.947,320.132C122.008,331.973 129.937,346.282 130.9,347.819C131.049,348.056 141.456,356.292 146.147,346.225C147.471,343.384 154.265,328.306 161.386,316.44C167.034,307.03 173.266,300.387 174.334,299.07C177.309,295.404 176.821,291.974 176.778,291.363C176.514,287.657 174.874,285.209 172.461,283.613C171.684,283.099 162.432,276.626 156.255,266.608C148.75,254.435 144.725,238.12 143.994,236.203C143.682,235.385 131.533,225.11 127.493,237.023C126.607,239.633 122.137,254.038 114.801,266.009C109.293,274.997 98.946,283.641 98.946,283.641L98.982,283.62ZM135.47,265.579C137.268,269.731 139.371,273.992 141.771,277.885C145.752,284.343 150.689,289.698 154.86,293.594C152.323,296.903 149.398,301.002 146.778,305.367C143.581,310.694 140.19,317.166 137.34,322.867C134.529,318.206 131.245,312.951 127.942,308.099C123.972,302.268 119.955,296.982 116.639,292.885C120.791,288.769 125.57,283.349 129.313,277.241C131.544,273.6 133.623,269.555 135.47,265.579Z"/> + </g> </svg> diff --git a/src/assets/images/ppf-protection.svg b/src/assets/images/ppf-protection.svg index ceeafd0..30bb812 100644 --- a/src/assets/images/ppf-protection.svg +++ b/src/assets/images/ppf-protection.svg @@ -1,30 +1 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"> - <g id="Artboard1" transform="matrix(0.64,0,0,0.853333,0,0)"> - <rect x="0" y="0" width="800" height="600" style="fill:none;"></rect> - <g transform="matrix(2.19821,0,0,1.64865,-481.273,-153.382)"> - <path d="M297.409,419.448C317.041,418.871 343.045,420.914 364.476,416.046C376.846,413.237 387.79,408.184 395.936,399.88C404.26,391.393 409.901,379.484 410.675,362.483C412.203,328.943 410.814,142.009 410.814,117.894L390.912,117.894C390.912,141.919 392.315,328.161 390.793,361.577C390.292,372.573 387.111,380.454 381.727,385.943C376.164,391.614 368.516,394.719 360.068,396.638C339.863,401.227 315.333,399.01 296.825,399.554L297.409,419.448Z" style="fill:rgb(34,46,107);"></path> - <path d="M504.184,398.393C481.2,398.393 411.117,398.497 405.824,398.497L405.824,418.399C411.117,418.399 481.2,418.296 504.184,418.296L504.184,398.393Z" style="fill:rgb(34,46,107);"></path> - <g transform="matrix(-1,0,0,1,801.811,1.88619)"> - <path d="M235.402,281.429C248.373,262.89 244.778,257.746 247.814,244.103C252.488,223.102 258.567,199.154 264.324,183.867C267.322,175.905 270.513,170.012 273.22,167.031C277.102,162.759 284.94,159.396 296.008,158.056C314.832,155.777 345.124,157.812 373.854,157.569L374.022,177.471C349.907,177.675 324.668,176.177 306.341,177.155C300.889,177.446 296.118,177.943 292.302,178.858C290.396,179.316 288.774,179.509 287.951,180.415C285.574,183.031 283.313,189.381 280.659,197.393C275.885,211.804 271.084,231.158 267.242,248.426C263.61,264.745 267.224,270.663 251.71,292.838L235.402,281.429Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(-1,0,0,1,801.811,1.88619)"> - <path d="M243.413,302.071C243.574,318.153 244.996,404.888 245.48,434.222C258.356,434.328 281.17,434.493 295.78,434.476C296.087,432.968 296.562,430.351 296.701,428.04C297.138,420.786 296.953,410.774 297.179,397.547L317.079,397.887C316.713,419.292 317.06,432.88 314.95,440.341C313.626,445.023 311.44,448.246 308.722,450.475C305.768,452.896 302.02,454.369 296.992,454.378C275.911,454.416 235.597,454.04 235.597,454.04C230.202,453.99 225.83,449.649 225.74,444.255C225.74,444.255 223.619,316.476 223.498,301.146C223.464,296.818 226.161,291.134 230.728,285.882C233.79,282.362 239.252,276.344 239.252,276.344C239.252,276.344 239.075,276.748 239.015,276.934L257.961,283.031C256.843,286.503 252.335,291.797 247.609,296.883C246.108,298.497 244.051,301.217 243.413,302.071Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(-1,0,0,1.00201,802.177,-0.709201)"> - <path d="M373.2,215.331C361.526,215.331 329.372,215.128 314.514,215.03C314.514,215.03 300.345,268.397 300.345,268.397C321.044,268.208 360.305,267.864 372.641,267.864L372.641,287.727C355.651,287.727 287.477,288.381 287.477,288.381C284.371,288.411 281.43,286.992 279.524,284.545C277.618,282.097 276.966,278.903 277.762,275.906L297.25,202.504C298.413,198.124 302.399,195.085 306.938,195.116C306.938,195.116 357.837,195.468 373.2,195.468L373.2,215.331Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(1,0,0,1.00201,0,-0.566226)"> - <path d="M373.2,195.468C357.837,195.468 306.938,195.116 306.938,195.116C302.399,195.085 298.413,198.124 297.25,202.504L277.762,275.906C276.966,278.903 277.618,282.097 279.524,284.545C281.43,286.992 284.371,288.411 287.477,288.381C287.477,288.381 355.651,287.727 372.641,287.727L372.641,267.864C360.305,267.864 321.044,268.208 300.345,268.397C300.345,268.397 314.514,215.03 314.514,215.03C329.372,215.128 361.526,215.331 373.2,215.331L373.2,195.468Z" style="fill:rgb(34,46,107);"></path> - </g> - <g transform="matrix(0.822214,0,0,0.822214,248.747,53.5176)"> - <circle cx="304.294" cy="348.627" r="32.035" style="fill:none;stroke:rgb(34,46,107);stroke-width:24.21px;"></circle> - </g> - <g transform="matrix(0.822214,0,0,0.822214,52.6933,52.9143)"> - <circle cx="304.294" cy="348.627" r="32.035" style="fill:none;stroke:rgb(34,46,107);stroke-width:24.21px;"></circle> - </g> - <path d="M251.71,292.838C267.224,270.663 263.61,264.745 267.242,248.426C271.084,231.158 275.885,211.804 280.659,197.393C283.313,189.381 285.574,183.031 287.951,180.415C288.715,179.574 290.176,179.44 291.835,179.058C295.366,178.243 299.707,177.864 304.553,177.658C321.37,176.944 343.5,178.409 361.749,176.404C373.659,175.095 395.162,162.319 404.66,145.224C412.338,131.402 410.77,136.839 410.861,103.714L390.958,103.659C390.889,129.004 393.137,124.983 387.261,135.558C381.033,146.77 367.386,155.762 359.575,156.62C338.535,158.932 312.274,156.526 295.222,158.385C284.834,159.517 277.185,162.668 273.22,167.031C270.513,170.012 267.322,175.905 264.324,183.867C258.567,199.154 252.488,223.102 247.814,244.103C244.778,257.746 248.373,262.89 235.402,281.429L251.71,292.838Z" style="fill:rgb(34,46,107);"></path> - <path d="M295.723,434.476C281.11,434.492 258.339,434.327 245.48,434.222C244.995,404.837 243.569,317.851 243.412,301.989C244.121,301.137 246.64,298.135 248.249,296.484C251.922,292.714 254.884,288.832 255.905,285.658L236.959,279.561C237.014,279.392 237.167,279.042 237.167,279.042C237.167,279.042 232.554,283.932 230.068,286.735C225.933,291.397 223.462,296.549 223.498,301.146C223.619,316.476 225.74,444.255 225.74,444.255C225.83,449.649 230.202,453.99 235.597,454.04C235.597,454.04 275.911,454.416 296.992,454.378C301.837,454.369 305.396,453.116 308.143,451.144C311.104,449.018 313.399,445.921 314.693,441.222C316.533,434.536 315.767,421.877 315.55,400.309L295.648,400.509C295.717,407.267 295.875,413.095 295.992,418.095C296.125,423.731 296.214,428.247 296.02,431.808C295.972,432.684 295.848,433.666 295.723,434.476Z" style="fill:rgb(34,46,107);"></path> - </g> - </g> -</svg> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M0 0h800v600H0z" style="fill:none" transform="scale(.64 .85333)"/><path d="M297.409 419.448c19.632-.577 45.636 1.466 67.067-3.402 12.37-2.809 23.314-7.862 31.46-16.166 8.324-8.487 13.965-20.396 14.739-37.397 1.528-33.54.139-220.474.139-244.589h-19.902c0 24.025 1.403 210.267-.119 243.683-.501 10.996-3.682 18.877-9.066 24.366-5.563 5.671-13.211 8.776-21.659 10.695-20.205 4.589-44.735 2.372-63.243 2.916zm206.775-21.055c-22.984 0-93.067.104-98.36.104v19.902c5.293 0 75.376-.103 98.36-.103z" transform="translate(-308.015 -130.886)scale(1.40685)"/><path d="M235.402 281.429c12.971-18.539 9.376-23.683 12.412-37.326 4.674-21.001 10.753-44.949 16.51-60.236 2.998-7.962 6.189-13.855 8.896-16.836 3.882-4.272 11.72-7.635 22.788-8.975 18.824-2.279 49.116-.244 77.846-.487l.168 19.902c-24.115.204-49.354-1.294-67.681-.316-5.452.291-10.223.788-14.039 1.703-1.906.458-3.528.651-4.351 1.557-2.377 2.616-4.638 8.966-7.292 16.978-4.774 14.411-9.575 33.765-13.417 51.033-3.632 16.319-.018 22.237-15.532 44.412z" transform="matrix(-1.40685 0 0 1.40685 820.017 -128.232)"/><path d="M243.413 302.071c.161 16.082 1.583 102.817 2.067 132.151 12.876.106 35.69.271 50.3.254.307-1.508.782-4.125.921-6.436.437-7.254.252-17.266.478-30.493l19.9.34c-.366 21.405-.019 34.993-2.129 42.454-1.324 4.682-3.51 7.905-6.228 10.134-2.954 2.421-6.702 3.894-11.73 3.903-21.081.038-61.395-.338-61.395-.338a9.95 9.95 0 0 1-9.857-9.785s-2.121-127.779-2.242-143.109c-.034-4.328 2.663-10.012 7.23-15.264 3.062-3.52 8.524-9.538 8.524-9.538s-.177.404-.237.59l18.946 6.097c-1.118 3.472-5.626 8.766-10.352 13.852-1.501 1.614-3.558 4.334-4.196 5.188" transform="matrix(-1.40685 0 0 1.40685 820.017 -128.232)"/><path d="M373.2 215.331c-11.674 0-43.828-.203-58.686-.301l-14.169 53.367c20.699-.189 59.96-.533 72.296-.533v19.863c-16.99 0-85.164.654-85.164.654a9.96 9.96 0 0 1-7.953-3.836 9.91 9.91 0 0 1-1.762-8.639l19.488-73.402a9.95 9.95 0 0 1 9.688-7.388s50.899.352 66.262.352z" transform="matrix(-1.40685 0 0 1.40968 820.532 -131.884)"/><path d="M373.2 195.468c-15.363 0-66.262-.352-66.262-.352a9.95 9.95 0 0 0-9.688 7.388l-19.488 73.402a9.91 9.91 0 0 0 1.762 8.639 9.96 9.96 0 0 0 7.953 3.836s68.174-.654 85.164-.654v-19.863c-12.336 0-51.597.344-72.296.533l14.169-53.367c14.858.098 47.012.301 58.686.301z" transform="matrix(1.40685 0 0 1.40968 -308.015 -131.683)"/><circle cx="304.294" cy="348.627" r="32.035" style="fill:none;stroke:currentColor;stroke-width:24.21px" transform="matrix(1.15674 0 0 1.15673 41.936 -55.595)"/><circle cx="304.294" cy="348.627" r="32.035" style="fill:none;stroke:currentColor;stroke-width:24.21px" transform="matrix(1.15674 0 0 1.15673 -233.883 -56.444)"/><path d="M251.71 292.838c15.514-22.175 11.9-28.093 15.532-44.412 3.842-17.268 8.643-36.622 13.417-51.033 2.654-8.012 4.915-14.362 7.292-16.978.764-.841 2.225-.975 3.884-1.357 3.531-.815 7.872-1.194 12.718-1.4 16.817-.714 38.947.751 57.196-1.254 11.91-1.309 33.413-14.085 42.911-31.18 7.678-13.822 6.11-8.385 6.201-41.51l-19.903-.055c-.069 25.345 2.179 21.324-3.697 31.899-6.228 11.212-19.875 20.204-27.686 21.062-21.04 2.312-47.301-.094-64.353 1.765-10.388 1.132-18.037 4.283-22.002 8.646-2.707 2.981-5.898 8.874-8.896 16.836-5.757 15.287-11.836 39.235-16.51 60.236-3.036 13.643.559 18.787-12.412 37.326z" transform="translate(-308.015 -130.886)scale(1.40685)"/><path d="M295.723 434.476c-14.613.016-37.384-.149-50.243-.254-.485-29.385-1.911-116.371-2.068-132.233.709-.852 3.228-3.854 4.837-5.505 3.673-3.77 6.635-7.652 7.656-10.826l-18.946-6.097c.055-.169.208-.519.208-.519s-4.613 4.89-7.099 7.693c-4.135 4.662-6.606 9.814-6.57 14.411.121 15.33 2.242 143.109 2.242 143.109a9.95 9.95 0 0 0 9.857 9.785s40.314.376 61.395.338c4.845-.009 8.404-1.262 11.151-3.234 2.961-2.126 5.256-5.223 6.55-9.922 1.84-6.686 1.074-19.345.857-40.913l-19.902.2c.069 6.758.227 12.586.344 17.586.133 5.636.222 10.152.028 13.713a29 29 0 0 1-.297 2.668" transform="translate(-308.015 -130.886)scale(1.40685)"/></svg>
\ No newline at end of file diff --git a/src/assets/images/spray-gun.svg b/src/assets/images/spray-gun.svg new file mode 100644 index 0000000..84ef9be --- /dev/null +++ b/src/assets/images/spray-gun.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> + <path d="m429.617188 218.304688h27.292968v30h-27.292968zm0 0"/> + <path d="m468.195312 218.304688h43.804688v30h-43.804688zm0 0"/> + <path d="m420.453125 178.257812 25.992187-8.324218 9.152344 28.570312-25.996094 8.324219zm0 0"/> + <path d="m457.148438 166.507812 41.714843-13.363281 9.148438 28.570313-41.710938 13.359375zm0 0"/> + <path d="m420.445312 288.324219 9.152344-28.574219 25.992188 8.324219-9.148438 28.574219zm0 0"/> + <path d="m457.203125 300.101562 9.152344-28.570312 41.714843 13.359375-9.148437 28.570313zm0 0"/> + <path d="m116 435.945312v-4.765624h29.753906l23.417969-66.902344h70.539063l22.882812-66.898438h112.417969v-48.8125h39.949219v-30h-39.949219v-49.332031h-181.84375v-17.992187c27.078125-6.539063 47.257812-30.957032 47.257812-60.015626v-91.226562h-124.515625v91.226562c0 29.058594 20.179688 53.476563 47.257813 60.015626v17.992187h-107.234375v20.015625h-55.933594v88.628906h55.933594v19.5h30.070312l-46.839844 133.800782h46.835938v4.765624c0 41.9375 34.117188 76.054688 76.054688 76.054688h349.945312v-30h-349.945312c-25.394532 0-46.054688-20.660156-46.054688-46.054688zm94.425781-405.945312v24.332031h-64.515625v-24.332031zm-64.515625 61.226562v-6.894531h64.515625v6.894531c0 17.507813-14.242187 31.75-31.75 31.75h-1.015625c-17.507812 0-31.75-14.242187-31.75-31.75zm72.355469 243.050782h-38.59375l12.917969-36.898438h38.300781zm126.746094-66.898438h-31.300781v-68.144531h31.300781zm-315.011719-19.5v-28.628906h25.933594v28.628906zm55.933594 19.5v-68.144531h197.777344v68.144531zm31.851562 30h43.019532l-36.335938 103.800782h-43.015625zm0 0"/> +</svg> diff --git a/src/assets/images/spray-icon.svg b/src/assets/images/spray-icon.svg new file mode 100644 index 0000000..499f8f0 --- /dev/null +++ b/src/assets/images/spray-icon.svg @@ -0,0 +1,2 @@ +<?xml version="1.0"?> +<svg xmlns="http://www.w3.org/2000/svg" height="512px" viewBox="0 0 512.00002 512" width="512px" class=""><g><path d="m429.617188 218.304688h27.292968v30h-27.292968zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m468.195312 218.304688h43.804688v30h-43.804688zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m420.453125 178.257812 25.992187-8.324218 9.152344 28.570312-25.996094 8.324219zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m457.148438 166.507812 41.714843-13.363281 9.148438 28.570313-41.710938 13.359375zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m420.445312 288.324219 9.152344-28.574219 25.992188 8.324219-9.148438 28.574219zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m457.203125 300.101562 9.152344-28.570312 41.714843 13.359375-9.148437 28.570313zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m116 435.945312v-4.765624h29.753906l23.417969-66.902344h70.539063l22.882812-66.898438h112.417969v-48.8125h39.949219v-30h-39.949219v-49.332031h-181.84375v-17.992187c27.078125-6.539063 47.257812-30.957032 47.257812-60.015626v-91.226562h-124.515625v91.226562c0 29.058594 20.179688 53.476563 47.257813 60.015626v17.992187h-107.234375v20.015625h-55.933594v88.628906h55.933594v19.5h30.070312l-46.839844 133.800782h46.835938v4.765624c0 41.9375 34.117188 76.054688 76.054688 76.054688h349.945312v-30h-349.945312c-25.394532 0-46.054688-20.660156-46.054688-46.054688zm94.425781-405.945312v24.332031h-64.515625v-24.332031zm-64.515625 61.226562v-6.894531h64.515625v6.894531c0 17.507813-14.242187 31.75-31.75 31.75h-1.015625c-17.507812 0-31.75-14.242187-31.75-31.75zm72.355469 243.050782h-38.59375l12.917969-36.898438h38.300781zm126.746094-66.898438h-31.300781v-68.144531h31.300781zm-315.011719-19.5v-28.628906h25.933594v28.628906zm55.933594 19.5v-68.144531h197.777344v68.144531zm31.851562 30h43.019532l-36.335938 103.800782h-43.015625zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/></g> </svg> diff --git a/src/assets/images/visual-tuning.svg b/src/assets/images/visual-tuning.svg index 76afbd5..aeaca55 100644 --- a/src/assets/images/visual-tuning.svg +++ b/src/assets/images/visual-tuning.svg @@ -1,2 +1,13 @@ -<?xml version="1.0"?> -<svg xmlns="http://www.w3.org/2000/svg" height="512px" viewBox="0 0 512 512" width="512px"><g><path d="m238.789062 158.890625c-63.039062 0-114.320312 51.28125-114.320312 114.320313 0 63.039062 51.28125 114.320312 114.320312 114.320312 63.039063 0 114.320313-51.28125 114.320313-114.320312 0-63.039063-51.28125-114.320313-114.320313-114.320313zm0 198.640625c-46.488281 0-84.320312-37.832031-84.320312-84.320312 0-46.492188 37.832031-84.320313 84.320312-84.320313 46.492188 0 84.320313 37.828125 84.320313 84.320313 0 46.488281-37.828125 84.320312-84.320313 84.320312zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m238.789062 217.738281c-30.589843 0-55.46875 24.882813-55.46875 55.472657 0 30.589843 24.878907 55.46875 55.46875 55.46875 30.589844 0 55.472657-24.878907 55.472657-55.46875 0-30.589844-24.882813-55.472657-55.472657-55.472657zm0 80.941407c-14.050781 0-25.46875-11.417969-25.46875-25.46875 0-14.050782 11.417969-25.472657 25.46875-25.472657 14.050782 0 25.472657 11.421875 25.472657 25.472657 0 14.050781-11.421875 25.46875-25.472657 25.46875zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m256.332031 434.5c0 8.746094-7.085937 15.832031-15.832031 15.832031s-15.832031-7.085937-15.832031-15.832031 7.085937-15.832031 15.832031-15.832031 15.832031 7.085937 15.832031 15.832031zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m334.691406 404.0625c-4.375-7.570312-14.058594-10.160156-21.628906-5.785156s-10.164062 14.0625-5.785156 21.632812c4.375 7.570313 14.058594 10.160156 21.628906 5.785156s10.160156-14.0625 5.785156-21.632812zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m387.292969 338.566406c-7.574219-4.367187-17.257813-1.765625-21.621094 5.8125-4.367187 7.574219-1.765625 17.257813 5.8125 21.621094 7.574219 4.367188 17.257813 1.765625 21.621094-5.8125 4.367187-7.574219 1.765625-17.253906-5.8125-21.621094zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m169.941406 126.65625c-4.394531-7.558594-14.085937-10.125-21.644531-5.726562-7.5625 4.394531-10.125 14.085937-5.730469 21.644531 4.394532 7.558593 14.085938 10.125 21.644532 5.730469 7.558593-4.394532 10.125-14.085938 5.730468-21.648438zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m105.859375 180.789062c-7.589844-4.347656-17.261719-1.71875-21.609375 5.867188-4.347656 7.589844-1.71875 17.261719 5.867188 21.609375 7.585937 4.347656 17.261718 1.722656 21.609374-5.867187 4.347657-7.585938 1.71875-17.261719-5.867187-21.609376zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m93.339844 275.476562c-.035156-8.746093-7.148438-15.808593-15.894532-15.773437-8.742187.03125-15.804687 7.148437-15.773437 15.894531.035156 8.742188 7.148437 15.804688 15.894531 15.769532 8.746094-.03125 15.804688-7.148438 15.773438-15.890626zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m114.003906 347.941406c-4.402344-7.554687-14.097656-10.105468-21.652344-5.703125-7.554687 4.40625-10.109374 14.101563-5.703124 21.652344 4.40625 7.554687 14.097656 10.109375 21.652343 5.703125 7.554688-4.402344 10.109375-14.097656 5.703125-21.652344zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m168.121094 400.386719c-7.589844-4.335938-17.261719-1.699219-21.601563 5.894531-4.335937 7.59375-1.695312 17.261719 5.894531 21.601562 7.59375 4.335938 17.265626 1.695313 21.601563-5.894531 4.339844-7.59375 1.699219-17.265625-5.894531-21.601562zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/><path d="m431.980469 80.019531c-51.601563-51.597656-120.210938-80.019531-193.191407-80.019531h-15v34.878906c-58.140624 3.582032-112.300781 27.929688-153.847656 69.480469-45.101562 45.101563-69.941406 105.070313-69.941406 168.851563 0 63.777343 24.839844 123.75 69.941406 168.847656 45.097656 45.101562 105.070313 69.941406 168.847656 69.941406 63.78125 0 123.75-24.839844 168.851563-69.941406 40.578125-40.578125 64.75-93.1875 69.1875-149.777344h34.882813l.25-15.660156c.019531-1.132813.039062-2.269532.039062-3.410156 0-72.980469-28.421875-141.589844-80.019531-193.191407zm-15.351563 182.261719c-5.359375-88.203125-75.179687-159.28125-162.839844-166.621094v-65.199218c123.539063 7.550781 222.449219 107.75 227.972657 231.820312zm-177.839844 219.71875c-115.128906 0-208.789062-93.660156-208.789062-208.789062 0-110.089844 85.628906-200.539063 193.789062-208.25v60.078124h15c81.699219 0 148.171876 66.472657 148.171876 148.171876 0 1.238281-.011719 2.46875-.039063 3.699218l-.382813 15.371094h60.171876c-9.652344 106.21875-99.222657 189.71875-207.921876 189.71875zm0 0" data-original="#000000" class="active-path" data-old_color="#000000" fill="#222E6B"/></g> </svg> +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"> + <path d="m238.789062 158.890625c-63.039062 0-114.320312 51.28125-114.320312 114.320313 0 63.039062 51.28125 114.320312 114.320312 114.320312 63.039063 0 114.320313-51.28125 114.320313-114.320312 0-63.039063-51.28125-114.320313-114.320313-114.320313zm0 198.640625c-46.488281 0-84.320312-37.832031-84.320312-84.320312 0-46.492188 37.832031-84.320313 84.320312-84.320313 46.492188 0 84.320313 37.828125 84.320313 84.320313 0 46.488281-37.828125 84.320312-84.320313 84.320312zm0 0"/> + <path d="m238.789062 217.738281c-30.589843 0-55.46875 24.882813-55.46875 55.472657 0 30.589843 24.878907 55.46875 55.46875 55.46875 30.589844 0 55.472657-24.878907 55.472657-55.46875 0-30.589844-24.882813-55.472657-55.472657-55.472657zm0 80.941407c-14.050781 0-25.46875-11.417969-25.46875-25.46875 0-14.050782 11.417969-25.472657 25.46875-25.472657 14.050782 0 25.472657 11.421875 25.472657 25.472657 0 14.050781-11.421875 25.46875-25.472657 25.46875zm0 0"/> + <path d="m256.332031 434.5c0 8.746094-7.085937 15.832031-15.832031 15.832031s-15.832031-7.085937-15.832031-15.832031 7.085937-15.832031 15.832031-15.832031 15.832031 7.085937 15.832031 15.832031zm0 0"/> + <path d="m334.691406 404.0625c-4.375-7.570312-14.058594-10.160156-21.628906-5.785156s-10.164062 14.0625-5.785156 21.632812c4.375 7.570313 14.058594 10.160156 21.628906 5.785156s10.160156-14.0625 5.785156-21.632812zm0 0"/> + <path d="m387.292969 338.566406c-7.574219-4.367187-17.257813-1.765625-21.621094 5.8125-4.367187 7.574219-1.765625 17.257813 5.8125 21.621094 7.574219 4.367188 17.257813 1.765625 21.621094-5.8125 4.367187-7.574219 1.765625-17.253906-5.8125-21.621094zm0 0"/> + <path d="m169.941406 126.65625c-4.394531-7.558594-14.085937-10.125-21.644531-5.726562-7.5625 4.394531-10.125 14.085937-5.730469 21.644531 4.394532 7.558593 14.085938 10.125 21.644532 5.730469 7.558593-4.394532 10.125-14.085938 5.730468-21.648438zm0 0"/> + <path d="m105.859375 180.789062c-7.589844-4.347656-17.261719-1.71875-21.609375 5.867188-4.347656 7.589844-1.71875 17.261719 5.867188 21.609375 7.585937 4.347656 17.261718 1.722656 21.609374-5.867187 4.347657-7.585938 1.71875-17.261719-5.867187-21.609376zm0 0"/> + <path d="m93.339844 275.476562c-.035156-8.746093-7.148438-15.808593-15.894532-15.773437-8.742187.03125-15.804687 7.148437-15.773437 15.894531.035156 8.742188 7.148437 15.804688 15.894531 15.769532 8.746094-.03125 15.804688-7.148438 15.773438-15.890626zm0 0"/> + <path d="m114.003906 347.941406c-4.402344-7.554687-14.097656-10.105468-21.652344-5.703125-7.554687 4.40625-10.109374 14.101563-5.703124 21.652344 4.40625 7.554687 14.097656 10.109375 21.652343 5.703125 7.554688-4.402344 10.109375-14.097656 5.703125-21.652344zm0 0"/> + <path d="m168.121094 400.386719c-7.589844-4.335938-17.261719-1.699219-21.601563 5.894531-4.335937 7.59375-1.695312 17.261719 5.894531 21.601562 7.59375 4.335938 17.265626 1.695313 21.601563-5.894531 4.339844-7.59375 1.699219-17.265625-5.894531-21.601562zm0 0"/> + <path d="m431.980469 80.019531c-51.601563-51.597656-120.210938-80.019531-193.191407-80.019531h-15v34.878906c-58.140624 3.582032-112.300781 27.929688-153.847656 69.480469-45.101562 45.101563-69.941406 105.070313-69.941406 168.851563 0 63.777343 24.839844 123.75 69.941406 168.847656 45.097656 45.101562 105.070313 69.941406 168.847656 69.941406 63.78125 0 123.75-24.839844 168.851563-69.941406 40.578125-40.578125 64.75-93.1875 69.1875-149.777344h34.882813l.25-15.660156c.019531-1.132813.039062-2.269532.039062-3.410156 0-72.980469-28.421875-141.589844-80.019531-193.191407zm-15.351563 182.261719c-5.359375-88.203125-75.179687-159.28125-162.839844-166.621094v-65.199218c123.539063 7.550781 222.449219 107.75 227.972657 231.820312zm-177.839844 219.71875c-115.128906 0-208.789062-93.660156-208.789062-208.789062 0-110.089844 85.628906-200.539063 193.789062-208.25v60.078124h15c81.699219 0 148.171876 66.472657 148.171876 148.171876 0 1.238281-.011719 2.46875-.039063 3.699218l-.382813 15.371094h60.171876c-9.652344 106.21875-99.222657 189.71875-207.921876 189.71875zm0 0"/> +</svg> diff --git a/src/components/widgets/Features2Custom.astro b/src/components/widgets/Features2Custom.astro new file mode 100644 index 0000000..18c1546 --- /dev/null +++ b/src/components/widgets/Features2Custom.astro @@ -0,0 +1,84 @@ +--- +import WidgetWrapper from '~/components/ui/WidgetWrapper.astro'; +import Headline from '~/components/ui/Headline.astro'; +import Button from '~/components/ui/Button.astro'; +import type { Features as Props } from '~/types'; +import { Icon } from 'astro-icon/components'; +import { twMerge } from 'tailwind-merge'; +import { readFileSync } from 'fs'; +import { join } from 'path'; + +const { + title = await Astro.slots.render('title'), + subtitle = await Astro.slots.render('subtitle'), + tagline = await Astro.slots.render('tagline'), + items = [], + columns = 3, + defaultIcon, + + id, + isDark = false, + classes = {}, + bg = await Astro.slots.render('bg'), +} = Astro.props; + +const { + container: containerClass = '', + panel: panelClass = '', + title: titleClass = '', + description: descriptionClass = '', + icon: defaultIconClass = 'text-primary', +} = classes as Record<string, string>; +--- + +<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-7xl mx-auto ${classes?.container ?? ''}`} bg={bg}> + <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} /> + + { + items && items.length > 0 && ( + <div + class={twMerge( + `grid gap-8 gap-x-12 sm:gap-y-8 ${ + columns === 4 + ? 'lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2' + : columns === 3 + ? 'lg:grid-cols-3 sm:grid-cols-2' + : columns === 2 + ? 'sm:grid-cols-2 ' + : '' + }`, + containerClass + )} + > + {items.map(({ title, description, icon, iconSvg, callToAction, classes: itemClasses = {} }) => ( + <div + class={twMerge( + 'relative flex flex-col intersect-once intersect-quarter intercept-no-queue motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade rounded-lg shadow-[0_4px_30px_rgba(0,0,0,0.1)] dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] backdrop-blur border border-[#ffffff29] bg-white dark:bg-slate-900 p-6', + panelClass, + itemClasses?.panel + )} + > + {(icon || iconSvg || defaultIcon) && ( + <div class={twMerge('mb-6 w-12 h-12', defaultIconClass, itemClasses?.icon)}> + {iconSvg ? ( + <div set:html={readFileSync(join(process.cwd(), iconSvg.replace('/src/', 'src/')), 'utf-8')} /> + ) : ( + <Icon name={icon || defaultIcon} class="w-full h-full" /> + )} + </div> + )} + <div class={twMerge('text-xl font-bold', titleClass, itemClasses?.title)}>{title}</div> + {description && ( + <p class={twMerge('text-muted mt-2', descriptionClass, itemClasses?.description)} set:html={description} /> + )} + {callToAction && ( + <div class="mt-2"> + <Button {...callToAction} /> + </div> + )} + </div> + ))} + </div> + ) + } +</WidgetWrapper>
\ No newline at end of file diff --git a/src/pages/index.astro b/src/pages/index.astro index 510a069..a40b445 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -4,7 +4,7 @@ import Layout from '~/layouts/PageLayout.astro'; import Hero from '~/components/widgets/Hero2.astro'; import Note from '~/components/widgets/Note.astro'; import Features from '~/components/widgets/Features.astro'; -import Features2 from '~/components/widgets/Features2.astro'; +import Features2Custom from '~/components/widgets/Features2Custom.astro'; import Steps2 from '~/components/widgets/Steps2.astro'; import Content from '~/components/widgets/Content.astro'; import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro'; @@ -32,7 +32,7 @@ const metadata = { }, { text: 'Usługi', href: '#features' }, ]} - image={{ src: '~/assets/images/hero-image.jpg', alt: 'CustomWorks - Profesjonalne usługi detailingu samochodowego' }} + image={{ src: '~/assets/images/hero-image.webp', alt: 'CustomWorks - Profesjonalne usługi detailingu samochodowego' }} > <Fragment slot="title"> <span class="text-accent dark:text-white"> @@ -48,54 +48,53 @@ const metadata = { <!-- Oferowane usługi *************** --> - <Features2 + <Features2Custom id="features" title="Usługi" - columns={2} + columns={4} items={[ { title: 'Renowacja lakieru', description: 'Przywracam blask i witalność Twojego samochodu, usuwając wszelkie rysy, zadrapania i oznaki zużycia', - icon: 'tabler:spray', + iconSvg: '/src/assets/images/spray-gun.svg', }, { title: 'Detailing wnętrz', description: 'Pielęgnuję wnętrze Twojego samochodu, stosując zaawansowane metody czyszczenia i zabezpieczania materiałów', - icon: 'tabler:car', + iconSvg: '/src/assets/images/interior-detailing.svg', }, { title: 'Powłoki ochronne', description: 'Specjalizuję się w aplikacji powłok ceramicznych, grafenowych i kwarcowych, zapewniając najwyższą jakość ochrony lakieru, a jednocześnie zachwycając wyglądem', - icon: 'tabler:shield-check', + iconSvg: '/src/assets/images/ceramic-coating.svg', }, { title: 'Niewidzialne wycieraczki', description: 'Zapewniam czyste i suche szyby dzięki rewolucyjnym niewidzialnym wycieraczkom, które utrzymują widoczność nawet w trudnych warunkach atmosferycznych', - icon: 'tabler:droplet', + iconSvg: '/src/assets/images/invisible-wipers.svg', }, { title: 'Ochrona lakieru foliami PPF', description: 'Zabezpieczam Twoje auto przed uszkodzeniami mechanicznymi, odpryskami i rysami, dzięki innowacyjnym foliom ochronnym PPF', - icon: 'tabler:shield', + iconSvg: '/src/assets/images/ppf-protection.svg', }, { title: 'Czyszczenie komory silnika', description: 'Dbam o serce Twojego samochodu, przeprowadzając profesjonalne czyszczenie komory silnika oraz jego podzespołów', - icon: 'tabler:engine', + iconSvg: '/src/assets/images/engine-cleaning.svg', }, { title: 'Zmiana koloru foliami', description: 'Daję Ci możliwość szybkiej i skutecznej metamorfozy Twojego pojazdu poprzez zmianę koloru za pomocą wysokiej jakości folii', - icon: 'tabler:palette', + iconSvg: '/src/assets/images/color-change.svg', }, { title: 'Tuning wizualny', description: 'Realizuję Twoje wizje i pomysły na wyjątkowy wygląd samochodu, oferując szeroki zakres opcji stylizacji zewnętrznej i wewnętrznej', - icon: 'tabler:settings', + iconSvg: '/src/assets/images/visual-tuning.svg', }, ]} - > - </Features2> + /> <!-- SEO1 **************** --> diff --git a/src/types.d.ts b/src/types.d.ts index 81dca02..3ea8a65 100644 --- a/src/types.d.ts +++ b/src/types.d.ts @@ -136,6 +136,7 @@ export interface Item { title?: string; description?: string; icon?: string; + iconSvg?: string; classes?: Record<string, string>; callToAction?: CallToAction; image?: Image; |
