diff --git a/app/[lang]/docs/icon.svg b/app/[lang]/docs/icon.svg
new file mode 100644
index 00000000..1a429177
--- /dev/null
+++ b/app/[lang]/docs/icon.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="500" height="534" viewBox="175 29 500 534" preserveAspectRatio="none">
+<desc>Created with SVGMaker Editor 2.2.3</desc>
+<defs>
+</defs>
+<path transform="translate(0,0)" style="fill: rgb(92,74,153); opacity: 0.3" stroke-linecap="round" d="M442.1714 264.3279C437.2117 264.2748 432.2826 265.1119 427.6184 266.7997 423.3866 268.3361 419.4712 270.6326 416.0648 273.5763 412.789 276.3905 410.0911 279.8144 408.1217 283.6579 406.189 287.4003 405.0631 291.5065 404.8167 295.7114L460.2239 295.7114C464.2062 291.0413 467.9156 286.1452 471.3331 281.0472 470.0288 278.3457 468.3661 275.8328 466.3895 273.5763Q458.3075 264.3279 442.1714 264.3279Z"/>
+<path transform="translate(0,0)" style="fill: rgb(92,74,153); opacity: 0.3" stroke-linecap="round" d="M406.566 336.983Q413.787 333.5114 420.6191 329.4288L404.8163 329.4288C405.0632 332.013 405.6517 334.5532 406.566 336.983Z"/>
+<path transform="translate(0,0)" style="fill: rgb(92,74,153); opacity: 0.3" stroke-linecap="round" d="M352.9627 315.2064C352.7749 302.6966 355.1373 290.2796 359.9059 278.7127 364.206 268.2653 370.6055 258.8125 378.7083 250.9397 386.8316 243.236 396.4041 237.2226 406.8701 233.2483 418.0532 229.0007 429.9294 226.8722 441.8918 226.9716 453.2927 226.8505 464.6096 228.9349 475.2194 233.1094 480.6846 235.2521 485.8698 238.05 490.6612 241.4413 513.2532 172.9295 487.6926 97.7416 428.0253 57.1941 368.3578 16.6467 289.0409 20.5641 233.6593 66.7936 178.2777 113.0232 160.2503 190.3637 189.4833 256.316 218.7161 322.2685 288.1263 360.853 359.5727 350.867 355.0209 339.5375 352.7738 327.4143 352.9627 315.2064Z"/>
+<g transform="matrix(2.7773 0 0 2.7773 337.5761 191.3707)" id="Layer_1">
+<linearGradient id="SVGID_linear-gradient_100" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1 0 0 1 0 0)" x1="184.45" y1="259.28" x2="263.57" y2="259.28">
+<stop offset="0%" style="stop-color:rgb(104,198,228);stop-opacity: 1"/>
+<stop offset="100%" style="stop-color:rgb(92,74,153);stop-opacity: 1"/>
+</linearGradient>
+<path transform=" translate(-224.0498, -259.3014)" style="fill: url(#SVGID_linear-gradient_100); opacity: 0.8" stroke-linecap="round" d="M 232.09 290.75 C 233.6383 286.9883 235.9425 283.5847 238.86 280.75 C 241.7849 277.9762 245.2316 275.811 249 274.38 C 252.9759 272.8692 257.1968 272.1064 261.45 272.13 C 267.2067 255.3483 261.0806 236.7868 246.4656 226.7286 C 231.8507 216.6704 212.3254 217.5783 198.707 228.9494 C 185.0886 240.3205 180.7115 259.3705 188.0006 275.5455 C 195.2898 291.7205 212.4605 301.0601 230 298.39 C 230.3671 295.7644 231.0695 293.1968 232.09 290.75 Z"/>
+</g>
+<path transform="translate(0,0)" style="fill: rgb(92,74,153); opacity: 0.3" stroke-linecap="round" d="M523.9345 305.0175C524.2678 308.7391 524.4344 312.5717 524.4344 316.5433L524.4344 323.1255C524.4344 325.3195 524.2956 327.4303 524.1012 329.4299L404.8161 329.4299C405.1969 333.8714 406.6141 338.1615 408.9543 341.9556 411.3236 345.7199 414.3867 348.9999 417.9805 351.6206 421.6616 354.4259 425.7811 356.603 430.1729 358.0639 434.6965 359.6086 439.446 360.3877 444.226 360.3691 451.7772 360.6118 459.2701 358.9701 466.0278 355.5921 471.7388 352.5954 476.7101 348.3642 480.5809 343.2053L518.2411 367.0068C510.5382 378.2096 499.9945 387.1625 487.6908 392.9468 473.8645 399.2371 458.8018 402.3407 443.615 402.0286 431.6859 402.1105 419.8313 400.1472 408.5655 396.224 397.8743 392.5866 388.0098 386.8662 379.5427 379.3936 371.1636 371.8179 364.5303 362.5123 360.1016 352.1205 355.1641 340.4242 352.7417 327.8202 352.9917 315.1268 352.804 302.617 355.1663 290.2 359.935 278.6331 366.225 263.0652 377.2528 249.8706 391.4573 240.9174 317.0951 242.7257 253.6407 295.2158 237.9257 367.9211 222.2106 440.6266 258.3216 514.6375 325.299 546.9961 392.2761 579.3547 472.7003 561.6447 519.8902 504.146 567.0804 446.647 568.7632 364.3134 523.9623 304.9342Z"/>
+<path transform="translate(0,0)" style="fill: rgb(92,74,153); opacity: 0.3" stroke-linecap="round" d="M442.1714 264.3279C437.2117 264.2748 432.2826 265.1119 427.6184 266.7997 423.3866 268.3361 419.4712 270.6326 416.0648 273.5763 412.789 276.3905 410.0911 279.8144 408.1217 283.6579 406.189 287.4003 405.0631 291.5065 404.8167 295.7114L474.527 295.7114C474.7158 287.5536 471.831 279.623 466.445 273.493Q458.3075 264.3279 442.1714 264.3279Z"/>
+<path transform="translate(0,0)" style="fill: rgb(92,74,153); opacity: 0.3" stroke-linecap="round" d="M675.2781 310.3434L674.8271 296.0728C669.9854 208.3377 595.7254 140.669 507.9191 143.9796 420.1128 147.2904 351.1592 220.3589 352.938 308.2096 352.938 309.2928 352.938 310.3482 352.938 311.4313 353.1916 300.1757 355.5267 289.0646 359.8257 278.6592 364.1258 268.2118 370.5253 258.759 378.628 250.8862 386.7808 243.1931 396.3819 237.1983 406.8732 233.2503 418.0563 229.0027 429.9325 226.8742 441.8949 226.9736 453.2957 226.8525 464.6127 228.9369 475.2225 233.1115 485.1133 237.0163 494.0257 243.0464 501.3292 250.7751 508.8379 258.9026 514.6285 268.4623 518.354 278.8814 522.603 290.9743 524.6718 303.7254 524.4641 316.5415L524.4641 323.1237C524.4641 325.3178 524.3252 327.4286 524.1308 329.4282L404.818 329.4282C405.1987 333.8697 406.616 338.1598 408.9562 341.9538 411.3255 345.7182 414.3886 348.9982 417.9824 351.6188 421.6634 354.4242 425.783 356.6013 430.1747 358.0622 434.6984 359.6069 439.4479 360.3859 444.2279 360.3673 451.7791 360.6101 459.2719 358.9684 466.0297 355.5904 471.7406 352.5937 476.712 348.3625 480.5827 343.2036L518.2429 367.0051C510.5401 378.2079 499.9963 387.1608 487.6926 392.9451 473.8664 399.2354 458.8037 402.339 443.6169 402.0268 431.6878 402.1088 419.8332 400.1455 408.5673 396.2223 397.8761 392.5849 388.0117 386.8644 379.5445 379.3918 371.1654 371.8162 364.5321 362.5106 360.1034 352.1188 358.8709 349.3362 357.8136 346.4792 356.9373 343.5647 373.9047 419.969 443.3355 473.1216 521.5204 469.5599 599.705 465.9981 664.0159 406.7535 673.9661 329.1227L674.6532 320.9683Z"/>
+<g transform="matrix(2.7773 0 0 2.7773 439.7329 280.0602)" id="Layer_1">
+<linearGradient id="SVGID_linear-gradient-2_101" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1 0 0 1 0 0)" x1="248.33" y1="291.22" x2="273.36" y2="291.22">
+<stop offset="0%" style="stop-color:rgb(104,198,228);stop-opacity: 1"/>
+<stop offset="100%" style="stop-color:rgb(92,74,153);stop-opacity: 1"/>
+</linearGradient>
+<path transform=" translate(-260.832, -291.2346)" style="fill: url(#SVGID_linear-gradient-2_101); opacity: 0.8" stroke-linecap="round" d="M 270.45 288.9 Q 267.52 285.57 261.71 285.57 C 259.9242 285.5509 258.1494 285.8523 256.47 286.46 C 254.9463 287.0132 253.5365 287.8401 252.31 288.9 C 251.1305 289.9133 250.1591 291.1461 249.45 292.53 C 249.1275 293.1706 248.8663 293.8402 248.67 294.53 C 248.53 295.31 248.42 296.1 248.33 296.9 L 273.33 296.9 C 273.4062 293.9667 272.3784 291.1116 270.45 288.9 Z"/>
+</g>
+<g transform="matrix(2.7773 0 0 2.7773 515.1528 308.1533)" id="Layer_1">
+<linearGradient id="SVGID_linear-gradient-3_102" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1 0 0 1 0 0)" x1="248.8" y1="301.39" x2="326.94" y2="301.39">
+<stop offset="0%" style="stop-color:rgb(104,198,228);stop-opacity: 1"/>
+<stop offset="100%" style="stop-color:rgb(92,74,153);stop-opacity: 1"/>
+</linearGradient>
+<path transform=" translate(-287.9873, -301.3497)" style="fill: url(#SVGID_linear-gradient-3_102); opacity: 0.8" stroke-linecap="round" d="M 327.1747 301.0111 L 326.94 297 C 325.2902 282.2246 315.4956 269.6216 301.5849 264.375 C 287.6741 259.1285 271.9963 262.1242 261 272.13 L 261.6 272.13 C 265.705 272.0864 269.7798 272.8369 273.6 274.34 C 277.1613 275.746 280.3703 277.9172 283 280.7 C 285.7036 283.6264 287.7886 287.0685 289.13 290.82 C 290.6599 295.1742 291.4048 299.7654 291.33 304.38 L 291.33 306.75 C 291.33 307.54 291.28 308.3 291.21 309.02 L 248.8 309.02 C 249.1456 310.762 249.6066 312.4791 250.18 314.16 C 250.9639 315.2499 251.9157 316.2085 253 317 C 254.3254 318.0101 255.8087 318.794 257.39 319.32 C 259.0188 319.8762 260.7289 320.1567 262.45 320.15 C 265.1689 320.2374 267.8668 319.6463 270.3 318.43 C 272.3563 317.351 274.1463 315.8275 275.54 313.97 L 289.1 322.54 C 286.3265 326.5737 282.5301 329.7973 278.1 331.88 C 274.512 333.5301 270.665 334.5452 266.73 334.88 C 277.7786 341.7674 291.5082 342.7792 303.447 337.5857 C 315.3859 332.3923 324.0061 321.6584 326.5 308.88 L 327.0547 304.7317 Z"/>
+</g>
+<g transform="matrix(2.7773 0 0 2.7773 395.3091 406.0306)" id="Layer_1">
+<linearGradient id="SVGID_linear-gradient-5_103" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1 0 0 1 0 0)" x1="205.26" y1="336.63" x2="284.39" y2="336.63">
+<stop offset="0%" style="stop-color:rgb(104,198,228);stop-opacity: 1"/>
+<stop offset="100%" style="stop-color:rgb(92,74,153);stop-opacity: 1"/>
+</linearGradient>
+<path transform=" translate(-244.8369, -336.5909)" style="fill: url(#SVGID_linear-gradient-5_103); opacity: 0.8" stroke-linecap="round" d="M 278.06 331.91 C 273.0817 334.1749 267.6582 335.2924 262.19 335.18 C 257.8948 335.2095 253.6264 334.5026 249.57 333.09 C 245.7322 331.7666 242.1943 329.6968 239.16 327 C 236.143 324.2723 233.7546 320.9217 232.16 317.18 C 230.3822 312.9686 229.51 308.4304 229.6 303.86 C 229.5943 302.0601 229.7179 300.2622 229.97 298.48 C 211.5405 305.9556 201.5259 325.9512 206.5773 345.1869 C 211.6288 364.4226 230.1757 376.9179 249.9002 374.374 C 269.6248 371.83 284.3944 355.0379 284.4 335.15 C 284.3954 332.8401 284.1913 330.5348 283.79 328.26 C 282.0309 329.6987 280.1075 330.9239 278.06 331.91 Z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/content/docs/icon.svg b/content/docs/icon.svg
new file mode 100644
index 00000000..026a6375
--- /dev/null
+++ b/content/docs/icon.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" ?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1"><path d="M29.22,13.95h-.28v-2.07c0-4.75-5.76-8.61-12.84-8.61S3.26,7.14,3.26,11.88v2.07h-.48c-.84,0-1.52,.68-1.52,1.52v1.06c0,.84,.68,1.52,1.52,1.52h.48v2.07c0,4.74,5.76,8.6,12.84,8.6s12.84-3.86,12.84-8.6v-2.07h.28c.84,0,1.52-.68,1.52-1.52v-1.06c0-.84-.68-1.52-1.52-1.52ZM16.1,4.78c5.85,0,10.68,2.79,11.28,6.36H4.82c.6-3.57,5.43-6.36,11.28-6.36ZM4.76,12.63H27.44v1.32H4.76v-1.32Zm11.34,14.58c-5.85,0-10.68-2.79-11.28-6.35h12.49l1.8,3c.14,.23,.38,.36,.64,.36s.51-.14,.64-.36l1.8-3h5.17c-.6,3.56-5.43,6.35-11.28,6.35Zm11.34-7.85h-5.66c-.26,0-.51,.14-.64,.36l-1.38,2.29-1.38-2.29c-.14-.23-.38-.36-.64-.36H4.76v-1.32H27.44v1.32Zm1.78-2.82l-26.46-.02,.02-1.08h1.22s0,0,0,0H28.19s0,0,0,0h1.02s.02,.02,.02,.02l-.02,1.08Z"/></svg>
\ No newline at end of file