From 87410dcbbd7066203c100f2cd8347cb14735f50f Mon Sep 17 00:00:00 2001
From: DanZalov <danzalov@gmail.com>
Date: Mon, 11 Mar 2024 05:16:10 +0400
Subject: [PATCH] home updated

---
 src/assets/pinia.svg                  |   1 +
 src/components/icons/PiniaPicture.vue | 105 ++++++++++++++++++++++++++
 src/components/icons/VuePicture.vue   |  12 +++
 src/views/HomeView.vue                |  40 ++++++++++
 4 files changed, 158 insertions(+)
 create mode 100644 src/assets/pinia.svg
 create mode 100644 src/components/icons/PiniaPicture.vue
 create mode 100644 src/components/icons/VuePicture.vue

diff --git a/src/assets/pinia.svg b/src/assets/pinia.svg
new file mode 100644
index 0000000..d96f052
--- /dev/null
+++ b/src/assets/pinia.svg
@@ -0,0 +1 @@
+<svg width="256" height="330.307" viewBox="0 0 256 330.307" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid"><title>Pinia</title><defs><linearGradient x1="55.342%" y1="0%" x2="42.817%" y2="42.863%" id="a"><stop stop-color="#52CE63" offset="0%"/><stop stop-color="#51A256" offset="100%"/></linearGradient><linearGradient x1="55.349%" y1="0%" x2="42.808%" y2="42.863%" id="b"><stop stop-color="#52CE63" offset="0%"/><stop stop-color="#51A256" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="58.811%" id="c"><stop stop-color="#8AE99C" offset="0%"/><stop stop-color="#52CE63" offset="100%"/></linearGradient><linearGradient x1="51.378%" y1="17.473%" x2="44.585%" y2="100%" id="d"><stop stop-color="#FFE56C" offset="0%"/><stop stop-color="#FFC63A" offset="100%"/></linearGradient></defs><g><path d="M67.559655,173.328355 C97.9259569,170.343293 108.640648,145.679806 112.295008,108.504905 C115.949368,71.3300038 91.1213747,37.6908582 80.7932634,38.7061302 C70.4651528,39.7214023 37.6422698,79.0277331 33.9879096,116.202635 C30.3335494,153.377536 37.1933525,176.313418 67.559655,173.328355 Z" fill="url(#a)" transform="translate(72.876665, 106.136087) rotate(-38.000000) translate(-72.876665, -106.136087)"/><path d="M184.454259,186.277487 C214.820562,189.26255 220.848105,166.244855 217.193745,129.069953 C213.539385,91.8950525 181.548761,52.670534 171.22065,51.655262 C160.892539,50.63999 135.232286,84.1973232 138.886647,121.372224 C142.541007,158.547125 154.087957,183.292425 184.454259,186.277487 Z" fill="url(#b)" transform="translate(178.339794, 119.084792) rotate(52.000000) translate(-178.339794, -119.084792)"/><path d="M129.232337,151.601006 C156.573231,151.601006 164.11033,125.416841 164.11033,84.5875801 C164.11033,43.7583187 138.531454,3.74517147 129.232337,3.74517147 C119.93322,3.74517147 93.6050019,43.7583187 93.6050019,84.5875801 C93.6050019,125.416841 101.891443,151.601006 129.232337,151.601006 Z" fill="url(#c)" transform="translate(128.857666, 77.673089) rotate(7.000000) translate(-128.857666, -77.673089)"/><path d="M113.385791,330.307183 C170.282122,330.307183 216.423871,313.779401 216.423871,238.824707 C216.423871,163.870013 170.282122,102.362772 113.385791,102.362772 C56.4894592,102.362772 10.3840274,163.870013 10.3840274,238.824707 C10.3840274,313.779401 56.4894592,330.307183 113.385791,330.307183 Z" fill="url(#d)"/><ellipse fill="#EAADCC" cx="165.427" cy="216.677" rx="14.717" ry="6.845"/><ellipse fill="#EAADCC" transform="translate(57.273494, 212.570129) rotate(7.000000) translate(-57.273494, -212.570129)" cx="57.273" cy="212.57" rx="14.717" ry="6.845"/><path d="M121.06293,209.635735 C121.646667,208.663347 122.908156,208.348283 123.880544,208.93202 C124.852932,209.515758 125.167995,210.777246 124.584258,211.749634 C121.682177,216.583913 116.984385,219.547755 110.655726,220.608936 C104.354402,221.665533 98.6093579,220.337697 93.5483956,216.647065 C92.6320268,215.978817 92.4308854,214.694231 93.0991337,213.777862 C93.767382,212.861494 95.051968,212.660352 95.9683367,213.328601 C100.130898,216.364086 104.757696,217.433465 109.976534,216.558378 C115.168037,215.687873 118.808555,213.391067 121.06293,209.635735 Z" fill="#000000" transform="translate(108.791064, 214.799573) scale(-1, 1) rotate(3.000000) translate(-108.791064, -214.799573)"/><path d="M66.3331568,178.621277 C62.2688018,178.621277 58.5893567,180.268431 55.9259925,182.931552 C53.262575,185.594727 51.6152557,189.273921 51.6152557,193.338024 C51.6152557,197.402477 53.2625394,201.081797 55.9258632,203.74504 C58.5892437,206.408339 62.2687395,208.05554 66.3331568,208.05554 C70.3972133,208.05554 74.0763505,206.408324 76.7394606,203.744971 C79.4024394,201.08175 81.0495191,197.40246 81.0495191,193.338024 C81.0495191,189.273938 79.4024038,185.594774 76.7393319,182.931621 C74.0762368,180.268445 70.397151,178.621277 66.3331568,178.621277 Z" fill="#000000" transform="translate(66.332387, 193.338409) scale(-1, 1) rotate(2.000000) translate(-66.332387, -193.338409)"/><path d="M57.0104955,191.099336 C57.0104955,188.4533 59.1567064,186.307712 61.801718,186.307712 C64.4483367,186.307712 66.5937441,188.4533 66.5937441,191.099336 C66.5937441,193.745373 64.4483367,195.890961 61.801718,195.890961 C59.1567064,195.890157 57.0104955,193.745373 57.0104955,191.099336 Z" fill="#FFFFFF" transform="translate(61.802120, 191.099336) scale(-1, 1) rotate(2.000000) translate(-61.802120, -191.099336)"/><path d="M155.50438,182.356672 C151.440036,182.356672 147.760824,184.003805 145.097661,186.666887 C142.434411,189.330056 140.787248,193.00927 140.787248,197.073419 C140.787248,201.137918 142.434376,204.817258 145.097532,207.480495 C147.760711,210.143755 151.439974,211.790935 155.50438,211.790935 C159.568448,211.790935 163.247817,210.143699 165.911129,207.480306 C168.574276,204.817079 170.221512,201.13781 170.221512,197.073419 C170.221512,193.009378 168.57424,189.330235 165.911,186.667076 C163.247704,184.003861 159.568385,182.356672 155.50438,182.356672 Z" fill="#000000" transform="translate(155.504380, 197.073804) scale(-1, 1) rotate(2.000000) translate(-155.504380, -197.073804)"/><path d="M65.710496,175.551815 C75.534413,175.208757 83.7759539,182.893524 84.1189939,192.716902 C84.4620544,202.54087 76.7768358,210.78199 66.952741,211.125055 C57.1293924,211.468094 48.8888139,203.783092 48.5457542,193.959147 C48.2027151,184.135792 55.8873252,175.894848 65.710496,175.551815 Z M77.962087,192.931906 C77.7377925,186.508952 72.3491093,181.484405 65.9254999,181.708722 C59.5027162,181.933011 54.4783646,187.321133 54.702661,193.744143 C54.9269805,200.167812 60.314844,205.192441 66.737737,204.968148 C73.1614557,204.743827 78.1864045,199.355518 77.962087,192.931906 Z" fill="#FFFFFF"/><path d="M154.883258,179.287184 C164.70702,178.94413 172.947941,186.628765 173.290987,196.452297 C173.634053,206.27642 165.949442,214.517364 156.125503,214.860423 C146.301999,215.203468 138.060801,207.518332 137.717747,197.694542 C137.374713,187.871342 145.059932,179.630222 154.883258,179.287184 Z M167.13408,196.667301 C166.909779,190.244181 161.521705,185.219779 155.098262,185.444091 C148.675312,185.668385 143.650363,191.056694 143.874654,197.479538 C144.098968,203.903041 149.48744,208.927815 155.910499,208.703517 C162.334051,208.479201 167.358403,203.091079 167.13408,196.667301 Z" fill="#FFFFFF"/><path d="M146.182488,194.834732 C146.182488,192.188695 148.328076,190.043107 150.974113,190.043107 C153.620149,190.043107 155.765737,192.188695 155.765737,194.834732 C155.765737,197.480769 153.620149,199.626356 150.974113,199.626356 C148.328076,199.626356 146.182488,197.480769 146.182488,194.834732 Z" fill="#FFFFFF" transform="translate(150.974113, 194.834732) scale(-1, 1) rotate(2.000000) translate(-150.974113, -194.834732)"/><path d="M38.0834294,243.160497 L60.4133717,266.395125 L76.4348894,249.351319 C77.8590008,247.836307 80.2416313,247.762617 81.7566434,249.186728 C83.2716556,250.61084 83.3453452,252.99347 81.9212337,254.508482 L65.6376112,271.831565 L88.7377431,295.868364 C90.1785127,297.367543 90.1311624,299.750842 88.6319832,301.191612 C87.132804,302.632381 84.7495047,302.585031 83.3087351,301.085852 L60.4736093,277.32482 L49.7488993,288.73437 C48.3247879,290.249382 45.9421575,290.323072 44.4271453,288.89896 C42.9121332,287.474849 42.8384436,285.092219 44.262555,283.577206 L55.2493698,271.889065 L32.6544214,248.377985 C31.2136518,246.878806 31.2610021,244.495506 32.7601813,243.054737 C34.2593604,241.613967 36.6426598,241.661318 38.0834294,243.160497 Z" fill="#ECB732"/><path d="M188.039951,243.160497 C189.480721,241.661318 191.86402,241.613967 193.363199,243.054737 C194.862379,244.495506 194.909729,246.878806 193.468959,248.377985 L170.873317,271.889065 L181.860826,283.577206 C183.245378,285.050135 183.214186,287.34315 181.819149,288.778105 L181.696235,288.89896 C180.181223,290.323072 177.798593,290.249382 176.374481,288.73437 L165.649078,277.32482 L142.814646,301.085852 C141.413897,302.543387 139.122255,302.628631 137.618337,301.308232 L137.491397,301.191612 C135.992218,299.750842 135.944868,297.367543 137.385638,295.868364 L160.485076,271.831565 L144.202147,254.508482 C142.817594,253.035554 142.848787,250.742539 144.243824,249.307584 L144.366737,249.186728 C145.881749,247.762617 148.26438,247.836307 149.688491,249.351319 L165.709315,266.395125 L188.039951,243.160497 Z" fill="#ECB732"/><path d="M136.601631,126.739074 C138.071896,128.209338 138.071896,130.593108 136.601631,132.063372 L119.071072,149.594497 L129.756454,160.280443 C131.185877,161.709867 131.225584,164.002751 129.875572,165.480145 L129.756454,165.604742 C128.286189,167.075007 125.902419,167.075007 124.432155,165.604742 L113.746208,154.91936 L103.060261,165.604742 C101.589997,167.075007 99.2062271,167.075007 97.7359626,165.604742 C96.2656982,164.134478 96.2656982,161.750708 97.7359626,160.280443 L108.421345,149.594497 L90.8907851,132.063372 C89.4613613,130.633948 89.4216551,128.341065 90.7716664,126.863671 L90.8907851,126.739074 C92.3610495,125.268809 94.7448192,125.268809 96.2150837,126.739074 L113.746208,144.269633 L131.277333,126.739074 C132.747597,125.268809 135.131367,125.268809 136.601631,126.739074 Z" fill="#FFC73B"/></g></svg>
\ No newline at end of file
diff --git a/src/components/icons/PiniaPicture.vue b/src/components/icons/PiniaPicture.vue
new file mode 100644
index 0000000..675c8aa
--- /dev/null
+++ b/src/components/icons/PiniaPicture.vue
@@ -0,0 +1,105 @@
+<template>
+  <svg
+    width="40"
+    height="40"
+    viewBox="0 0 256 330.307"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    preserveAspectRatio="xMidYMid"
+  >
+    <title>Pinia</title>
+    <defs>
+      <linearGradient x1="55.342%" y1="0%" x2="42.817%" y2="42.863%" id="a">
+        <stop stop-color="#52CE63" offset="0%" />
+        <stop stop-color="#51A256" offset="100%" />
+      </linearGradient>
+      <linearGradient x1="55.349%" y1="0%" x2="42.808%" y2="42.863%" id="b">
+        <stop stop-color="#52CE63" offset="0%" />
+        <stop stop-color="#51A256" offset="100%" />
+      </linearGradient>
+      <linearGradient x1="50%" y1="0%" x2="50%" y2="58.811%" id="c">
+        <stop stop-color="#8AE99C" offset="0%" />
+        <stop stop-color="#52CE63" offset="100%" />
+      </linearGradient>
+      <linearGradient x1="51.378%" y1="17.473%" x2="44.585%" y2="100%" id="d">
+        <stop stop-color="#FFE56C" offset="0%" />
+        <stop stop-color="#FFC63A" offset="100%" />
+      </linearGradient>
+    </defs>
+    <g>
+      <path
+        d="M67.559655,173.328355 C97.9259569,170.343293 108.640648,145.679806 112.295008,108.504905 C115.949368,71.3300038 91.1213747,37.6908582 80.7932634,38.7061302 C70.4651528,39.7214023 37.6422698,79.0277331 33.9879096,116.202635 C30.3335494,153.377536 37.1933525,176.313418 67.559655,173.328355 Z"
+        fill="url(#a)"
+        transform="translate(72.876665, 106.136087) rotate(-38.000000) translate(-72.876665, -106.136087)"
+      />
+      <path
+        d="M184.454259,186.277487 C214.820562,189.26255 220.848105,166.244855 217.193745,129.069953 C213.539385,91.8950525 181.548761,52.670534 171.22065,51.655262 C160.892539,50.63999 135.232286,84.1973232 138.886647,121.372224 C142.541007,158.547125 154.087957,183.292425 184.454259,186.277487 Z"
+        fill="url(#b)"
+        transform="translate(178.339794, 119.084792) rotate(52.000000) translate(-178.339794, -119.084792)"
+      />
+      <path
+        d="M129.232337,151.601006 C156.573231,151.601006 164.11033,125.416841 164.11033,84.5875801 C164.11033,43.7583187 138.531454,3.74517147 129.232337,3.74517147 C119.93322,3.74517147 93.6050019,43.7583187 93.6050019,84.5875801 C93.6050019,125.416841 101.891443,151.601006 129.232337,151.601006 Z"
+        fill="url(#c)"
+        transform="translate(128.857666, 77.673089) rotate(7.000000) translate(-128.857666, -77.673089)"
+      />
+      <path
+        d="M113.385791,330.307183 C170.282122,330.307183 216.423871,313.779401 216.423871,238.824707 C216.423871,163.870013 170.282122,102.362772 113.385791,102.362772 C56.4894592,102.362772 10.3840274,163.870013 10.3840274,238.824707 C10.3840274,313.779401 56.4894592,330.307183 113.385791,330.307183 Z"
+        fill="url(#d)"
+      />
+      <ellipse fill="#EAADCC" cx="165.427" cy="216.677" rx="14.717" ry="6.845" />
+      <ellipse
+        fill="#EAADCC"
+        transform="translate(57.273494, 212.570129) rotate(7.000000) translate(-57.273494, -212.570129)"
+        cx="57.273"
+        cy="212.57"
+        rx="14.717"
+        ry="6.845"
+      />
+      <path
+        d="M121.06293,209.635735 C121.646667,208.663347 122.908156,208.348283 123.880544,208.93202 C124.852932,209.515758 125.167995,210.777246 124.584258,211.749634 C121.682177,216.583913 116.984385,219.547755 110.655726,220.608936 C104.354402,221.665533 98.6093579,220.337697 93.5483956,216.647065 C92.6320268,215.978817 92.4308854,214.694231 93.0991337,213.777862 C93.767382,212.861494 95.051968,212.660352 95.9683367,213.328601 C100.130898,216.364086 104.757696,217.433465 109.976534,216.558378 C115.168037,215.687873 118.808555,213.391067 121.06293,209.635735 Z"
+        fill="#000000"
+        transform="translate(108.791064, 214.799573) scale(-1, 1) rotate(3.000000) translate(-108.791064, -214.799573)"
+      />
+      <path
+        d="M66.3331568,178.621277 C62.2688018,178.621277 58.5893567,180.268431 55.9259925,182.931552 C53.262575,185.594727 51.6152557,189.273921 51.6152557,193.338024 C51.6152557,197.402477 53.2625394,201.081797 55.9258632,203.74504 C58.5892437,206.408339 62.2687395,208.05554 66.3331568,208.05554 C70.3972133,208.05554 74.0763505,206.408324 76.7394606,203.744971 C79.4024394,201.08175 81.0495191,197.40246 81.0495191,193.338024 C81.0495191,189.273938 79.4024038,185.594774 76.7393319,182.931621 C74.0762368,180.268445 70.397151,178.621277 66.3331568,178.621277 Z"
+        fill="#000000"
+        transform="translate(66.332387, 193.338409) scale(-1, 1) rotate(2.000000) translate(-66.332387, -193.338409)"
+      />
+      <path
+        d="M57.0104955,191.099336 C57.0104955,188.4533 59.1567064,186.307712 61.801718,186.307712 C64.4483367,186.307712 66.5937441,188.4533 66.5937441,191.099336 C66.5937441,193.745373 64.4483367,195.890961 61.801718,195.890961 C59.1567064,195.890157 57.0104955,193.745373 57.0104955,191.099336 Z"
+        fill="#FFFFFF"
+        transform="translate(61.802120, 191.099336) scale(-1, 1) rotate(2.000000) translate(-61.802120, -191.099336)"
+      />
+      <path
+        d="M155.50438,182.356672 C151.440036,182.356672 147.760824,184.003805 145.097661,186.666887 C142.434411,189.330056 140.787248,193.00927 140.787248,197.073419 C140.787248,201.137918 142.434376,204.817258 145.097532,207.480495 C147.760711,210.143755 151.439974,211.790935 155.50438,211.790935 C159.568448,211.790935 163.247817,210.143699 165.911129,207.480306 C168.574276,204.817079 170.221512,201.13781 170.221512,197.073419 C170.221512,193.009378 168.57424,189.330235 165.911,186.667076 C163.247704,184.003861 159.568385,182.356672 155.50438,182.356672 Z"
+        fill="#000000"
+        transform="translate(155.504380, 197.073804) scale(-1, 1) rotate(2.000000) translate(-155.504380, -197.073804)"
+      />
+      <path
+        d="M65.710496,175.551815 C75.534413,175.208757 83.7759539,182.893524 84.1189939,192.716902 C84.4620544,202.54087 76.7768358,210.78199 66.952741,211.125055 C57.1293924,211.468094 48.8888139,203.783092 48.5457542,193.959147 C48.2027151,184.135792 55.8873252,175.894848 65.710496,175.551815 Z M77.962087,192.931906 C77.7377925,186.508952 72.3491093,181.484405 65.9254999,181.708722 C59.5027162,181.933011 54.4783646,187.321133 54.702661,193.744143 C54.9269805,200.167812 60.314844,205.192441 66.737737,204.968148 C73.1614557,204.743827 78.1864045,199.355518 77.962087,192.931906 Z"
+        fill="#FFFFFF"
+      />
+      <path
+        d="M154.883258,179.287184 C164.70702,178.94413 172.947941,186.628765 173.290987,196.452297 C173.634053,206.27642 165.949442,214.517364 156.125503,214.860423 C146.301999,215.203468 138.060801,207.518332 137.717747,197.694542 C137.374713,187.871342 145.059932,179.630222 154.883258,179.287184 Z M167.13408,196.667301 C166.909779,190.244181 161.521705,185.219779 155.098262,185.444091 C148.675312,185.668385 143.650363,191.056694 143.874654,197.479538 C144.098968,203.903041 149.48744,208.927815 155.910499,208.703517 C162.334051,208.479201 167.358403,203.091079 167.13408,196.667301 Z"
+        fill="#FFFFFF"
+      />
+      <path
+        d="M146.182488,194.834732 C146.182488,192.188695 148.328076,190.043107 150.974113,190.043107 C153.620149,190.043107 155.765737,192.188695 155.765737,194.834732 C155.765737,197.480769 153.620149,199.626356 150.974113,199.626356 C148.328076,199.626356 146.182488,197.480769 146.182488,194.834732 Z"
+        fill="#FFFFFF"
+        transform="translate(150.974113, 194.834732) scale(-1, 1) rotate(2.000000) translate(-150.974113, -194.834732)"
+      />
+      <path
+        d="M38.0834294,243.160497 L60.4133717,266.395125 L76.4348894,249.351319 C77.8590008,247.836307 80.2416313,247.762617 81.7566434,249.186728 C83.2716556,250.61084 83.3453452,252.99347 81.9212337,254.508482 L65.6376112,271.831565 L88.7377431,295.868364 C90.1785127,297.367543 90.1311624,299.750842 88.6319832,301.191612 C87.132804,302.632381 84.7495047,302.585031 83.3087351,301.085852 L60.4736093,277.32482 L49.7488993,288.73437 C48.3247879,290.249382 45.9421575,290.323072 44.4271453,288.89896 C42.9121332,287.474849 42.8384436,285.092219 44.262555,283.577206 L55.2493698,271.889065 L32.6544214,248.377985 C31.2136518,246.878806 31.2610021,244.495506 32.7601813,243.054737 C34.2593604,241.613967 36.6426598,241.661318 38.0834294,243.160497 Z"
+        fill="#ECB732"
+      />
+      <path
+        d="M188.039951,243.160497 C189.480721,241.661318 191.86402,241.613967 193.363199,243.054737 C194.862379,244.495506 194.909729,246.878806 193.468959,248.377985 L170.873317,271.889065 L181.860826,283.577206 C183.245378,285.050135 183.214186,287.34315 181.819149,288.778105 L181.696235,288.89896 C180.181223,290.323072 177.798593,290.249382 176.374481,288.73437 L165.649078,277.32482 L142.814646,301.085852 C141.413897,302.543387 139.122255,302.628631 137.618337,301.308232 L137.491397,301.191612 C135.992218,299.750842 135.944868,297.367543 137.385638,295.868364 L160.485076,271.831565 L144.202147,254.508482 C142.817594,253.035554 142.848787,250.742539 144.243824,249.307584 L144.366737,249.186728 C145.881749,247.762617 148.26438,247.836307 149.688491,249.351319 L165.709315,266.395125 L188.039951,243.160497 Z"
+        fill="#ECB732"
+      />
+      <path
+        d="M136.601631,126.739074 C138.071896,128.209338 138.071896,130.593108 136.601631,132.063372 L119.071072,149.594497 L129.756454,160.280443 C131.185877,161.709867 131.225584,164.002751 129.875572,165.480145 L129.756454,165.604742 C128.286189,167.075007 125.902419,167.075007 124.432155,165.604742 L113.746208,154.91936 L103.060261,165.604742 C101.589997,167.075007 99.2062271,167.075007 97.7359626,165.604742 C96.2656982,164.134478 96.2656982,161.750708 97.7359626,160.280443 L108.421345,149.594497 L90.8907851,132.063372 C89.4613613,130.633948 89.4216551,128.341065 90.7716664,126.863671 L90.8907851,126.739074 C92.3610495,125.268809 94.7448192,125.268809 96.2150837,126.739074 L113.746208,144.269633 L131.277333,126.739074 C132.747597,125.268809 135.131367,125.268809 136.601631,126.739074 Z"
+        fill="#FFC73B"
+      />
+    </g>
+  </svg>
+</template>
diff --git a/src/components/icons/VuePicture.vue b/src/components/icons/VuePicture.vue
new file mode 100644
index 0000000..dcae654
--- /dev/null
+++ b/src/components/icons/VuePicture.vue
@@ -0,0 +1,12 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69">
+    <path
+      d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z"
+      fill="#41b883"
+    />
+    <path
+      d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z"
+      fill="#34495e"
+    />
+  </svg>
+</template>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index ff22a20..0b47ada 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,3 +1,43 @@
+<script setup lang="ts">
+import VuePicture from '@/components/icons/VuePicture.vue'
+import PiniaPicture from '@/components/icons/PiniaPicture.vue'
+</script>
+
 <template>
   <h1>Всем привет!</h1>
+  <h2>
+    <div>
+      <span>Это приложение на Vue 3</span>
+      <div class="picture">
+        <VuePicture />
+      </div>
+    </div>
+    <div>
+      <span>с использованием Pinia</span>
+      <PiniaPicture />
+    </div>
+    <div class="last">"Таск-менеджер"</div>
+  </h2>
 </template>
+
+<style scoped>
+.picture {
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+}
+
+div {
+  display: flex;
+  align-items: center;
+  margin-top: 10px;
+}
+
+.last {
+  margin-top: 20px;
+}
+
+span {
+  margin-right: 20px;
+}
+</style>