diff --git a/assets/img/undraw_intro_1.png b/assets/img/undraw_intro_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4189be7884d870286dc0f1c99830aaf613213d6
Binary files /dev/null and b/assets/img/undraw_intro_1.png differ
diff --git a/assets/img/undraw_intro_1.svg b/assets/img/undraw_intro_1.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f45d1228f719deb85921974cf6dfafaef9f52189
--- /dev/null
+++ b/assets/img/undraw_intro_1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="928.52587" height="635.2126" viewBox="0 0 928.52587 635.2126" xmlns:xlink="http://www.w3.org/1999/xlink"><circle cx="546.40861" cy="233" r="233" fill="#f2f2f2"/><path d="M267.14836,695.73927a39.063,39.063,0,0,0,37.72112-6.64475c13.212-11.08918,17.35435-29.35853,20.72485-46.275l9.96924-50.03559-20.87165,14.37143c-15.00965,10.33508-30.35744,21.00127-40.75007,35.97113s-14.929,35.40506-6.57885,51.60315" transform="translate(-135.73706 -132.3937)" fill="#e6e6e6"/><path d="M268.93246,756.31777c-2.11249-15.38745-4.28468-30.97255-2.80288-46.52494,1.316-13.81219,5.52988-27.30282,14.10882-38.36422a63.8196,63.8196,0,0,1,16.37384-14.83745c1.63739-1.03352,3.14442,1.5614,1.51416,2.59041a60.67183,60.67183,0,0,0-23.99889,28.9564c-5.22489,13.28948-6.06393,27.77612-5.16355,41.89338.54449,8.53722,1.69847,17.01851,2.86134,25.48891a1.55428,1.55428,0,0,1-1.04766,1.84517,1.50915,1.50915,0,0,1-1.84518-1.04766Z" transform="translate(-135.73706 -132.3937)" fill="#f2f2f2"/><path d="M408.73336,735.12443a22.26366,22.26366,0,0,0,20.4619,7.60621c9.69252-1.64386,16.99541-9.4324,23.52884-16.77825l19.32458-21.72757L457.644,705.27456c-10.359.75491-20.97969,1.57515-30.4046,5.93973s-17.54587,13.10443-18.10946,23.4756" transform="translate(-135.73706 -132.3937)" fill="#e6e6e6"/><path d="M392.14858,765.42363c3.39683-8.17455,6.82128-16.46349,12.03288-23.68308,4.62846-6.41176,10.589-11.8301,17.99559-14.7958a36.37365,36.37365,0,0,1,12.32755-2.57538c1.103-.03617,1.096,1.67409-.00222,1.7101a34.57944,34.57944,0,0,0-20.14644,7.31937c-6.39969,5.028-10.988,11.90886-14.61472,19.1095-2.19317,4.35449-4.07055,8.85716-5.94042,13.35705a.88586.88586,0,0,1-1.047.60523.86012.86012,0,0,1-.60523-1.047Z" transform="translate(-135.73706 -132.3937)" fill="#f2f2f2"/><path d="M289.27958,729.08926a28.75529,28.75529,0,0,0,25.05474,12.93133c12.68315-.60208,23.25684-9.45412,32.77516-17.85807l28.15329-24.85722L356.63,698.41361c-13.39961-.64126-27.14492-1.23941-39.90759,2.89278s-24.53307,14.0769-26.8668,27.28729" transform="translate(-135.73706 -132.3937)" fill="#e6e6e6"/><path d="M262.96242,765.16329c10.16773-17.99115,21.9614-37.98626,43.03473-44.377a48.022,48.022,0,0,1,18.10109-1.869c1.9218.16571,1.44191,3.1281-.4764,2.9627a44.61381,44.61381,0,0,0-28.88649,7.64231c-8.1449,5.544-14.48659,13.25165-19.85414,21.42525-3.28779,5.00658-6.23278,10.22556-9.17833,15.43754-.94134,1.66563-3.69279.46328-2.74046-1.22182Z" transform="translate(-135.73706 -132.3937)" fill="#f2f2f2"/><path d="M702.07,458.07511c20.21713-11.11154,45.37875-8.88155,67.16141-1.28454s41.52211,20.04317,62.67523,29.24883c64.64,28.1308,142.54824,23.5948,203.48691-11.84751,5.76335,13.406-.41945,28.74022-7.21108,41.65571s-14.53209,26.914-11.7363,41.236c3.57763,18.32718,22.793,29.31536,30.57874,46.28791,7.39086,16.11167,3.42387,35.0325-2.24615,51.82719s-13.028,33.7152-12.06453,51.415,13.82268,36.416,31.54867,36.43c-26.26936,4.08171-53.0555,8.16626-79.3089,3.9832s-52.36859-18.06777-64.55825-41.693c-6.09277-11.80863-8.44148-25.38593-15.43872-36.68213-11.91826-19.2406-34.79115-28.28862-56.37224-35.1079s-44.6762-13.38826-59.871-30.16213c-14.47787-15.98239-19.06353-38.24611-26.73413-58.4007a186.53661,186.53661,0,0,0-64.58839-84.22984" transform="translate(-135.73706 -132.3937)" fill="#6c63ff"/><path d="M725.49486,374.3382c-7.097-3.30155-15.81044-4.38389-23.03182-1.316s-12.14452,10.93154-9.80947,17.89083c1.05869,3.15524,3.46989,6.25835,2.53051,9.445-.72307,2.45285-3.24546,4.07226-5.72259,5.22372s-5.18694,2.11952-6.97842,4.06155-2.16509,5.28533.07286,6.79139c.73731.49618,1.65885.7315,2.37375,1.25437a3.772,3.772,0,0,1,1.16432,4.22219,8.89329,8.89329,0,0,1-2.85084,3.75066c-2.54053,2.19094-5.89807,4.69849-5.10925,7.80873a5.47831,5.47831,0,0,0,3.697,3.45788,18.36721,18.36721,0,0,0,5.42688.71626l74.96621,2.36156a28.422,28.422,0,0,0,7.40167-.41344,8.76185,8.76185,0,0,0,5.81294-3.905c1.43559-2.65728.4931-5.93057-1.2798-8.41186s-4.282-4.43862-6.35525-6.71709-3.76948-5.1227-3.404-8.06747c.29256-2.35733,1.84718-4.39471,2.96321-6.53661s1.76427-4.81847.31886-6.78893c-2.03678-2.77665-6.92687-2.5255-9.24284-5.11283-1.74777-1.95256-1.41027-4.76346-1.58405-7.28135-.418-6.05656-4.61117-11.77645-10.58027-14.43257a20.83058,20.83058,0,0,0-18.95323,1.29081Z" transform="translate(-135.73706 -132.3937)" fill="#2f2e41"/><polygon points="542.385 622.099 530.644 618.571 538.663 571.604 555.992 576.811 542.385 622.099" fill="#a0616a"/><path d="M677.69743,766.77357l-37.85868-11.37465.14386-.47886a15.386,15.386,0,0,1,19.16265-10.30886l.00093.00028,23.12268,6.9473Z" transform="translate(-135.73706 -132.3937)" fill="#2f2e41"/><polygon points="653.182 622.496 640.922 622.495 635.09 575.207 653.184 575.208 653.182 622.496" fill="#a0616a"/><path d="M792.04534,766.77357l-39.53051-.00147v-.5a15.38605,15.38605,0,0,1,15.38647-15.38623h.001l24.1438.001Z" transform="translate(-135.73706 -132.3937)" fill="#2f2e41"/><path d="M771.90046,719.12347a4.50048,4.50048,0,0,1-4.4414-3.78808L749.25569,601.7807a3.50022,3.50022,0,0,0-6.68824-.78906L695.40608,714.52777a4.51622,4.51622,0,0,1-5.57862,2.54394L672.79328,711.393a4.48511,4.48511,0,0,1-2.9663-5.26074L708.4759,535.11078a4.52538,4.52538,0,0,1,3.37183-3.3916L763.68025,519.687a4.5623,4.5623,0,0,1,3.70752.76953c34.13037,24.79883,31.24707,105.82129,24.88623,193.79785a4.50192,4.50192,0,0,1-4.29444,4.17383l-15.88183.69141C772.03181,719.12152,771.96589,719.12347,771.90046,719.12347Z" transform="translate(-135.73706 -132.3937)" fill="#2f2e41"/><circle cx="592.53158" cy="282.47071" r="24.56103" fill="#a0616a"/><path d="M729.32893,542.16156a39.89858,39.89858,0,0,1-17.02368-3.93457l-.18262-.085-.07251-.18848-22.02954-57.07617-.41895-9.917A23.7725,23.7725,0,0,1,714.692,446.22015l23.38769,1.31739a23.787,23.787,0,0,1,22.43677,23.61035c.60742,1.167,4.92139,10.292-3.533,18.86523-.31592,1.95215-3.27319,22.24707,7.88672,33.40723l.31372.31347-.27417.34864C764.732,524.309,750.39949,542.15863,729.32893,542.16156Z" transform="translate(-135.73706 -132.3937)" fill="#3f3d56"/><path d="M762.17091,546.46725a10.05576,10.05576,0,0,0,5.277-14.48823l23.35887-27.04334-18.41436-2.39689-19.35886,26.04828a10.11028,10.11028,0,0,0,9.13733,17.88018Z" transform="translate(-135.73706 -132.3937)" fill="#a0616a"/><path d="M776.77546,525.59418a4.48916,4.48916,0,0,1-2.46875-.74024l-11.553-7.57715a4.49134,4.49134,0,0,1-1.39892-6.06445l8.36377-14.05176a6.27236,6.27236,0,0,0-2.824-8.93164l-24.02783-10.77246a14.32392,14.32392,0,0,1-8.11206-15.915h0a14.24089,14.24089,0,0,1,20.43237-9.7539l36.45215,18.67871a19.17711,19.17711,0,0,1,6.80493,28.28906L780.4239,523.725A4.48892,4.48892,0,0,1,776.77546,525.59418Z" transform="translate(-135.73706 -132.3937)" fill="#3f3d56"/><path d="M703.142,411.37254c7.75642-.62285,14.19623-8.3714,13.38973-16.11089a13.00909,13.00909,0,0,0,11.14121,13.24574c3.55787.392,7.4584-.68444,10.55524,1.11047,3.43,1.988,4.52758,6.81578,8.10091,8.53283,3.45255,1.659,7.83771-.60362,9.54346-4.03331s1.28713-7.5502.15669-11.21005a31.65248,31.65248,0,0,0-52.68951-12.97513c-3.26143,3.28049-5.851,7.46146-6.271,12.06821s1.717,9.60535,5.85416,11.67486Z" transform="translate(-135.73706 -132.3937)" fill="#2f2e41"/><path d="M646.00131,343.3379a10.05578,10.05578,0,0,1,3.10451,15.10357l19.15887,30.16483-18.567-.31813-15.34707-28.59626a10.11027,10.11027,0,0,1,11.65066-16.354Z" transform="translate(-135.73706 -132.3937)" fill="#a0616a"/><path d="M661.44385,364.81768l24.67358,58.30169,25.86871,43.86419a14.18889,14.18889,0,0,1-8.12022,20.7901h0a14.26532,14.26532,0,0,1-16.95083-7.56917L637.0578,373.67221a4.49993,4.49993,0,0,1,2.69943-6.19151l16.16594-5.193a4.60035,4.60035,0,0,1,.94246-.19733A4.47425,4.47425,0,0,1,661.44385,364.81768Z" transform="translate(-135.73706 -132.3937)" fill="#3f3d56"/><path d="M892.73706,767.6063h-756a1,1,0,0,1,0-2h756a1,1,0,0,1,0,2Z" transform="translate(-135.73706 -132.3937)" fill="#ccc"/><path d="M733.59533,240.6063v82a1,1,0,1,1-2,0v-82a1,1,0,0,1,2,0Z" transform="translate(-135.73706 -132.3937)" fill="#ccc"/><path d="M820.42095,310.17127l-28.28427,28.28427a1,1,0,0,1-1.41421-1.41421l28.28427-28.28427a1,1,0,1,1,1.41421,1.41421Z" transform="translate(-135.73706 -132.3937)" fill="#ccc"/><path d="M644.76971,310.17127,673.054,338.45554a1,1,0,0,0,1.41422-1.41421l-28.28428-28.28427a1,1,0,1,0-1.41421,1.41421Z" transform="translate(-135.73706 -132.3937)" fill="#ccc"/></svg>
\ No newline at end of file
diff --git a/assets/img/undraw_intro_2.png b/assets/img/undraw_intro_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..9bf6801c2f45de0537f9e7829643bbc09bbb66cf
Binary files /dev/null and b/assets/img/undraw_intro_2.png differ
diff --git a/assets/img/undraw_intro_2.svg b/assets/img/undraw_intro_2.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9f9094f28c2d9da0cbcca8eb1f717bf6b117078a
--- /dev/null
+++ b/assets/img/undraw_intro_2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="619.86836" height="562.03084" viewBox="0 0 619.86836 562.03084" xmlns:xlink="http://www.w3.org/1999/xlink"><rect x="60.40639" y="139.84921" width="280.48127" height="277.59048" rx="26.74409" fill="#f2f2f2"/><path d="M424.884,314.33363a68.91168,68.91168,0,0,0-68.91167,68.91167v176.435a21.24414,21.24414,0,0,0,21.24414,21.24414H522.08892A103.36435,103.36435,0,0,0,625.45327,477.5601V335.57777a21.24415,21.24415,0,0,0-21.24414-21.24414Z" transform="translate(-290.06582 -168.98458)" fill="#fff"/><path d="M877.7568,217.21468H311.02633a1,1,0,0,1,0-2H877.7568a1,1,0,0,1,0,2Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><ellipse cx="49.31535" cy="9.56458" rx="8.45661" ry="8.64507" fill="#e6e6e6"/><ellipse cx="78.5291" cy="9.56458" rx="8.45661" ry="8.64507" fill="#e6e6e6"/><ellipse cx="107.74285" cy="9.56458" rx="8.45661" ry="8.64507" fill="#e6e6e6"/><path d="M431.12009,185.382a.9967.9967,0,0,1-.71484-.30078l-5.70605-5.833a.99951.99951,0,0,1,0-1.39843l5.70605-5.83252a1,1,0,1,1,1.42969,1.39843l-5.022,5.1333,5.022,5.13379a1,1,0,0,1-.71485,1.69922Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M440.70847,185.382a1,1,0,0,1-.71484-1.69922l5.02148-5.13379-5.02148-5.1333a1,1,0,1,1,1.42969-1.39843l5.70556,5.83252a.99953.99953,0,0,1,0,1.39843l-5.70556,5.833A.9967.9967,0,0,1,440.70847,185.382Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M827.2183,170.905h-10.61a2.18934,2.18934,0,0,0-2.19,2.19v10.62a2.18934,2.18934,0,0,0,2.19,2.19h10.61a2.1979,2.1979,0,0,0,2.2-2.19v-10.62A2.1979,2.1979,0,0,0,827.2183,170.905Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M801.2183,170.905h-10.61a2.18934,2.18934,0,0,0-2.19,2.19v10.62a2.18934,2.18934,0,0,0,2.19,2.19h10.61a2.1979,2.1979,0,0,0,2.2-2.19v-10.62A2.1979,2.1979,0,0,0,801.2183,170.905Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M851.7183,171.405h-10.61a2.18934,2.18934,0,0,0-2.19,2.19v10.62a2.18934,2.18934,0,0,0,2.19,2.19h10.61a2.1979,2.1979,0,0,0,2.2-2.19v-10.62A2.1979,2.1979,0,0,0,851.7183,171.405Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M638.94274,186.98458h-69a9,9,0,0,1,0-18h69a9,9,0,0,1,0,18Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M525.3338,486.38416H371.34105a3.32086,3.32086,0,1,1,0-6.64172H525.3338a3.32086,3.32086,0,0,1,0,6.64172Z" transform="translate(-290.06582 -168.98458)" fill="#f2f2f2"/><path d="M525.3338,391.66156H293.38721a3.32086,3.32086,0,1,1,0-6.64171H525.3338a3.32086,3.32086,0,0,1,0,6.64171Z" transform="translate(-290.06582 -168.98458)" fill="#f2f2f2"/><path d="M525.3383,415.3753H293.382a3.32344,3.32344,0,0,0,0,6.64687H525.3383a3.32344,3.32344,0,0,0,0-6.64687Z" transform="translate(-290.06582 -168.98458)" fill="#f2f2f2"/><path d="M525.3338,452.38245H293.38721a3.32086,3.32086,0,1,1,0-6.64172H525.3338a3.32086,3.32086,0,0,1,0,6.64172Z" transform="translate(-290.06582 -168.98458)" fill="#f2f2f2"/><polygon points="430.582 548.714 419.933 548.713 414.868 507.64 430.584 507.641 430.582 548.714" fill="#a0616a"/><path d="M721.02239,728.80744l-32.74574-.00125v-.41408a12.74625,12.74625,0,0,1,12.74555-12.74536h.00079l5.98141-4.53779,11.16,4.53851,2.85851.00007Z" transform="translate(-290.06582 -168.98458)" fill="#2f2e41"/><polygon points="537.725 548.714 527.077 548.713 522.011 507.64 537.728 507.641 537.725 548.714" fill="#a0616a"/><path d="M828.16609,728.80744l-32.74574-.00125v-.41408a12.74625,12.74625,0,0,1,12.74555-12.74536h.00079l5.98141-4.53779,11.16,4.53851,2.8585.00007Z" transform="translate(-290.06582 -168.98458)" fill="#2f2e41"/><path d="M729.33579,481.73279s-6.99338,7.42211-7.28869,12.23732,3.349-3.93121-.29532,4.81522-3.64434,2.91547-3.64434,8.74642-7.72224,11.52478-7.72224,11.52478L697.651,571.449l7.3368,122.67319h16.03512c14.90172-45.42466,21.83474-80.503,13.8485-96.21067l22.2685-49.4952S799.21831,680.086,800.93726,681.63758s1.71895-.63508,1.71895,1.55153-2.18661,0,0,2.1866l10.20416,10.20416,15.30624-1.45773s2.04837-95.33-15.01092-111.80547c0,0,3.93966-51.01877,0-50.87551s-3.93966,6.70308-3.93966.14326,4.66853-8.31021,4.66853-8.31021L800.76492,477.197Z" transform="translate(-290.06582 -168.98458)" fill="#2f2e41"/><path d="M811.95805,380.16959l-14.82,62.05,3.5,23.08,4.2,27.65-14.52-.94-22.47-1.46-41.72-2.7-3.65-122.45,19.14-20,3.42-9.71,27.67-.17,6.62,11.66,17.02,4.84a42.21587,42.21587,0,0,1,6.14,4.74c4.2,3.89,7.92,8.83,9.66,13.89a18.26132,18.26132,0,0,1,.99,4.57Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M683.16043,537.60686a8.7959,8.7959,0,0,0,2.66491-13.12821l21.10689-38.4259-9.19319-8.45131-24.73528,45.82233a8.78357,8.78357,0,0,0,10.15667,14.18309Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M734.6398,357.91347l-4.91986,88.1348L706.01713,501.435l-15.42727,20.45876,1.75369-9.27062-10.63419-5.32074-.99855-.49563,20.41561-79.228,1.88048-30.78742A38.36336,38.36336,0,0,1,717.10322,369.364l11.80767-9.59191Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M683.16043,537.60686a8.7959,8.7959,0,0,0,2.66491-13.12821l21.10689-38.4259-9.19319-8.45131-24.73528,45.82233a8.78357,8.78357,0,0,0,10.15667,14.18309Z" transform="translate(-290.06582 -168.98458)" fill="#a0616a"/><path d="M734.6398,357.91347l-4.91986,88.1348L706.01713,501.435l-15.42727,20.45876,1.75369-9.27062-10.63419-5.32074-.99855-.49563,20.41561-79.228,1.88048-30.78742A38.36336,38.36336,0,0,1,717.10322,369.364l11.80767-9.59191Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><rect x="213.68198" y="191.96732" width="280.48127" height="170.59048" rx="26.74409" fill="#fff"/><path d="M757.48526,532.54255H530.4921A27.77566,27.77566,0,0,1,502.748,504.79841V387.69587a27.77566,27.77566,0,0,1,27.74414-27.74414H757.48526a27.77556,27.77556,0,0,1,27.74365,27.74414V504.79841A27.77556,27.77556,0,0,1,757.48526,532.54255ZM530.4921,361.95173A25.74413,25.74413,0,0,0,504.748,387.69587v43.76968a99.077,99.077,0,0,0,99.077,99.077h153.6603a25.74365,25.74365,0,0,0,25.74365-25.74365v-117.103a25.74413,25.74413,0,0,0-25.74414-25.74414Z" transform="translate(-290.06582 -168.98458)" fill="#3f3d56"/><rect x="243.92262" y="316.26256" width="60" height="7" rx="3.5" fill="#6c63ff"/><rect x="419.92262" y="306.76256" width="44" height="26" rx="3.5" fill="#6c63ff"/><circle cx="261.92262" cy="239.76256" r="18" fill="#6c63ff"/><circle cx="467.79653" cy="138.77976" r="22.60167" fill="#a0616a"/><path d="M776.40434,319.44653c.17634,1.35028-2.26629,1.493-2.81707.24763s.16361-2.65684.85821-3.82811l1.61227-2.71869a3.73532,3.73532,0,0,0-2.4605-5.56408h0c1.47528-3.318-.12574-7.4594-3.06517-9.59131s-7.313,1.857-10.87911,2.54107-6.42119-2.04529-9.67189-.42719l1.953-4.50218-10.81018,4.65749,2.5115-5.06459c-2.72828.14863-3.89,3.47146-4.43363,6.14916-.57923,2.853-2.09906,6.41945-5.20067,5.8284a4.0018,4.0018,0,0,1-3.02643-2.998c-2.39623-9.24107,4.56171-19.34369,13.78545-20.96447a13.5606,13.5606,0,0,1,25.88081,1.23229l3.0242-3.70271.58962,5.24629c2.17326-.231,4.22651,1.30332,5.28261,3.21671s.557,4.38376,1.571,6.31979c4.54466,8.677,3.041,18.44556-3.97631,25.10044" transform="translate(-290.06582 -168.98458)" fill="#2f2e41"/><path d="M855.67531,713.68247a2.26935,2.26935,0,0,0,1.64468-3.93333l-.1555-.61819q.03072-.07428.06179-.1484a6.09416,6.09416,0,0,1,11.24138.04177c1.83859,4.42818,4.17943,8.86389,4.7558,13.546a18.02889,18.02889,0,0,1-.31649,6.20046A72.28135,72.28135,0,0,0,879.48213,698.75a69.76616,69.76616,0,0,0-.43275-7.78294q-.3585-3.17781-.99471-6.31034a73.11893,73.11893,0,0,0-14.50012-30.98962,19.459,19.459,0,0,1-8.09295-8.39652,14.84338,14.84338,0,0,1-1.34991-4.05618c.394.05168,1.48556-5.94866,1.18841-6.31679.549-.83317,1.53177-1.24733,2.13143-2.06035,2.98232-4.0434,7.0912-3.33741,9.23621,2.15727,4.58224,2.31266,4.62659,6.14806,1.815,9.83683-1.78878,2.34682-2.03456,5.52233-3.60409,8.03478.16151.20671.32945.407.49091.61366a73.59123,73.59123,0,0,1,7.681,12.1686,30.59244,30.59244,0,0,1,1.8264-14.20959c1.74819-4.21732,5.02491-7.76915,7.91045-11.415a6.27921,6.27921,0,0,1,11.184,3.08332q.00886.08063.01731.1612-.6429.36267-1.25863.76992a3.0782,3.0782,0,0,0,1.24106,5.60174l.06277.00967a30.628,30.628,0,0,1-.80734,4.57938c3.70179,14.31579-4.29011,19.5299-15.70147,19.76412-.25191.12916-.49739.25833-.74929.38109a75.11456,75.11456,0,0,1,4.04326,19.02779,71.24332,71.24332,0,0,1-.05167,11.50322l.01938-.13562a18.8256,18.8256,0,0,1,6.42661-10.87027c4.9456-4.06264,11.93282-5.55869,17.26825-8.82426a3.533,3.533,0,0,1,5.41122,3.43708l-.02182.14261a20.67547,20.67547,0,0,0-2.31871,1.11733q-.6429.36276-1.25864.76992a3.07824,3.07824,0,0,0,1.24107,5.6018l.06282.00965c.04519.00646.084.01295.12911.01943a30.65453,30.65453,0,0,1-5.63854,8.82923c-2.31464,12.49712-12.256,13.68282-22.89023,10.04353h-.00648a75.09193,75.09193,0,0,1-5.0444,14.72621H856.12687c-.06464-.20022-.12274-.40692-.1809-.60717a20.47485,20.47485,0,0,0,4.9863-.297c-1.337-1.64059-2.674-3.2941-4.011-4.93463a1.11772,1.11772,0,0,1-.084-.09689c-.67817-.8396-1.36282-1.67283-2.041-2.51246l-.00036-.001a29.99039,29.99039,0,0,1,.87876-7.63984Z" transform="translate(-290.06582 -168.98458)" fill="#f2f2f2"/><path d="M577.124,729.82542a1.18647,1.18647,0,0,0,1.19007,1.19h330.29a1.19,1.19,0,0,0,0-2.38H578.314A1.18651,1.18651,0,0,0,577.124,729.82542Z" transform="translate(-290.06582 -168.98458)" fill="#ccc"/><path d="M767.48859,532.25832a8.7959,8.7959,0,0,0,2.19681-13.2146l19.72835-39.15154-9.48764-8.11935L756.83443,518.445a8.78357,8.78357,0,0,0,10.65416,13.81328Z" transform="translate(-290.06582 -168.98458)" fill="#a0616a"/><path d="M812.14805,370.64957l.99,4.57-2.37,63.88-10.13,26.2-10.32,26.71-1.27,3.29-14.69,20.99,1.42-9.33-10.82-4.94-1.01-.45,3.9-11.02,8.97-25.32,3.88-10.96.84-32.61.78-30.83a38.36441,38.36441,0,0,1,13.11-27.91l7.06-6.16C806.688,360.64957,810.40806,365.58958,812.14805,370.64957Z" transform="translate(-290.06582 -168.98458)" fill="#e6e6e6"/><path d="M576.138,530.232l-46.8779-1a22.02467,22.02467,0,0,1-21.99209-22l-2-49.01237C511.02409,498.178,533.14387,523.52476,576.138,530.232Z" transform="translate(-290.06582 -168.98458)" fill="#6c63ff"/></svg>
\ No newline at end of file
diff --git a/assets/img/undraw_intro_3.png b/assets/img/undraw_intro_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d950627ace154c9f3e64b96b59169f174c4d168
Binary files /dev/null and b/assets/img/undraw_intro_3.png differ
diff --git a/assets/img/undraw_intro_3.svg b/assets/img/undraw_intro_3.svg
new file mode 100644
index 0000000000000000000000000000000000000000..da6b88b1d50822380848c0388b3a72eeabd69beb
--- /dev/null
+++ b/assets/img/undraw_intro_3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="1027.99206" height="529.55555" viewBox="0 0 1027.99206 529.55555" xmlns:xlink="http://www.w3.org/1999/xlink"><title>online_transactions</title><rect x="305.99206" y="295.38557" width="343.71997" height="234.16998" fill="#6c63ff"/><path d="M754.88605,453.21778h-338.24a4.11628,4.11628,0,0,0-4.11005,4.11v228.69a4.10986,4.10986,0,0,0,4.11005,4.11h338.24a4.10984,4.10984,0,0,0,4.11-4.11v-228.69A4.11626,4.11626,0,0,0,754.88605,453.21778Zm1.37,232.8a1.36568,1.36568,0,0,1-1.37,1.37h-338.24a1.36569,1.36569,0,0,1-1.37-1.37v-228.69a1.37207,1.37207,0,0,1,1.37-1.37h338.24a1.37206,1.37206,0,0,1,1.37,1.37Z" transform="translate(-86.00397 -185.22222)" fill="#3f3d56"/><rect x="344.33535" y="429.58731" width="154.74254" height="17.80224" rx="2" fill="#3f3d56"/><path d="M726.126,599.74775h-49.29a4.10991,4.10991,0,0,0-4.11005,4.11v38.34a4.10986,4.10986,0,0,0,4.11005,4.11h49.29a4.1098,4.1098,0,0,0,4.11-4.11v-38.34A4.10985,4.10985,0,0,0,726.126,599.74775Zm1.37,42.45a1.37206,1.37206,0,0,1-1.37,1.37h-49.29a1.37212,1.37212,0,0,1-1.37006-1.37v-38.34a1.36574,1.36574,0,0,1,1.37006-1.37h49.29a1.36568,1.36568,0,0,1,1.37,1.37Z" transform="translate(-86.00397 -185.22222)" fill="#3f3d56"/><rect x="598.67562" y="423.37233" width="33.60304" height="6.95235" rx="2" fill="#3f3d56"/><rect x="598.67562" y="434.32756" width="33.60304" height="6.95235" rx="2" fill="#3f3d56"/><rect x="598.67562" y="445.28278" width="33.60304" height="6.95235" rx="2" fill="#3f3d56"/><rect x="348.44356" y="284.4306" width="71.20896" height="30.12687" rx="2" fill="#3f3d56"/><path d="M475.52961,484.71625c0,5.29411-2.45241,9.58583-5.47761,9.58583s-5.47761-4.29172-5.47761-9.58583,5.47761-9.58582,5.47761-9.58582S475.52961,479.42215,475.52961,484.71625Z" transform="translate(-86.00397 -185.22222)" fill="#6c63ff"/><polygon points="901.992 161.837 899.992 161.837 899.992 385.451 672.992 385.451 672.992 387.451 901.992 387.451 901.992 161.837" fill="#3f3d56"/><polygon points="305.992 387.451 76.992 387.451 76.992 161.837 78.992 161.837 78.992 385.451 305.992 385.451 305.992 387.451" fill="#3f3d56"/><path d="M1113.35519,223.03181h-1.28168v-2.24294h.96126a.64087.64087,0,0,0,.64084-.64084V208.6129a.64085.64085,0,0,0-.64084-.64084h-.96126v-6.551a13.95586,13.95586,0,0,0-13.956-13.95591h-1.42421v-1.60211a.64085.64085,0,0,0-.64084-.64084h-11.53513a.64085.64085,0,0,0-.64084.64084v1.60211H875.46088a13.95586,13.95586,0,0,0-13.956,13.95591v296.9942a13.9559,13.9559,0,0,0,13.956,13.956h222.65667a13.9559,13.9559,0,0,0,13.956-13.956V235.84861h1.28168a.64087.64087,0,0,0,.64084-.64084V223.67265A.64085.64085,0,0,0,1113.35519,223.03181Z" transform="translate(-86.00397 -185.22222)" fill="#3f3d56"/><rect x="787.03482" y="11.37165" width="229.42338" height="304.40573" rx="1.9048" fill="#d0cde1"/><rect x="875.401" y="160.55814" width="39.35653" height="11.66295" rx="2" fill="#3f3d56"/><rect x="827.82072" y="69.75378" width="134.51708" height="4.99841" rx="2" fill="#3f3d56"/><rect x="827.82072" y="85.58206" width="134.51708" height="4.99841" rx="2" fill="#3f3d56"/><rect x="827.82072" y="101.41034" width="134.51708" height="4.99841" rx="2" fill="#3f3d56"/><rect x="827.82072" y="117.23863" width="134.51708" height="4.99841" rx="2" fill="#3f3d56"/><rect x="827.82072" y="133.06691" width="134.51708" height="4.99841" rx="2" fill="#3f3d56"/><circle cx="890.31727" cy="261.97835" r="41.77968" fill="#6c63ff"/><path d="M988.63566,479.42627a52.38194,52.38194,0,1,1,52.38193-52.38194A52.44121,52.44121,0,0,1,988.63566,479.42627Zm0-102.85908a50.47714,50.47714,0,1,0,50.47714,50.47714A50.53392,50.53392,0,0,0,988.63566,376.56719Z" transform="translate(-86.00397 -185.22222)" fill="#3f3d56"/><path d="M241.496,273.13387h-1.71341V226.19551a27.16665,27.16665,0,0,0-27.16673-27.16667H113.1707A27.16664,27.16664,0,0,0,86.004,226.19551V483.703a27.16664,27.16664,0,0,0,27.16673,27.16667h99.44519A27.16665,27.16665,0,0,0,239.78262,483.703V306.54539H241.496Z" transform="translate(-86.00397 -185.22222)" fill="#3f3d56"/><path d="M233.99737,227.79218V484.92413a20.28849,20.28849,0,0,1-20.28483,20.29192H113.78728a20.28842,20.28842,0,0,1-20.28475-20.29192V227.79218a20.28688,20.28688,0,0,1,20.28475-20.28471h12.12326a9.63757,9.63757,0,0,0,8.925,13.27583h56.97157a9.63747,9.63747,0,0,0,8.925-13.27583h12.98047A20.287,20.287,0,0,1,233.99737,227.79218Z" transform="translate(-86.00397 -185.22222)" fill="#d0cde1"/><rect x="64.36182" y="173.77302" width="26.76842" height="7.93258" rx="2" fill="#3f3d56"/><rect x="32" y="112.01225" width="91.49206" height="3.39968" rx="1.69984" fill="#3f3d56"/><rect x="32" y="122.77789" width="91.49206" height="3.39968" rx="1.69984" fill="#3f3d56"/><rect x="32" y="133.54352" width="91.49206" height="3.39968" rx="1.69984" fill="#3f3d56"/><rect x="32" y="144.30916" width="91.49206" height="3.39968" rx="1.69984" fill="#3f3d56"/><rect x="32" y="155.0748" width="91.49206" height="3.39968" rx="1.69984" fill="#3f3d56"/><circle cx="69.87495" cy="256.35481" r="28.81288" fill="#6c63ff"/><path d="M164.37142,463.80112A36.12462,36.12462,0,1,1,200.496,427.67651,36.16549,36.16549,0,0,1,164.37142,463.80112Zm0-70.9356a34.811,34.811,0,1,0,34.811,34.811A34.85016,34.85016,0,0,0,164.37142,392.86552Z" transform="translate(-86.00397 -185.22222)" fill="#3f3d56"/><rect x="147.50456" y="375.18969" width="28" height="28" fill="#d0cde1"/><path d="M278.50853,572.41192h-34v-34h34Zm-32.52174-1.47826h31.04348V539.89018H245.98679Z" transform="translate(-86.00397 -185.22222)" fill="#3f3d56"/><rect x="774.50456" y="375.18969" width="28" height="28" fill="#d0cde1"/><path d="M905.50853,572.41192h-34v-34h34Zm-32.52174-1.47826h31.04348V539.89018H872.98679Z" transform="translate(-86.00397 -185.22222)" fill="#3f3d56"/></svg>
\ No newline at end of file
diff --git a/assets/img/undraw_intro_4.png b/assets/img/undraw_intro_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..eed08968d0ec1693805400381ed24d5ef46a9ad2
Binary files /dev/null and b/assets/img/undraw_intro_4.png differ
diff --git a/assets/img/undraw_intro_4.svg b/assets/img/undraw_intro_4.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1093521ca47b195fce545beba8d7593eb1e97c35
--- /dev/null
+++ b/assets/img/undraw_intro_4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="725.85572" height="493.82563" viewBox="0 0 725.85572 493.82563" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M246.72509,241.01744H435.27491a9.66388,9.66388,0,0,1,9.653,9.653V530.25986a9.66387,9.66387,0,0,1-9.653,9.653H246.72509a9.66387,9.66387,0,0,1-9.653-9.653V250.67039A9.66388,9.66388,0,0,1,246.72509,241.01744Z" transform="translate(-237.07214 -203.08719)" fill="#f2f2f2"/><path d="M249.0652,248.03777H432.9348a4.97829,4.97829,0,0,1,4.97273,4.97273V527.91976a4.97829,4.97829,0,0,1-4.97273,4.97273H249.0652a4.97829,4.97829,0,0,1-4.97273-4.97273V253.0105A4.97829,4.97829,0,0,1,249.0652,248.03777Z" transform="translate(-237.07214 -203.08719)" fill="#fff"/><path d="M376.84252,350.71712c0,17.67311-16.34161,15-36.5,15s-36.5,2.67311-36.5-15,7.98246-49,36.5-49C369.84252,301.71712,376.84252,333.044,376.84252,350.71712Z" transform="translate(-237.07214 -203.08719)" fill="#2f2e41"/><path d="M419.7806,500.31525a10.74272,10.74272,0,0,0-6.25282-15.23974l-41.81616-88.45906-19.12793,13.413,47.1186,82.73471a10.80091,10.80091,0,0,0,20.07831,7.551Z" transform="translate(-237.07214 -203.08719)" fill="#a0616a"/><path d="M383.3937,404.38708l-2.39014-3.74-1.21972-1.92-9.39014-14.72a13.3748,13.3748,0,0,0-24.45019,10.85l2.15039,7.67,4.38964,15.68a4.70061,4.70061,0,0,0,1.62012,2.44,4.37247,4.37247,0,0,0,.98.62,4.79238,4.79238,0,0,0,3.93994.07c.02-.01.0503-.02.07032-.03l11.35986-5.08.02-.01,8.66992-3.88,2.16016-.96a4.70689,4.70689,0,0,0,1.62011-1.19,4.65015,4.65015,0,0,0,1.01954-1.83A4.756,4.756,0,0,0,383.3937,404.38708Z" transform="translate(-237.07214 -203.08719)" fill="#ccc"/><path d="M323.46353,529.80712a4.82146,4.82146,0,0,0-8.21-.08,3.92072,3.92072,0,0,0-.4497.92l-.57032,1.57h10.68018Z" transform="translate(-237.07214 -203.08719)" fill="#2f2e41"/><circle cx="103.0406" cy="137.0544" r="24.56103" fill="#a0616a"/><path d="M383.16372,412.7871c-.06006-.88-.14014-1.75-.23975-2.6a54.597,54.597,0,0,0-1.92041-9.54c-.18994-.68-.3999-1.34-.62988-1.99a53.311,53.311,0,0,0-14.75976-22.44,14.57376,14.57376,0,0,0-9.73-3.72h-34.6001a14.58343,14.58343,0,0,0-14.37012,17.06c-.01025.01-.01025.01,0,.02a14.4943,14.4943,0,0,0,1.33008,4.02l1.3999,2.79,9.37988,18.76,11.66993,23.34.68017,1.36,43.49024,11.96.17968-.41c.16016-.36.33008-.73.48-1.09.24024-.54.47022-1.08.7002-1.61a85.24335,85.24335,0,0,0,6.96-27.81v-.01A64.10078,64.10078,0,0,0,383.16372,412.7871Z" transform="translate(-237.07214 -203.08719)" fill="#3f3d56"/><path d="M376.22378,448.69708a4.67431,4.67431,0,0,0-.68994-1.42,18.6942,18.6942,0,0,0-3.97022-3.92l-.00976-.01c-5.27-4-15.73-8.66-35.93994-8.78h-.03028a4.82651,4.82651,0,0,0-4.39013,2.83l-.5,1.09-3.21973,7.07995a3.73082,3.73082,0,0,1-1.25,1.51c-5.10986,3.62-29.85986,23.92005-15.33008,68.49,1.41992,4.35,2.87988,9.1,4.35986,14.16q.36036,1.23.72022,2.49h43.56006l-.93018-7a3.70677,3.70677,0,0,1,.07031-1.37l17.52979-72.34.08008-.31A4.81675,4.81675,0,0,0,376.22378,448.69708Z" transform="translate(-237.07214 -203.08719)" fill="#2f2e41"/><path d="M389.89371,367.71709l19,0a3.00006,3.00006,0,0,1,3,3v5a1.00307,1.00307,0,0,1,1,1v2a1.00308,1.00308,0,0,1-1,1v2a1.00308,1.00308,0,0,1,1,1v2a1.00308,1.00308,0,0,1-1,1l0,27a3.00007,3.00007,0,0,1-3,3l-19,0a3.00007,3.00007,0,0,1-3-3l0-42A3.00008,3.00008,0,0,1,389.89371,367.71709Z" transform="translate(-237.07214 -203.08719)" fill="#3f3d56"/><path d="M388.89369,412.7171v-42a3.00007,3.00007,0,0,1,3-3h-2a3.00007,3.00007,0,0,0-3,3v42a3.00007,3.00007,0,0,0,3,3h2A3.00007,3.00007,0,0,1,388.89369,412.7171Z" transform="translate(-237.07214 -203.08719)" fill="#6c63ff"/><circle cx="161.82156" cy="178.62991" r="4" fill="#fff"/><path d="M393.81854,395.7304a10.52584,10.52584,0,0,0-.86435,1.41428l-49.23923,5.915-7.24081-9.62939-15.96072,9.02824,11.16177,18.29267a8,8,0,0,0,8.91848,3.55538l54.46327-14.73582a10.4971,10.4971,0,1,0-1.23841-13.8404Z" transform="translate(-237.07214 -203.08719)" fill="#a0616a"/><path d="M343.30386,396.89709l-13.8003-17.88a12.49724,12.49724,0,0,0-22.58984,10.54c-.01025.01-.01025.01,0,.02a11.3634,11.3634,0,0,0,.73975,1.58l1.99023,5.23,6.04981,15.95a4.47813,4.47813,0,0,0,2.67041,2.63,4.04234,4.04234,0,0,0,.65966.18,4.45217,4.45217,0,0,0,3.07032-.48l4.37988-2.45,15.46-8.64a4.55186,4.55186,0,0,0,2.21-3.03A4.50776,4.50776,0,0,0,343.30386,396.89709Z" transform="translate(-237.07214 -203.08719)" fill="#3f3d56"/><path d="M311.84252,344.71706v0h9.71436l4.28564-14.76922.85693,14.76922h4.64307l2.5-8.61538.5,8.61538h34.5v0c0-17.67308-11.64059-31.99994-26-31.99994h-5.00006C323.4831,312.71712,311.84252,327.044,311.84252,344.71706Z" transform="translate(-237.07214 -203.08719)" fill="#2f2e41"/><path d="M596.71993,325.9429H393.13046a9.66387,9.66387,0,0,1-9.653-9.653V212.74014a9.66387,9.66387,0,0,1,9.653-9.653H596.71993a9.66386,9.66386,0,0,1,9.653,9.653V316.28995A9.66386,9.66386,0,0,1,596.71993,325.9429Z" transform="translate(-237.07214 -203.08719)" fill="#ccc"/><path d="M594.37983,318.92258H395.47057a4.97829,4.97829,0,0,1-4.97273-4.97273V215.08024a4.97829,4.97829,0,0,1,4.97273-4.97273H594.37983a4.97829,4.97829,0,0,1,4.97273,4.97273v98.86961A4.9783,4.9783,0,0,1,594.37983,318.92258Z" transform="translate(-237.07214 -203.08719)" fill="#fff"/><path d="M405.33688,344.97693a3.75017,3.75017,0,0,1-1.43786-.2908,3.63886,3.63886,0,0,1-2.28169-3.41476V322.23971l28.68-.725-22.37044,22.37015A3.6456,3.6456,0,0,1,405.33688,344.97693Z" transform="translate(-237.07214 -203.08719)" fill="#ccc"/><path d="M570.16142,260.08131H469.53673a4.68022,4.68022,0,1,1,0-9.36043H570.16142a4.68021,4.68021,0,0,1,0,9.36043Z" transform="translate(-237.07214 -203.08719)" fill="#ccc"/><path d="M537.39989,240.19039H469.53673a4.68022,4.68022,0,1,1,0-9.36044h67.86316a4.68022,4.68022,0,0,1,0,9.36044Z" transform="translate(-237.07214 -203.08719)" fill="#ccc"/><circle cx="190.81037" cy="42.36845" r="14.62568" fill="#6c63ff"/><circle cx="302.07968" cy="90.43273" r="4.68022" fill="#e6e6e6"/><circle cx="318.46044" cy="90.43273" r="4.68022" fill="#e6e6e6"/><circle cx="334.8412" cy="90.43273" r="4.68022" fill="#e6e6e6"/><path d="M764.72509,398.01744H953.27491a9.66388,9.66388,0,0,1,9.653,9.65295V687.25986a9.66387,9.66387,0,0,1-9.653,9.653H764.72509a9.66387,9.66387,0,0,1-9.653-9.653V407.67039A9.66388,9.66388,0,0,1,764.72509,398.01744Z" transform="translate(-237.07214 -203.08719)" fill="#f2f2f2"/><path d="M767.0652,405.03777H950.9348a4.97829,4.97829,0,0,1,4.97273,4.97273V684.91976a4.97829,4.97829,0,0,1-4.97273,4.97273H767.0652a4.97829,4.97829,0,0,1-4.97273-4.97273V410.0105A4.97829,4.97829,0,0,1,767.0652,405.03777Z" transform="translate(-237.07214 -203.08719)" fill="#fff"/><path d="M772.64477,539.57281H569.05529a9.66387,9.66387,0,0,1-9.653-9.653V426.37005a9.66387,9.66387,0,0,1,9.653-9.65295H772.64477a9.66387,9.66387,0,0,1,9.653,9.65295V529.91986A9.66387,9.66387,0,0,1,772.64477,539.57281Z" transform="translate(-237.07214 -203.08719)" fill="#ccc"/><path d="M770.30466,532.55249H571.3954a4.97829,4.97829,0,0,1-4.97273-4.97273V428.71015a4.97829,4.97829,0,0,1,4.97273-4.97273H770.30466a4.97829,4.97829,0,0,1,4.97273,4.97273v98.86961A4.97829,4.97829,0,0,1,770.30466,532.55249Z" transform="translate(-237.07214 -203.08719)" fill="#fff"/><path d="M758.78529,557.51477l-22.37043-22.37015,28.68.725v19.03166a3.63885,3.63885,0,0,1-2.28169,3.41476,3.75017,3.75017,0,0,1-1.43786.2908A3.64561,3.64561,0,0,1,758.78529,557.51477Z" transform="translate(-237.07214 -203.08719)" fill="#ccc"/><path d="M746.08625,473.71122H645.46157a4.68022,4.68022,0,1,1,0-9.36043H746.08625a4.68022,4.68022,0,1,1,0,9.36043Z" transform="translate(-237.07214 -203.08719)" fill="#ccc"/><path d="M713.32473,453.8203H645.46157a4.68022,4.68022,0,1,1,0-9.36044h67.86316a4.68022,4.68022,0,0,1,0,9.36044Z" transform="translate(-237.07214 -203.08719)" fill="#ccc"/><circle cx="366.7352" cy="255.99836" r="14.62568" fill="#6c63ff"/><circle cx="478.00451" cy="304.06264" r="4.68022" fill="#e6e6e6"/><circle cx="494.38527" cy="304.06264" r="4.68022" fill="#e6e6e6"/><circle cx="510.76604" cy="304.06264" r="4.68022" fill="#e6e6e6"/><path d="M774.88126,602.2472a10.05579,10.05579,0,0,1,15.32038-1.74408L821.95606,584.113l-1.974,18.46448L790.13014,615.311a10.11027,10.11027,0,0,1-15.24888-13.06381Z" transform="translate(-237.07214 -203.08719)" fill="#ffb8b8"/><path d="M873.75356,520.1571a14.50022,14.50022,0,0,0-17.35009-.39,15.0208,15.0208,0,0,0-3.04981,2.92l-27.87988,51.71-25.73,19.44a4.48714,4.48714,0,0,0-1.68018,2.61,4.4321,4.4321,0,0,0,.08985,2.31l2.53027,8.16a4.53909,4.53909,0,0,0,1.52,2.22,5.10989,5.10989,0,0,0,.8999.54.61567.61567,0,0,0,.12012.05,4.47,4.47,0,0,0,3.5498-.01l30.16016-13.08.33008-.15a46.33092,46.33092,0,0,0,23.12988-22.55005l15.85986-33.47A14.5129,14.5129,0,0,0,873.75356,520.1571Z" transform="translate(-237.07214 -203.08719)" fill="#3f3d56"/><circle cx="639.87739" cy="273.45375" r="24.56103" fill="#ffb8b8"/><path d="M893.57388,640.7871l-.25-1.91-1.16016-8.71-1.27-9.51-4.50976.77-1.74024.29-1.75976.3-.58008.1-44.74024,7.6-5.56982-3.35-.12012-.07.05029.51,1.04981,10.89,5.00976,52.02h62.12012Z" transform="translate(-237.07214 -203.08719)" fill="#2f2e41"/><path d="M910.77358,540.85711a34.65261,34.65261,0,0,0-11.75-23.04,32.69863,32.69863,0,0,0-23.6499-8.16c-8.25.55-14.58984,3.94-18.97021,10.11a34.64244,34.64244,0,0,0-4.91993,10.84c-4.98,17.92-10.23,44.17-14.21972,65.88-2.24024,12.12-4.08008,22.82995-5.27,29.88-.02.15-.04.29-.06983.44-.46044,2.75-.81005,4.9-1.04,6.33a4.484,4.484,0,0,0,2.08984,4.56c.00976.01.02978.02.04.03a33.07446,33.07446,0,0,0,16.68994,4.69c7.12012,0,15.66016-2.48,24.6499-10.49a3.52434,3.52434,0,0,1,4.51026-.19l.98.76,9.67968,7.53a4.48737,4.48737,0,0,0,2.64014.95,4.00538,4.00538,0,0,0,1.41016-.19.524.524,0,0,0,.11963-.03,4.47747,4.47747,0,0,0,2.92041-3.03c.53955-1.88,1.13964-4.05,1.7998-6.47.27-1.00994.54981-2.07.83984-3.17,1.27-4.86,2.68018-10.5,4.06006-16.64C908.13394,589.98712,912.71353,562.41711,910.77358,540.85711Z" transform="translate(-237.07214 -203.08719)" fill="#3f3d56"/><path d="M870.3269,643.35286a10.05578,10.05578,0,0,1,10.97879-10.8269l14.87184-32.49319,9.84155,15.74731-15.63137,28.44185a10.11027,10.11027,0,0,1-20.06081-.86907Z" transform="translate(-237.07214 -203.08719)" fill="#ffb8b8"/><path d="M920.1437,568.30712l-8.18017-36.13a14.52959,14.52959,0,0,0-12.93995-14.36c-.50976-.05-1.02978-.07995-1.56005-.07995a14.52756,14.52756,0,0,0-14.48975,14.59l9.98,57.89-.02979.12-5.29,19.97-2.93018,11.09a1.64643,1.64643,0,0,0-.06006.32,4.33628,4.33628,0,0,0,.3501,2.75,4.43052,4.43052,0,0,0,1.5,1.78l5.66992,3.92,1.3501.94a4.45753,4.45753,0,0,0,2.56006.8,4.6959,4.6959,0,0,0,1.0498-.12c.04-.01.06983-.02.10986-.03a4.412,4.412,0,0,0,1.18018-.5,4.4907,4.4907,0,0,0,1.62012-1.69995l15.65967-28.91A46.431,46.431,0,0,0,920.1437,568.30712Z" transform="translate(-237.07214 -203.08719)" fill="#3f3d56"/><polygon points="647.893 353.651 656.893 391.651 643.893 423.651 652.893 392.651 647.893 353.651" opacity="0.2"/><path d="M896.82726,491.30225a16.53848,16.53848,0,0,0,5.56792-3.3377c.71476-.63818,1.483-1.231,2.19616-1.86881,6.298-5.63286,8.19023-15.31969,5.38028-23.28825s-9.79872-14.09376-17.78456-16.85421-16.83725-2.38366-24.94582-.00778c-8.73428,2.5592-17.48157,8.322-19.55612,17.18386-.55221,2.3589-.57321,4.97583,1.03307,6.96573a4.40362,4.40362,0,0,0,1.834,1.34478c2.83043,1.085,4.40754-1.12983,6.5201-2.07055,2.90369-1.293,6.47739.10319,8.4986,2.55635s2.76949,5.71154,3.07979,8.87493a23.45894,23.45894,0,0,0,.91072,5.75968,5.74057,5.74057,0,0,0,4.01072,3.88868c2.27844.42089,4.46958-1.14791,5.903-2.96825s2.44959-3.98248,4.14351-5.56331,4.45662-2.41517,6.3133-1.02912a6.93481,6.93481,0,0,1,1.55,1.86108c2.84585,4.37141,2.49942,4.18148,5.34527,8.55289Z" transform="translate(-237.07214 -203.08719)" fill="#2f2e41"/><path d="M779.20559,581.2194,761.87847,589.015a3.00007,3.00007,0,0,0-1.505,3.96674l2.05146,4.55977a1.00308,1.00308,0,0,0-.50166,1.32224l.82059,1.82391a1.00308,1.00308,0,0,0,1.32225.50166l.82058,1.82391a1.00307,1.00307,0,0,0-.50166,1.32225l.82058,1.8239a1.00308,1.00308,0,0,0,1.32225.50167l11.07789,24.62276a3.00007,3.00007,0,0,0,3.96674,1.505l17.32713-7.79555a3.00007,3.00007,0,0,0,1.505-3.96674l-17.23228-38.30207A3.00007,3.00007,0,0,0,779.20559,581.2194Z" transform="translate(-237.07214 -203.08719)" fill="#3f3d56"/><path d="M797.19351,618.76708l-2.43995-5.43-6.3999-14.22-5.62012-12.49a2.87811,2.87811,0,0,0-3.7998-1.45l-9.54,4.29-4.37012,1.97a2.88273,2.88273,0,0,0-1.43994,3.80005l5.81006,12.92,2.23,4.95,6.41992,14.28a2.89061,2.89061,0,0,0,3.81006,1.44l13.8999-6.26A2.879,2.879,0,0,0,797.19351,618.76708Z" transform="translate(-237.07214 -203.08719)" fill="#6c63ff"/></svg>
\ No newline at end of file
diff --git a/assets/img/undraw_intro_5.png b/assets/img/undraw_intro_5.png
new file mode 100644
index 0000000000000000000000000000000000000000..d11949f5cb6a699205a8e922734ca5298f3e423b
Binary files /dev/null and b/assets/img/undraw_intro_5.png differ
diff --git a/assets/img/undraw_intro_5.svg b/assets/img/undraw_intro_5.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1d7798f1edd6cbca5903ad888d96e25161731926
--- /dev/null
+++ b/assets/img/undraw_intro_5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="888" height="741.04834" viewBox="0 0 888 741.04834" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M521.89611,253.85607H517.8642v-110.453a63.92718,63.92718,0,0,0-63.92738-63.92726H219.92738A63.92718,63.92718,0,0,0,156,143.40309V749.35675A63.92719,63.92719,0,0,0,219.92738,813.284H453.93682a63.92719,63.92719,0,0,0,63.92738-63.92726V332.47837h4.03191Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M456.51633,96.10749h-30.546a22.68123,22.68123,0,0,1-20.99971,31.24733H270.90951a22.68123,22.68123,0,0,1-20.99972-31.24733h-28.53a47.74011,47.74011,0,0,0-47.74018,47.74005V748.91223a47.74012,47.74012,0,0,0,47.74018,47.74012H456.51633a47.74012,47.74012,0,0,0,47.74018-47.74012V143.84754A47.74011,47.74011,0,0,0,456.51633,96.10749Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M269.67241,219.11054H255.63313a1.86134,1.86134,0,0,0-1.86133,1.86133v6.16225a1.86134,1.86134,0,0,0,1.86133,1.86133h2.32651v9.23317h9.38625v-9.23317h2.32652a1.86133,1.86133,0,0,0,1.86132-1.86133v-6.16225A1.86133,1.86133,0,0,0,269.67241,219.11054Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M283.73425,275.50749a72.178,72.178,0,0,1-12.55683-42.79357,1.52226,1.52226,0,0,0-1.18821-1.5191v-2.66269H255.16187v2.62568h-.2043a1.52142,1.52142,0,0,0-1.51944,1.52339q.00006.05544.00418.11074,1.75218,24.42494-11.83339,43.8076a4.19288,4.19288,0,0,0-.75883,2.541l1.62129,50.15132a4.34147,4.34147,0,0,0,4.30433,4.19019h33.53723a4.343,4.343,0,0,0,4.30692-4.26409l.62478-48.69283A8.78784,8.78784,0,0,0,283.73425,275.50749Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M278.42523,292.16618H249.23369a2.997,2.997,0,0,0-2.96218,3.45275l4.41126,28.67321h25.33006l5.3581-28.5766a2.997,2.997,0,0,0-2.9457-3.54936Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M425.95669,369.34511H411.91741a1.86133,1.86133,0,0,0-1.86133,1.86132v6.16226a1.86134,1.86134,0,0,0,1.86133,1.86133h2.32651v9.23316h9.38625V379.23h2.32652a1.86133,1.86133,0,0,0,1.86132-1.86133v-6.16226A1.86132,1.86132,0,0,0,425.95669,369.34511Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M440.01853,425.74206a72.178,72.178,0,0,1-12.55683-42.79357,1.52226,1.52226,0,0,0-1.1882-1.5191V378.7667H411.44615v2.62568h-.2043a1.52141,1.52141,0,0,0-1.51944,1.52339q.00007.05542.00418.11074,1.75218,24.42492-11.83339,43.8076a4.19294,4.19294,0,0,0-.75883,2.541l1.62129,50.15132a4.34145,4.34145,0,0,0,4.30433,4.19018h33.53723a4.343,4.343,0,0,0,4.30692-4.26409l.62479-48.69283A8.78789,8.78789,0,0,0,440.01853,425.74206Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M434.70951,442.40074H405.518a2.997,2.997,0,0,0-2.96218,3.45276l4.41126,28.6732h25.33006l5.35811-28.57659a2.9971,2.9971,0,0,0-2.94571-3.54937Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M249.935,581.73267h-6.65947a.88292.88292,0,0,0-.88292.88291v2.923a.88292.88292,0,0,0,.88292.88291h1.10357v4.37972h4.45233v-4.37972H249.935a.88291.88291,0,0,0,.88291-.88291v-2.923A.88291.88291,0,0,0,249.935,581.73267Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M256.60519,608.48432a34.2373,34.2373,0,0,1-5.95627-20.29895.72208.72208,0,0,0-.56363-.72057v-1.263H243.052v1.24548h-.09691a.72168.72168,0,0,0-.72074.72262q0,.02628.002.05252a31.24565,31.24565,0,0,1-5.61312,20.77995,1.98884,1.98884,0,0,0-.35994,1.20529l.769,23.78907a2.05934,2.05934,0,0,0,2.04174,1.98759h15.90824a2.06007,2.06007,0,0,0,2.043-2.02265l.29636-23.09723A4.1684,4.1684,0,0,0,256.60519,608.48432Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><rect x="83.13662" y="537.75318" width="15.17906" height="7.58953" fill="#fff"/><path d="M280.935,581.73267h-6.65947a.88292.88292,0,0,0-.88292.88291v2.923a.88292.88292,0,0,0,.88292.88291h1.10357v4.37972h4.45233v-4.37972H280.935a.88291.88291,0,0,0,.88291-.88291v-2.923A.88291.88291,0,0,0,280.935,581.73267Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M287.60519,608.48432a34.2373,34.2373,0,0,1-5.95627-20.29895.72208.72208,0,0,0-.56363-.72057v-1.263H274.052v1.24548h-.09691a.72168.72168,0,0,0-.72074.72262q0,.02628.002.05252a31.24565,31.24565,0,0,1-5.61312,20.77995,1.98884,1.98884,0,0,0-.35994,1.20529l.769,23.78907a2.05934,2.05934,0,0,0,2.04174,1.98759h15.90824a2.06007,2.06007,0,0,0,2.043-2.02265l.29636-23.09723A4.1684,4.1684,0,0,0,287.60519,608.48432Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><rect x="114.13662" y="537.75318" width="15.17906" height="7.58953" fill="#fff"/><path d="M311.935,581.73267h-6.65947a.88292.88292,0,0,0-.88292.88291v2.923a.88292.88292,0,0,0,.88292.88291h1.10357v4.37972h4.45233v-4.37972H311.935a.88291.88291,0,0,0,.88291-.88291v-2.923A.88291.88291,0,0,0,311.935,581.73267Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M318.60519,608.48432a34.2373,34.2373,0,0,1-5.95627-20.29895.72208.72208,0,0,0-.56363-.72057v-1.263H305.052v1.24548h-.09691a.72168.72168,0,0,0-.72074.72262q0,.02628.002.05252a31.24565,31.24565,0,0,1-5.61312,20.77995,1.98884,1.98884,0,0,0-.35994,1.20529l.769,23.78907a2.05934,2.05934,0,0,0,2.04174,1.98759h15.90824a2.06007,2.06007,0,0,0,2.043-2.02265l.29636-23.09723A4.1684,4.1684,0,0,0,318.60519,608.48432Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><rect x="145.13662" y="537.75318" width="15.17906" height="7.58953" fill="#fff"/><path d="M401.56726,523.61282H387.528a1.86132,1.86132,0,0,0-1.86133,1.86132v6.16226a1.86133,1.86133,0,0,0,1.86133,1.86133h2.32651v9.23316h9.38625v-9.23316h2.32651a1.86133,1.86133,0,0,0,1.86132-1.86133v-6.16226A1.86132,1.86132,0,0,0,401.56726,523.61282Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M415.6291,580.00977a72.178,72.178,0,0,1-12.55683-42.79357,1.52226,1.52226,0,0,0-1.1882-1.5191v-2.66269H387.05672v2.62568h-.2043a1.52141,1.52141,0,0,0-1.51944,1.52339q.00007.05542.00418.11074,1.75218,24.42492-11.83339,43.8076a4.19294,4.19294,0,0,0-.75883,2.541l1.62129,50.15132a4.34145,4.34145,0,0,0,4.30434,4.19018h33.53722a4.343,4.343,0,0,0,4.30693-4.26409l.62478-48.69283A8.78782,8.78782,0,0,0,415.6291,580.00977Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M410.32009,596.66845H381.12854a2.997,2.997,0,0,0-2.96218,3.45276l4.41127,28.6732h25.33006l5.3581-28.57659a2.9971,2.9971,0,0,0-2.9457-3.54937Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M409.23171,339.93829H325.544c5.85094-31.63336,4.50485-69.83172,0-110.91142h83.68771C404.84668,270.1067,403.53635,308.305,409.23171,339.93829Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="211.892" cy="201.98189" r="20.16571" fill="#fff"/><path d="M332.602,487.148H248.91429c5.85093-31.63337,4.50485-69.83173,0-110.91143H332.602C328.217,417.31641,326.90664,455.5147,332.602,487.148Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="135.26229" cy="349.1916" r="20.16571" fill="#fff"/><path d="M456.62114,346.99629H372.93343c5.85093-31.63336,4.50485-69.83172,0-110.91142h83.68771C452.2361,277.1647,450.92578,315.363,456.62114,346.99629Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="259.28142" cy="209.03989" r="20.16571" fill="#fff"/><path d="M456.62114,341.95487H372.93343c5.85093-31.63337,4.50485-69.83173,0-110.91143h83.68771C452.2361,272.12327,450.92578,310.32156,456.62114,341.95487Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="259.28142" cy="203.99847" r="20.16571" fill="#fff"/><path d="M456.62114,346.99629H372.93343c5.85093-31.63336,4.50485-69.83172,0-110.91142h83.68771C452.2361,277.1647,450.92578,315.363,456.62114,346.99629Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><circle cx="259.28142" cy="209.03989" r="20.16571" fill="#fff"/><rect x="45.52486" y="254.41275" width="274.25371" height="30.24857" fill="#e6e6e6"/><rect x="45.52486" y="404.64732" width="274.25371" height="30.24857" fill="#e6e6e6"/><rect x="45.52486" y="554.88188" width="274.25371" height="30.24857" fill="#e6e6e6"/><path d="M952.85457,757.07471l-68.32479-48.32553c23.04357-22.44766,44.00226-54.41107,64.04589-90.55092l68.32478,48.32553C989.59882,697.53027,966.4714,727.95969,952.85457,757.07471Z" transform="translate(-156 -79.47583)" fill="#6c63ff"/><circle cx="796.87342" cy="605.9822" r="20.16571" fill="#fff"/><path d="M623.26239,536.554h-7.5a.99435.99435,0,0,0-.99435.99435v3.292a.99434.99434,0,0,0,.99435.99434h1.24285v4.93249h5.01427v-4.93249h1.24285a.99435.99435,0,0,0,.99435-.99434v-3.292A.99436.99436,0,0,0,623.26239,536.554Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M630.77443,566.68205a38.55843,38.55843,0,0,1-6.708-22.86093.81323.81323,0,0,0-.63476-.81152v-1.42245h-7.921v1.40268h-.10914a.81275.81275,0,0,0-.8117.81381q0,.02961.00223.05916a35.18922,35.18922,0,0,1-6.32157,23.40264,2.23989,2.23989,0,0,0-.40537,1.35741l.86611,26.79155a2.31928,2.31928,0,0,0,2.29944,2.23846h17.91606a2.32008,2.32008,0,0,0,2.30082-2.27794l.33376-26.0124A4.69456,4.69456,0,0,0,630.77443,566.68205Z" transform="translate(-156 -79.47583)" fill="#6c63ff"/><path d="M621.69892,537.62665a2.14526,2.14526,0,0,1-4.29053,0" transform="translate(-156 -79.47583)" opacity="0.2" style="isolation:isolate"/><rect x="456.16063" y="492.36817" width="15.12429" height="10.08286" fill="#fff"/><path d="M860.60239,641.21767H846.56312a1.86134,1.86134,0,0,0-1.86134,1.86133v6.16226a1.86134,1.86134,0,0,0,1.86134,1.86132h2.32651v9.23317h9.38625v-9.23317h2.32651a1.86132,1.86132,0,0,0,1.86132-1.86132V643.079A1.86133,1.86133,0,0,0,860.60239,641.21767Z" transform="translate(-156 -79.47583)" fill="#e6e6e6"/><path d="M874.66423,697.61463a72.178,72.178,0,0,1-12.55683-42.79358,1.52224,1.52224,0,0,0-1.1882-1.51909v-2.6627H846.09185v2.62568h-.2043a1.52142,1.52142,0,0,0-1.51944,1.5234q.00008.05543.00418.11073,1.75218,24.42493-11.83339,43.80761a4.19289,4.19289,0,0,0-.75883,2.54095l1.62129,50.15132a4.34146,4.34146,0,0,0,4.30434,4.19019h33.53722a4.343,4.343,0,0,0,4.30692-4.26409l.62479-48.69283A8.7878,8.7878,0,0,0,874.66423,697.61463Z" transform="translate(-156 -79.47583)" fill="#6c63ff"/><path d="M857.67571,643.22557a4.01574,4.01574,0,0,1-8.03148,0" transform="translate(-156 -79.47583)" opacity="0.2" style="isolation:isolate"/><path d="M869.35522,714.27331H840.16367a2.997,2.997,0,0,0-2.96218,3.45275l4.41126,28.67321h25.33007l5.3581-28.5766a2.9971,2.9971,0,0,0-2.9457-3.54936Z" transform="translate(-156 -79.47583)" fill="#fff"/><path d="M820.546,756.99571H736.85827c5.85094-31.63336,4.50486-69.83172,0-110.91142H820.546C816.161,687.16411,814.85062,725.36241,820.546,756.99571Z" transform="translate(-156 -79.47583)" fill="#6c63ff"/><circle cx="623.20627" cy="619.03931" r="20.16571" fill="#fff"/><polygon points="322.243 328.466 341.03 326.758 352.986 297.724 331.637 285.768 322.243 328.466" fill="#ffb8b8"/><path d="M650.66043,487.64986v0a10.59328,10.59328,0,0,0-9.20188-14.51664l-29.16988-1.73941-4.2949,14.28206,30.02882,8.24691A10.59326,10.59326,0,0,0,650.66043,487.64986Z" transform="translate(-156 -79.47583)" fill="#ffb8b8"/><path d="M619.33866,494.16267l-.32093-26.79954-64.79286-10.33856L504.30953,399.777a16.33816,16.33816,0,0,0-21.29428-2.91186l0,0a16.33815,16.33815,0,0,0-2.84636,24.922l41.17966,50.67767Z" transform="translate(-156 -79.47583)" fill="#575a89"/><path d="M463.72552,795.64251h17.07932L523.168,604.10914l43.88737,59.16871,25.619,128.09483h16.22535l-3.41586-137.48845-57.2157-146.88208H491.90639c-15.40224,27.87449-27.48462,56.60826-13.66345,86.25052Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><path d="M582.20449,807.27611a4.45733,4.45733,0,0,0,3.4756,5.71828l41.79324,7.41672a6.87646,6.87646,0,0,0,7.8008-4.71314h0a6.83384,6.83384,0,0,0-3.34222-8.12572,63.9022,63.9022,0,0,1-23.04833-20.0382c-4.59335,4.27726-9.7273,3.875-15.179.72281l-5.78247.72281Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><path d="M455.81759,807.27611a4.45733,4.45733,0,0,0,3.4756,5.71828l41.79324,7.41672a6.87646,6.87646,0,0,0,7.8008-4.71314h0a6.83384,6.83384,0,0,0-3.34222-8.12572,63.9022,63.9022,0,0,1-23.04833-20.0382c-4.59335,4.27726-9.7273,3.875-15.179.72281l-5.78247.72281Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><circle cx="353.41268" cy="284.48709" r="23.91104" fill="#ffb8b8"/><path d="M488.06354,513.40689,550.403,511.699l-18.30772-57.61963c11.37738-18.23924-.073-36.46-16.27789-54.67684l-12.80948-8.53965-20.49517-1.70793h0a50.3141,50.3141,0,0,0-13.54915,35.0504C469.36939,452.03191,474.29652,482.324,488.06354,513.40689Z" transform="translate(-156 -79.47583)" fill="#575a89"/><path d="M631.29146,552.19152h0a10.59327,10.59327,0,0,0-2.74926-16.96611L602.4085,522.15112l-9.567,11.441,24.36342,19.395A10.59327,10.59327,0,0,0,631.29146,552.19152Z" transform="translate(-156 -79.47583)" fill="#ffb8b8"/><path d="M599.933,545.85758l10.24759-24.765-55.50168-34.99377-23.37023-72.268a16.33817,16.33817,0,0,0-18.43188-11.054h0a16.33815,16.33815,0,0,0-12.42089,21.79283l17.92341,62.79126Z" transform="translate(-156 -79.47583)" fill="#575a89"/><path d="M470.13027,354.5693c0,9.30389,6.04222,23.7124,13.66345,29.8888,5.12781,4.15568,11.90457,3.98066,14.51741-1.70793,2.68032-5.83557,11.91945-19.55229,28.18086-28.18087,21.67761-11.50252-7.68756-31.18152-28.18086-28.18086C482.9115,328.64329,470.13027,339.00544,470.13027,354.5693Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><circle cx="328.64768" cy="245.20468" r="17.07931" fill="#2f2e41"/><path d="M504.28889,318.70275a17.06865,17.06865,0,0,0-15.79836-17.01463c.42437-.03158.84854-.06468,1.28094-.06468a17.07931,17.07931,0,0,1,0,34.15862c-.4324,0-.85657-.0331-1.28094-.06468A17.06869,17.06869,0,0,0,504.28889,318.70275Z" transform="translate(-156 -79.47583)" fill="#2f2e41"/><ellipse cx="353.83966" cy="287.90296" rx="3.84284" ry="5.12379" fill="#ffb8b8"/><polygon points="837.751 684.845 571.879 684.845 515.578 418.694 467.529 418.694 467.529 406.752 525.258 406.752 581.559 672.902 837.751 672.902 837.751 684.845" fill="#3f3d56"/><circle cx="610.84102" cy="707.87676" r="25.59138" fill="#3f3d56"/><circle cx="801.92331" cy="707.87676" r="25.59138" fill="#3f3d56"/><path d="M988.90348,758.69673H730.22506L684.58373,533.14489h347.15138a12.2655,12.2655,0,0,1,12.11592,14.16689l-42.8333,201.0251A12.20374,12.20374,0,0,1,988.90348,758.69673Zm-255.86937-3.41219H988.90348a8.80568,8.80568,0,0,0,8.74205-7.47748l42.8333-201.0251a8.85014,8.85014,0,0,0-8.74372-10.22489H688.72567Z" transform="translate(-156 -79.47583)" fill="#3f3d56"/><polygon points="624.513 678.499 594.623 455.653 597.989 455.097 627.879 677.943 624.513 678.499" fill="#3f3d56"/><polygon points="790.712 676.788 787.343 676.242 816.36 455.102 819.729 455.648 790.712 676.788" fill="#3f3d56"/><rect x="708.11491" y="455.37515" width="3.41218" height="222.84575" fill="#3f3d56"/><rect x="865.45079" y="431.52231" width="3.41219" height="330.29569" transform="translate(112.38887 1382.90398) rotate(-89.86127)" fill="#3f3d56"/><rect x="718.83766" y="700.96181" width="290.1779" height="3.41226" transform="translate(-160.7831 -73.5538) rotate(-0.39166)" fill="#3f3d56"/><ellipse cx="472.64757" cy="411.01676" rx="18.76701" ry="10.23655" fill="#3f3d56"/></svg>
\ No newline at end of file
diff --git a/assets/translations/en.json b/assets/translations/en.json
index 766b2c4946bbc59e73ab4150ad52d785aad50578..521d0f0e0036555a86f3b59f7376f845698b52c1 100644
--- a/assets/translations/en.json
+++ b/assets/translations/en.json
@@ -12,10 +12,22 @@
"g1_amount": "Amount to send",
"g1_amount_hint": "Amount to send in Ĝ1",
"g1_form_pay_send": "Send",
- "search_user": "Search user or key",
+ "search_user_title": "User to pay",
+ "search_user": "Search (user or public key)",
+ "search_user_btn": "Search user",
"g1_form_pay_desc": "Description",
"g1_form_pay_hint": "Enter a description (optional)",
"code_card_title": "Code repository",
+ "intro_1_title": "Welcome to our Äž1 wallet!",
+ "intro_1_description": "With our app, you can easily and securely store, send, and receive Äž1 currency (also known as 'Juna').",
+ "intro_2_title": "A digital currency created by the people, for the people",
+ "intro_2_description": "Äž1 does not depend on any government or corporation and is eco-friendly (as it is low-energy consumption), transparent, and fair to all.",
+ "intro_3_title": "Äž1 currency works on the Duniter network",
+ "intro_3_description": "Duniter is a decentralized cryptocurrency network that enables people to create their own Äž1 currency.",
+ "intro_4_title": "Let's get started!",
+ "intro_4_description": "We'll help you create a Äž1 wallet so you can easily and securely store your Äž1 currency on your device and send it to others without intermediaries.",
+ "intro_5_title": "And then...",
+ "intro_5_description": "From here, you can offer your services and products and receive payment in Äž1 currency, as well as use Äž1 currency to purchase goods.",
"localization_title": "Localization",
"localization_content": "Simplified translations with the Easy Translations package.",
"linting_title": "Linting",
diff --git a/lib/ui/widgets/first_screen/circular_icon.dart b/lib/ui/widgets/first_screen/circular_icon.dart
new file mode 100644
index 0000000000000000000000000000000000000000..67457ee88203eb420e30b3025ad5da685e28b517
--- /dev/null
+++ b/lib/ui/widgets/first_screen/circular_icon.dart
@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+
+class CircularIcon extends StatelessWidget {
+
+ const CircularIcon({super.key,
+ required this.iconData,
+ this.size = 48,
+ this.backgroundColor = Colors.grey,
+ this.iconColor = Colors.white,
+ });
+
+ final IconData iconData;
+ final double size;
+ final Color backgroundColor;
+ final Color iconColor;
+
+ @override
+ Widget build(BuildContext context) {
+ return Container(
+ width: size,
+ height: size,
+ decoration: BoxDecoration(
+ shape: BoxShape.circle,
+ color: backgroundColor,
+ ),
+ child: Icon(
+ iconData,
+ color: iconColor,
+ size: size * 0.6,
+ ),
+ );
+ }
+}
diff --git a/lib/ui/widgets/first_screen/contact_search_dialog.dart b/lib/ui/widgets/first_screen/contact_search_dialog.dart
new file mode 100644
index 0000000000000000000000000000000000000000..86e8795589cec2693218305858768e4062afcec3
--- /dev/null
+++ b/lib/ui/widgets/first_screen/contact_search_dialog.dart
@@ -0,0 +1,168 @@
+import 'dart:convert';
+import 'dart:typed_data';
+
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+import 'package:http/http.dart' as http;
+import 'package:simple_barcode_scanner/simple_barcode_scanner.dart';
+
+import '../../../config/config.dart';
+import '../../../main.dart';
+import 'circular_icon.dart';
+
+class SearchDialog extends StatefulWidget {
+ const SearchDialog({super.key});
+
+ @override
+ State<SearchDialog> createState() => _SearchDialogState();
+}
+
+class _SearchDialogState extends State<SearchDialog> {
+ final TextEditingController _searchController = TextEditingController();
+ String _searchTerm = '';
+
+ final Color defAvatarBgColor = Colors.grey[200]!;
+ final Color defAvatarColor = Colors.white;
+
+ List<dynamic> _results = <dynamic>[];
+ bool _isLoading = false;
+
+ Future<void> _search() async {
+ setState(() {
+ _isLoading = true;
+ });
+ final String url = '$duniterLookupUrl$_searchTerm';
+ logger(url);
+ final http.Response response = await http.get(Uri.parse(url));
+
+ setState(() {
+ _results = (const JsonDecoder().convert(response.body)
+ as Map<String, dynamic>)['results'] as List<dynamic>;
+ logger(_results.toString());
+ _isLoading = false;
+ });
+ }
+
+ @override
+ Widget build(BuildContext context) {
+ bool isFavorite = false;
+ return Scaffold(
+ appBar: AppBar(
+ title: Text(tr('search_user_title')),
+ actions: <Widget>[
+ IconButton(
+ icon: const Icon(Icons.qr_code_scanner),
+ onPressed: () async {
+ final res = await Navigator.push(
+ context,
+ MaterialPageRoute(
+ builder: (BuildContext context) =>
+ const SimpleBarcodeScannerPage(),
+ ));
+ setState(() {
+ if (res is String) {
+ // result = res;
+ }
+ });
+ }),
+ IconButton(
+ icon: const Icon(Icons.close),
+ onPressed: () => Navigator.pop(context),
+ )
+ ],
+ ),
+ body: Padding(
+ padding: const EdgeInsets.all(16.0),
+ child: Column(
+ crossAxisAlignment: CrossAxisAlignment.stretch,
+ children: <Widget>[
+ TextField(
+ controller: _searchController,
+ decoration: InputDecoration(
+ filled: true,
+ fillColor: Colors.white,
+ labelText: tr('search_user'),
+ suffixIcon: IconButton(
+ icon: const Icon(Icons.search),
+ onPressed: () {
+ _search();
+ },
+ ),
+ ),
+ onChanged: (String value) {
+ setState(() {
+ _searchTerm = value;
+ });
+ },
+ onSubmitted: (_) {
+ _search();
+ },
+ ),
+ if (_isLoading)
+ const SizedBox(
+ width: 100.0,
+ height: 100.0,
+ child: Center(
+ child: CircularProgressIndicator(),
+ ),
+ )
+ else
+ Expanded(
+ child: ListView.builder(
+ itemCount: _results.length,
+ itemBuilder: (BuildContext context, int index) {
+ return ListTile(
+ title: Text(
+ (((_results[index] as Map<String, dynamic>)['uids']
+ as List<dynamic>)[0]
+ as Map<String, dynamic>)['uid'] as String),
+ tileColor: index.isEven ? Colors.grey[200] : Colors.white,
+ leading: FutureBuilder<String>(
+ future: getAvatar((_results[index]
+ as Map<String, dynamic>)['pubkey'] as String),
+ builder: (BuildContext context,
+ AsyncSnapshot<String> snapshot) {
+ if (snapshot.hasData) {
+ final List<int> imageBytes =
+ base64.decode(snapshot.data!);
+ return Image.memory(
+ Uint8List.fromList(imageBytes),
+ width: 48,
+ height: 48,
+ );
+ } else {
+ return CircularIcon(
+ iconData: Icons.person,
+ backgroundColor: index.isEven
+ ? defAvatarColor
+ : defAvatarBgColor,
+ iconColor: index.isEven
+ ? defAvatarBgColor
+ : defAvatarColor,
+ );
+ }
+ },
+ ),
+ trailing: IconButton(
+ icon: Icon(
+ isFavorite ? Icons.favorite : Icons.favorite_border,
+ color: isFavorite ? Colors.red.shade400 : null,
+ ),
+ onPressed: () {
+ // Aquà puedes agregar la lógica para marcar o desmarcar como favorito
+ setState(() {
+ isFavorite = !isFavorite;
+ });
+ },
+ ),
+ onTap: () {},
+ );
+ },
+ ),
+ ),
+ ],
+ ),
+ ),
+ );
+ }
+}
diff --git a/lib/ui/widgets/header_h2.dart b/lib/ui/widgets/header_h2.dart
new file mode 100644
index 0000000000000000000000000000000000000000..8ac9f386c455f585a9167c50f0ba1ecdf7a841a9
--- /dev/null
+++ b/lib/ui/widgets/header_h2.dart
@@ -0,0 +1,23 @@
+import 'package:easy_localization/easy_localization.dart';
+import 'package:flutter/material.dart';
+
+class HeaderH2 extends StatelessWidget {
+ const HeaderH2({super.key, required this.text});
+
+ final String text;
+
+ @override
+ Widget build(BuildContext context) {
+ return Padding(
+ padding: const EdgeInsets.only(left: 2, right: 2, top: 48, bottom: 24),
+ child: Text(
+ tr(text),
+ textAlign: TextAlign.start,
+ style: Theme.of(context)
+ .textTheme
+ .headlineSmall!
+ .apply(fontWeightDelta: 2),
+ ),
+ );
+ }
+}