diff --git a/docs/_static/custom.css b/docs/_static/custom.css
index 1a06ba0eab3b3fff0c70bedc1103f2fb8489ca9c..709d2ba687593f664c723e7da32ecbd431b55831 100644
--- a/docs/_static/custom.css
+++ b/docs/_static/custom.css
@@ -11,3 +11,25 @@ table.swh-logos-table ul {
   text-align: left;
   margin-bottom: auto;
 }
+
+.landing-page hr {
+  margin-top: 5em;
+  margin-bottom: 5em;
+}
+
+.landing-part {
+  padding-bottom: 50vh;
+background-image: url("data:image/svg+xml,%3Csvg width='78.27' height='77.395' version='1.1' viewBox='0 0 78.27 77.395' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='blur'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='1' /%3E%3C/filter%3E%3Cg transform='matrix(1.25 0 0 -1.25 -15.707 134.24)' fill-opacity='.10' filter='url(%23blur)'%3E%3Cpath d='m30.574 68.987 1.337-1.343 4.826 1.607-1.61-4.823 1.34-1.34 2.95 8.844z'/%3E%3Cpath d='m27.188 67.914 5.746-10.675 1.252 1.252-5.747 10.674z'/%3E%3Cpath d='m24.636 57.152 1.608 4.823-1.34 1.34-2.949-8.846 8.842 2.949-1.338 1.343z'/%3E%3Cpath d='m44.012 65.874 2.274-5.144h1.894l-4.167 8.935-4.17-8.038 1.895-0.154z'/%3E%3Cpath d='m38.214 58.771 12-3.485v1.77l-12 3.484z'/%3E%3Cpath d='m44.012 49.269-2.273 4.461h-1.895l4.169-8.252 4.167 8.379-1.896-0.018z'/%3E%3Cpath d='m57.288 69.377-8.843 2.95 2.945-8.844 1.342 1.338-1.607 4.825 4.823-1.609z'/%3E%3Cpath d='m61.884 67.095-10.674-5.748 1.251-1.25 10.675 5.746z'/%3E%3Cpath d='m61.616 62.367 1.609-4.822-4.822 1.607-1.34-1.34 8.843-2.948-2.948 8.842z'/%3E%3Cpath d='m58.214 81.089-8.219-4.168 8.396-4.17 0.033 1.896-4.653 2.274 4.443 2.273z'/%3E%3Cpath d='m61.606 70.73 3.486 12h-1.771l-3.484-12z'/%3E%3Cpath d='m67.214 72.752 7.967 4.169-8.522 4.168-0.095-1.896 4.873-2.272-4.223-2.274z'/%3E%3Cpath d='m56.894 84.299-1.339 1.342-4.824-1.608 1.608 4.823-1.34 1.341-2.948-8.844z'/%3E%3Cpath d='m60.28 85.371-5.746 10.675-1.253-1.253 5.748-10.673z'/%3E%3Cpath d='m62.832 96.134-1.608-4.823 1.341-1.339 2.947 8.843-8.842-2.949 1.339-1.341z'/%3E%3Cpath d='m45.73 91.364-2.274-4.365-2.274 4.731h-1.894l4.168-8.521 4.17 8.245z'/%3E%3Cpath d='m50.214 94.515-12 3.485v-1.77l12-3.485z'/%3E%3Cpath d='m43.456 103.6 2.274-4.873h1.895l-4.169 8.664-4.169-8.175 1.896-0.083z'/%3E%3Cpath d='m36.076 89.803-1.341-1.34 1.608-4.823-4.823 1.608-1.34-1.34 8.844-2.949z'/%3E%3Cpath d='m25.582 86.192 10.674 5.746-1.251 1.251-10.675-5.746z'/%3E%3Cpath d='m25.85 90.918-1.608 4.823 4.824-1.608 1.339 1.341-8.844 2.948 2.949-8.844z'/%3E%3Cpath d='m29.214 72.196 8.338 4.169-8.338 4.169v-1.896l4.547-2.273-4.547-2.274z'/%3E%3Cpath d='m24.146 70.73 3.485 11h-1.769l-3.485-11z'/%3E%3Cpath d='m12.565 76.365 8.3384 4.169v-1.896l-4.5472-2.273 4.5472-2.274v-1.895z'/%3E%3C/g%3E%3C/svg%3E");  background-repeat: no-repeat;
+  background-position: center bottom 17.5vh;
+  background-size: 25vh;
+}
+
+.landing-part:last-of-type {
+  padding-bottom: 0;
+  background: none;
+  min-height: 90vh;
+}
+
+.landing-part hr {
+  display: none;
+}
diff --git a/docs/images/card_basics_undraw_discoverable.svg b/docs/images/card_basics_undraw_discoverable.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fefafb8c4a03119c740f6aac601d7cff4e303ad7
--- /dev/null
+++ b/docs/images/card_basics_undraw_discoverable.svg
@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="782.12808" height="524.32607" viewBox="0 0 782.12808 524.32607" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M574.476,434.80785H219.65211A10.72787,10.72787,0,0,1,208.936,424.09169V198.55312A10.72788,10.72788,0,0,1,219.65211,187.837H574.476a10.72789,10.72789,0,0,1,10.71616,10.71616V424.09169A10.72788,10.72788,0,0,1,574.476,434.80785ZM219.65211,190.21833a8.3449,8.3449,0,0,0-8.33478,8.33479V424.09169a8.34489,8.34489,0,0,0,8.33478,8.33479H574.476a8.3449,8.3449,0,0,0,8.33479-8.33479V198.55312a8.3449,8.3449,0,0,0-8.33479-8.33479Z" transform="translate(-208.93596 -187.83696)" fill="#3f3d56"/><circle cx="217.01248" cy="143.94491" r="65.99829" fill="#ccc"/><path d="M934.28574,710.72638a246.30184,246.30184,0,0,1,20.38471-77.73489q4.60067-10.27759,10.12749-20.10267c.94659-1.6853-1.64386-3.1994-2.59041-1.51415a249.70657,249.70657,0,0,0-27.786,76.65535q-2.08614,11.26863-3.13582,22.69636c-.17783,1.9216,2.8233,1.90948,3,0Z" transform="translate(-208.93596 -187.83696)" fill="#e6e6e6"/><circle cx="763.12808" cy="410.86319" r="19" fill="#e6e6e6"/><path d="M936.22931,711.231a159.7877,159.7877,0,0,1,13.22451-50.43025q2.98467-6.66754,6.57018-13.04153a.97385.97385,0,0,0-1.68052-.98231,161.99656,161.99656,0,0,0-18.02606,49.7299q-1.35338,7.31049-2.03435,14.72419c-.11536,1.24663,1.83161,1.23877,1.94624,0Z" transform="translate(-208.93596 -187.83696)" fill="#e6e6e6"/><circle cx="751.8019" cy="450.71741" r="12.32619" fill="#e6e6e6"/><path d="M933.77287,710.06744a159.78742,159.78742,0,0,1-20.59035-47.89713q-1.74757-7.093-2.84086-14.324a.97385.97385,0,0,0-1.92923.25909,161.99654,161.99654,0,0,0,16.37365,50.29816q3.42929,6.59658,7.45221,12.861c.67579,1.0539,2.2061-.14981,1.53458-1.19706Z" transform="translate(-208.93596 -187.83696)" fill="#e6e6e6"/><circle cx="699.46095" cy="449.85215" r="12.32619" fill="#e6e6e6"/><path d="M835.16442,532.32815a10.05577,10.05577,0,0,0-4.4176-14.773l2.59077-35.64081-16.20274,9.07222.02382,32.45424a10.11027,10.11027,0,0,0,18.00575,8.88732Z" transform="translate(-208.93596 -187.83696)" fill="#ffb8b8"/><path d="M831.13364,393.782l4.4304,113.41817-18-1-4-119,3.796-1.78636A9.66542,9.66542,0,0,1,831.13364,393.782Z" transform="translate(-208.93596 -187.83696)" fill="#fabf1f"/><polygon points="566.53 512.201 554.271 512.201 548.438 464.913 566.532 464.913 566.53 512.201" fill="#ffb8b8"/><path d="M545.51336,508.69763h23.64387a0,0,0,0,1,0,0V523.5845a0,0,0,0,1,0,0H530.6265a0,0,0,0,1,0,0v0A14.88686,14.88686,0,0,1,545.51336,508.69763Z" fill="#2f2e41"/><polygon points="668.533 497.55 657.408 502.7 632.247 462.239 648.668 454.637 668.533 497.55" fill="#ffb8b8"/><path d="M859.64742,688.509h23.64387a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H844.76056a0,0,0,0,1,0,0v0A14.88686,14.88686,0,0,1,859.64742,688.509Z" transform="translate(-421.36521 239.53615) rotate(-24.84116)" fill="#2f2e41"/><path d="M746.35619,545.71107,759,690l17-2,12.564-131.79985L858,682l18-5s-57.936-173.29985-62.436-187.79985c-4.93306-15.89543-44-22-44-22l-1.5-1.5C751.27731,488.29768,744.55346,517.61854,746.35619,545.71107Z" transform="translate(-208.93596 -187.83696)" fill="#2f2e41"/><circle cx="604.77727" cy="160.49782" r="24.56103" fill="#ffb8b8"/><path d="M831,386l-18.936,98.70015S786.1241,479.52,776.88387,473.28023c-3.65967-2.48-6.98-5.04-9.77979-7.36035a121.27211,121.27211,0,0,1-9.04-8.21973s6.64014-32.60986,9.00977-41.33984c2.75215-10.11231,12.19339-21.891,19.54665-29.91755a21.74462,21.74462,0,0,1,21.474-6.35628Z" transform="translate(-208.93596 -187.83696)" fill="#fabf1f"/><path d="M776.88387,473.28023c-3.65967-2.48-6.98-5.04-9.77979-7.36035,1.00977-14.93994,23.02-46.21973,31.93994-46.21973C799.044,419.70015,801.15389,467.91011,776.88387,473.28023Z" transform="translate(-208.93596 -187.83696)" opacity="0.2"/><path d="M731.58,512.51739a10.05581,10.05581,0,0,0,5.277-14.48823l23.35886-27.04334-18.41435-2.3969-19.35886,26.04829A10.11027,10.11027,0,0,0,731.58,512.51739Z" transform="translate(-208.93596 -187.83696)" fill="#ffb8b8"/><path d="M796.886,381.22505a16.32166,16.32166,0,0,0-3.02616.34653,12.49536,12.49536,0,0,0-8.91792,7.79987L756.064,449.70015l-31,33,15.5,12.5,49-44,19.576-53.2815A12.75365,12.75365,0,0,0,796.886,381.22505Z" transform="translate(-208.93596 -187.83696)" fill="#fabf1f"/><path d="M815.167,372.66971c3.49562-5.2323,6.25434-12.48756,2.40565-17.4659-3.79908-4.91417-11.29215-4.19018-17.11054-6.36467-8.104-3.02866-12.80409-12.5493-11.33824-21.07564s8.31031-15.59442,16.46405-18.48644,17.34838-1.95148,25.33312,1.37887c9.82931,4.09969,18.26114,12.03027,21.79685,22.07625s1.6456,22.10808-5.68929,29.82962c-7.8638,8.27835-20.20556,10.48454-31.62276,10.35068" transform="translate(-208.93596 -187.83696)" fill="#2f2e41"/><path d="M853.73579,343.71c1.00063,5.591,7.13393,8.76649,12.77077,9.46443s11.46786-.197,16.9553,1.269c9.67415,2.58443,16.05479,11.88814,19.56678,21.26546s5.0695,19.49827,9.63253,28.41158,13.41057,16.77136,23.38922,15.93771a25.732,25.732,0,0,1-48.39436-1.5693c-3.66576-11.31688.54222-24.81289-5.86842-34.83353-3.54741-5.54505-9.673-8.80672-15.57943-11.71292s-12.10571-5.88926-16.0657-11.14761-4.75122-13.56286.12875-17.98074" transform="translate(-208.93596 -187.83696)" fill="#2f2e41"/><path d="M973.33913,711.94759h-320.294a1.19069,1.19069,0,1,1,0-2.38137h320.294a1.19069,1.19069,0,1,1,0,2.38137Z" transform="translate(-208.93596 -187.83696)" fill="#3f3d56"/><path d="M405.98926,410.98926a66.99829,66.99829,0,1,1,66.99853-66.99854A67.07432,67.07432,0,0,1,405.98926,410.98926Zm0-131.99658a64.99829,64.99829,0,1,0,64.99853,64.998A65.07191,65.07191,0,0,0,405.98926,278.99268Z" transform="translate(-208.93596 -187.83696)" fill="#3f3d56"/><polygon points="154.974 37.028 93.245 143.945 216.703 143.945 154.974 37.028 93.245 143.945 216.703 143.945 154.974 37.028" fill="#fabf1f"/></svg>
\ No newline at end of file
diff --git a/docs/images/card_browse_undraw_file_searching.svg b/docs/images/card_browse_undraw_file_searching.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c0e7dfcac9293c16e822e59d68c705eb41e6625f
--- /dev/null
+++ b/docs/images/card_browse_undraw_file_searching.svg
@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="578.0013" height="621.92557" viewBox="0 0 578.0013 621.92557" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M677.64241,491.89724l-249.84894,64.339a33.03735,33.03735,0,0,1-40.18683-23.728L312.04574,239.081a33.03734,33.03734,0,0,1,23.728-40.18683l232.44363-59.85691L627.712,165.67105l73.65843,286.03936A33.03734,33.03734,0,0,1,677.64241,491.89724Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path d="M338.14273,208.094a23.52653,23.52653,0,0,0-16.89723,28.61789l75.5609,293.42725a23.52654,23.52654,0,0,0,28.6179,16.89723l249.84894-64.339a23.52654,23.52654,0,0,0,16.89723-28.61789l-72.51713-281.6073-52.285-23.40643Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M627.07719,167.18472l-38.66749,9.95733a10.99077,10.99077,0,0,1-13.38436-7.9027L567.671,140.68008a.68692.68692,0,0,1,.944-.7991l58.56966,26.01073A.68692.68692,0,0,1,627.07719,167.18472Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path d="M606.73438,417.76533,492.98165,447.058a5.49538,5.49538,0,0,1-2.74083-10.64353L603.99355,407.1218a5.49538,5.49538,0,1,1,2.74083,10.64353Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M633.31182,430.07333l-135.705,34.9456A5.49538,5.49538,0,0,1,494.866,454.3754l135.705-34.94561a5.49539,5.49539,0,0,1,2.74084,10.64354Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><circle id="a597741b-ffcf-4aba-98b0-6652ef5d57c9" data-name="Ellipse 44" cx="135.55495" cy="323.87767" r="19.42315" fill="#e6e6e6"/><path d="M594.63919,366.93361,443.56425,405.8227A17.01917,17.01917,0,0,1,422.863,393.59731l-31.6597-122.9905a17.01916,17.01916,0,0,1,12.22538-20.7012l151.075-38.88909a17.01916,17.01916,0,0,1,20.7012,12.22539l31.65971,122.9905A17.01917,17.01917,0,0,1,594.63919,366.93361Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M594.63919,366.93361,443.56425,405.8227A17.01917,17.01917,0,0,1,422.863,393.59731l-31.6597-122.9905a17.01916,17.01916,0,0,1,12.22538-20.7012l151.075-38.88909a17.01916,17.01916,0,0,1,20.7012,12.22539l31.65971,122.9905A17.01917,17.01917,0,0,1,594.63919,366.93361ZM403.9273,251.84246a15.017,15.017,0,0,0-10.7871,18.26578l31.6597,122.9905a15.017,15.017,0,0,0,18.26577,10.7871l151.075-38.88908a15.017,15.017,0,0,0,10.7871-18.26578L573.268,223.74048a15.017,15.017,0,0,0-18.26578-10.7871Z" transform="translate(-310.99935 -139.03722)" fill="#e6e6e6"/><path id="b056fd3f-f1a0-44f0-b006-deff0bee637d-898" data-name="Path 411" d="M546.83934,252.37075l-76.24555,19.62681a2.73087,2.73087,0,0,1-3.30848-1.71854,2.63064,2.63064,0,0,1,1.85283-3.33925l77.61329-19.97889c3.13521,1.58858,2.31023,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="f1ea6668-a825-428d-96fe-a2c4e1b5a672-899" data-name="Path 412" d="M550.282,265.74474l-76.24555,19.62681A2.73089,2.73089,0,0,1,470.728,283.653a2.63065,2.63065,0,0,1,1.85284-3.33925l77.61329-19.97889c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="ee9aa382-a9c9-40d0-8ed3-22ec2dd616d6-900" data-name="Path 413" d="M459.51412,297.22917l-23.2694,5.98992a2.962,2.962,0,0,1-3.60325-2.12795l-7.06858-27.45979a2.962,2.962,0,0,1,2.12794-3.60325l23.2694-5.98991a2.963,2.963,0,0,1,3.60325,2.12795l7.06859,27.45982a2.962,2.962,0,0,1-2.12795,3.60324Z" transform="translate(-310.99935 -139.03722)" fill="#e6e6e6"/><path id="be954d2b-d8b8-4d26-80a0-a319e99a4b10-901" data-name="Path 414" d="M557.10914,293.18514,440.74446,323.13925a2.73087,2.73087,0,0,1-3.30847-1.71854,2.63062,2.63062,0,0,1,1.85284-3.33925L557.02218,287.775c3.13521,1.58859,2.31022,4.83781.087,5.41012Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="baaae9e4-1b4d-40c2-8a9d-f2abb078b489-902" data-name="Path 415" d="M560.55283,306.563,444.18814,336.51715a2.73086,2.73086,0,0,1-3.30846-1.71854,2.63061,2.63061,0,0,1,1.85283-3.33926l117.73335-30.30643c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="a91bf4c9-37f6-4391-92ed-1882bd0ce21c-903" data-name="Path 416" d="M563.99426,319.93218,447.62957,349.8863a2.73086,2.73086,0,0,1-3.30846-1.71854,2.63061,2.63061,0,0,1,1.85283-3.33926l117.73335-30.30643c3.13521,1.58858,2.31023,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="efb98e07-468b-4c85-9a64-ee4cc5493d6f-904" data-name="Path 417" d="M567.43768,333.30908,451.073,363.2632a2.73087,2.73087,0,0,1-3.30847-1.71854,2.63063,2.63063,0,0,1,1.85284-3.33926L567.35072,327.899c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="aeb1db98-32e5-40b8-ab89-fdad6a3263dc-905" data-name="Path 418" d="M570.87937,346.67924,454.51469,376.63336a2.73088,2.73088,0,0,1-3.30847-1.71855,2.63062,2.63062,0,0,1,1.85284-3.33925l117.73335-30.30643c3.13521,1.58858,2.31022,4.83781.087,5.41011Z" transform="translate(-310.99935 -139.03722)" fill="#f2f2f2"/><path id="be265de5-288f-49a7-867d-c42e7cdbf4db-906" data-name="Path 395" d="M447.98728,469.72335a2.01449,2.01449,0,0,1-1.27407-.08782l-.02505-.01034L441.3969,467.382a2.02852,2.02852,0,1,1,1.58747-3.73356l3.42865,1.45835,4.49293-10.56929a2.02766,2.02766,0,0,1,2.65942-1.07259l.00068.00028-.027.06912.02812-.06941a2.03011,2.03011,0,0,1,1.0723,2.66008l-5.28586,12.42716a2.02886,2.02886,0,0,1-1.36522,1.16845Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M773.47457,603.71475h-258a33.03734,33.03734,0,0,1-33-33v-303a33.03734,33.03734,0,0,1,33-33H755.50142l50.97315,40.62891V570.71475A33.03734,33.03734,0,0,1,773.47457,603.71475Z" transform="translate(-310.99935 -139.03722)" fill="#e6e6e6"/><path d="M515.47446,244.21475a23.52654,23.52654,0,0,0-23.5,23.5v303a23.52653,23.52653,0,0,0,23.5,23.5h258a23.52653,23.52653,0,0,0,23.5-23.5V279.92032l-44.79614-35.70557Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M723.29356,332.319H605.82977a5.49538,5.49538,0,0,1,0-10.99076H723.29356a5.49538,5.49538,0,1,1,0,10.99076Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M745.962,350.86594H605.82977a5.49539,5.49539,0,0,1,0-10.99077H745.962a5.49539,5.49539,0,1,1,0,10.99077Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M723.29425,404.44277h-117.46a5.495,5.495,0,1,0,0,10.99h117.46a5.495,5.495,0,0,0,0-10.99Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M745.96417,422.99281H605.83429a5.495,5.495,0,1,0,0,10.99H745.96417a5.495,5.495,0,0,0,0-10.99Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M723.29356,498.55433H605.82977a5.49538,5.49538,0,0,1,0-10.99076H723.29356a5.49538,5.49538,0,1,1,0,10.99076Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M745.962,517.10125H605.82977a5.49539,5.49539,0,0,1,0-10.99077H745.962a5.49539,5.49539,0,1,1,0,10.99077Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><circle id="abdb8e2f-a218-463c-85f4-c869fef49971" data-name="Ellipse 44" cx="245.91553" cy="197.05988" r="19.42315" fill="#fabf1f"/><path id="ba7dbbd6-0052-44b1-a552-47a8298b8d3e-907" data-name="Path 395" d="M554.99015,343.50645a2.0144,2.0144,0,0,1-1.21191-.40277l-.02168-.01626-4.5647-3.49185a2.02852,2.02852,0,1,1,2.46838-3.21972l2.95665,2.26729,6.98671-9.11494a2.02767,2.02767,0,0,1,2.84288-.3755l.00058.00044-.04336.06021.04454-.06021a2.03011,2.03011,0,0,1,.37507,2.84345l-8.2179,10.71637a2.02892,2.02892,0,0,1-1.61348.79109Z" transform="translate(-310.99935 -139.03722)" fill="#fff"/><path d="M578.33429,419.21278a19.42256,19.42256,0,0,1-19.41992,19.43,4.17626,4.17626,0,0,1-.5-.02,19.422,19.422,0,1,1,19.91992-19.41Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><circle id="e4a71040-498e-4958-ad41-c2d79154b8f7" data-name="Ellipse 44" cx="245.91553" cy="363.29519" r="19.42315" fill="#ccc"/><path d="M805.48234,276.65121h-39.929a10.99077,10.99077,0,0,1-10.99076-10.99077v-29.491a.68692.68692,0,0,1,1.11347-.53844l50.23281,39.79483A.68692.68692,0,0,1,805.48234,276.65121Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/><path d="M578.33429,419.21278a19.42256,19.42256,0,0,1-19.41992,19.43,4.17626,4.17626,0,0,1-.5-.02,42.05076,42.05076,0,0,1,3.77-38.56A19.43323,19.43323,0,0,1,578.33429,419.21278Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M600.33429,409.94277a5.50988,5.50988,0,0,1,5.5-5.5h29.27a41.57257,41.57257,0,0,1,3.60986,10.99H605.83429A5.50129,5.50129,0,0,1,600.33429,409.94277Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M639.39435,422.99281a41.92449,41.92449,0,0,1-1.46,10.99h-32.1001a5.495,5.495,0,1,1,0-10.99Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M711.816,490.77021a6.00013,6.00013,0,0,1-8.24672,1.9979l-70.0049-42.70029a6,6,0,0,1,6.24883-10.24462l70.00489,42.70029A6.00014,6.00014,0,0,1,711.816,490.77021Z" transform="translate(-310.99935 -139.03722)" fill="#3f3d56"/><path d="M641.8111,448.06992a48,48,0,1,1-15.98318-65.97376A48.05436,48.05436,0,0,1,641.8111,448.06992Zm-71.71233-43.74176a36,36,0,1,0,49.48033-11.98738A36.04071,36.04071,0,0,0,570.09877,404.32816Z" transform="translate(-310.99935 -139.03722)" fill="#3f3d56"/><circle cx="484.60301" cy="267.17256" r="24.56103" fill="#a0616a"/><path d="M794.015,543.90119a11.002,11.002,0,0,1,8.32251-14.15136,10.46752,10.46752,0,0,1,1.45923-.17969l25.87158-41.52344L806.036,465.57991a9.43208,9.43208,0,1,1,13.1206-13.55274L851.786,484.201l.06567.08008a8.54468,8.54468,0,0,1-.59448,10.18457l-36.25,42.873a10.301,10.301,0,0,1,.27,1.0459,11.0026,11.0026,0,0,1-9.875,13.11621q-.46839.041-.93213.041A11.0367,11.0367,0,0,1,794.015,543.90119Z" transform="translate(-310.99935 -139.03722)" fill="#a0616a"/><polygon points="444.151 609.001 431.891 609 426.059 561.712 444.153 561.713 444.151 609.001" fill="#a0616a"/><path d="M758.2767,759.92208l-39.53051-.00146v-.5a15.38605,15.38605,0,0,1,15.38647-15.38623h.001l24.1438.001Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><polygon points="566.007 592.05 555.473 598.322 526.268 560.676 541.815 551.419 566.007 592.05" fill="#a0616a"/><path d="M885.77238,739.69878l-33.96586,20.2233-.25581-.4296a15.386,15.386,0,0,1,5.34836-21.09206l.00084-.0005,20.74515-12.35158Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><path d="M735.512,727.21272c-8.21289-96.70606-13.09863-186.54492,16.92408-223.19336l.23217-.28418,50.52564,20.21094.08325.18066c.17041.37109,16.97388,37.333,13.0542,62.19434L828.794,643.64924l40.63574,68.041A4.50136,4.50136,0,0,1,867.379,718.118l-17.65918,7.76953a4.52142,4.52142,0,0,1-5.64844-1.76562l-44.2041-72.08008-24.96778-55.28613a1.50028,1.50028,0,0,0-2.85888.459L758.20052,727.31135a4.4918,4.4918,0,0,1-4.47461,4.02441H739.99764A4.53045,4.53045,0,0,1,735.512,727.21272Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><path d="M752.60628,504.786l-.24072-.11523-.0376-.26465c-1.88745-13.21.34668-27.8877,6.63989-43.625a34.63634,34.63634,0,0,1,40.20191-20.74317h0a34.59441,34.59441,0,0,1,22.06055,16.96387,34.2209,34.2209,0,0,1,2.3728,27.4248c-7.93384,23.2002-18.22583,44.90723-18.32886,45.124l-.21558.45312Z" transform="translate(-310.99935 -139.03722)" fill="#fabf1f"/><path d="M697.48021,471.88251A11.002,11.002,0,0,1,713.65,474.72233a10.46856,10.46856,0,0,1,.67932,1.3039l47.95411,9.69217,12.7683-30.00357a9.43208,9.43208,0,1,1,17.28928,7.54372l-18.71,41.83025-.052.08956a8.54469,8.54469,0,0,1-9.74785,3.00972L710.97846,489.2473a10.30273,10.30273,0,0,1-.88511.61918,11.00261,11.00261,0,0,1-15.74382-4.6565q-.20244-.42436-.36484-.85874A11.0367,11.0367,0,0,1,697.48021,471.88251Z" transform="translate(-310.99935 -139.03722)" fill="#a0616a"/><path d="M884.33087,432.51247c-2.36572-4.19178-5.8125-8.03119-10.36914-9.58069-5.88476-2.001-12.25683.12964-18.30713,1.55218-4.66162,1.09595-9.53173,1.76679-14.23046.84192-4.69825-.92492-9.23047-3.65924-11.36817-7.94409-3.145-6.30359-.4956-13.82062-.687-20.86255a25.33438,25.33438,0,0,0-31.92334-23.81061c-5.79346-1.67193-11.03906-1.82659-14.62256,2.62714a17.0001,17.0001,0,0,0-17,17h16.25537a16.1496,16.1496,0,0,0,2.4541,11.93109c2.86963,4.21582,7.85938,7.2655,8.81983,12.274.93115,4.85351-2.36817,9.45868-5.8291,12.98669-3.46045,3.528-7.4751,7.02381-8.55567,11.84626a14.68871,14.68871,0,0,0,2.10352,10.56475,34.40329,34.40329,0,0,0,7.38623,8.13575,108.40184,108.40184,0,0,0,45.0376,23.04034c11.7041,2.81781,24.50586,3.54822,35.37109-1.6355a35.12563,35.12563,0,0,0,15.46484-48.96667Z" transform="translate(-310.99935 -139.03722)" fill="#2f2e41"/><path d="M888.00065,760.96278h-190a1,1,0,0,1,0-2h190a1,1,0,0,1,0,2Z" transform="translate(-310.99935 -139.03722)" fill="#ccc"/></svg>
\ No newline at end of file
diff --git a/docs/images/card_contribute_undraw_dev_focus.svg b/docs/images/card_contribute_undraw_dev_focus.svg
new file mode 100644
index 0000000000000000000000000000000000000000..222e8a298f37a6b4f7e7ea13e97b2c2a424aa389
--- /dev/null
+++ b/docs/images/card_contribute_undraw_dev_focus.svg
@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="971.0518" height="628.38145" viewBox="0 0 971.0518 628.38145" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M847.93141,636.215h0a249.62642,249.62642,0,0,1-2.09461-54.11121l2.09461-29.88879h0c-11.54175,22.96552-8.93335,53.1922,0,83.99994Z" transform="translate(-114.4741 -135.80928)" fill="#cacaca"/><path d="M856.93141,641.215h0a183.49726,183.49726,0,0,1-1.00781-32.209l1.00781-17.791h0C851.37831,604.885,852.63331,622.877,856.93141,641.215Z" transform="translate(-114.4741 -135.80928)" fill="#cacaca"/><path d="M896.93606,663.21738v10a3.01557,3.01557,0,0,1-3,3h-5a.99647.99647,0,0,0-1,1v82a3.01557,3.01557,0,0,1-3,3h-61a3.0023,3.0023,0,0,1-3-3v-82a1.003,1.003,0,0,0-1-1h-6a3.0023,3.0023,0,0,1-3-3v-10a2.99585,2.99585,0,0,1,3-3h80A3.009,3.009,0,0,1,896.93606,663.21738Z" transform="translate(-114.4741 -135.80928)" fill="#f2f2f2"/><rect x="706.5518" y="542.50808" width="67" height="3" fill="#e6e6e6"/><path d="M887.93606,722.46217c-22.41974,9.27794-45.084,9.38019-68,0V701.327a106.78989,106.78989,0,0,1,68,0Z" transform="translate(-114.4741 -135.80928)" fill="#e6e6e6"/><circle cx="451.48125" cy="213.98538" r="36.39575" fill="#2f2e41"/><path d="M576.09529,314.40075a36.40078,36.40078,0,0,1,32.03936,53.66882,36.38707,36.38707,0,1,0-60.4544-39.98248A36.306,36.306,0,0,1,576.09529,314.40075Z" transform="translate(-114.4741 -135.80928)" fill="#2f2e41"/><circle cx="383.4705" cy="106.99576" r="106.91249" fill="#2f2e41"/><path d="M414.03572,176.47092A106.89327,106.89327,0,0,1,562.20289,165.261c-.87427-.83106-1.73926-1.66886-2.6477-2.47643a106.91251,106.91251,0,0,0-142.0661,159.80724c.90844.80758,1.84179,1.56848,2.76953,2.33935A106.89336,106.89336,0,0,1,414.03572,176.47092Z" transform="translate(-114.4741 -135.80928)" fill="#2f2e41"/><circle cx="382.5645" cy="144.14332" r="68.85889" fill="#ffb8b8"/><path d="M532.21437,367.50466l-73.68847,3.31269s6.15038,38.10812-33.71528,41.73229-76.10721-7.24829-90.60382,19.93283-8.24829,123.96607-8.24829,123.96607,27.18115,97.85211,48.92605,112.34875,212.01291-5.43622,212.01291-5.43622L666.5259,562.81735l-2.697-77.53951c-1.40839-40.49105-38.37693-70.89154-78.1935-63.39829q-1.17287.22073-2.36205.47539s-8.74743-6.53759-32.74743-18.53759C535.8492,396.479,532.21437,367.50466,532.21437,367.50466Z" transform="translate(-114.4741 -135.80928)" fill="#cacaca"/><path d="M372.26039,410.73757s17.5138,31.77787,10.26551,77.07978,23.164,141.11428,23.164,141.11428l21.74494-5.43622s-14.49662-94.228-10.87244-115.9729,4.62414-85.91251-13.49661-96.78494S372.26039,410.73757,372.26039,410.73757Z" transform="translate(-114.4741 -135.80928)" fill="#2f2e41"/><path d="M581.99873,427.39977l7.61682,200.62579,14.49658,9.06037s20.83887-220.16727,9.96643-220.16727H591.95607a9.97041,9.97041,0,0,0-9.9704,9.97043Q581.98567,427.14457,581.99873,427.39977Z" transform="translate(-114.4741 -135.80928)" fill="#2f2e41"/><circle cx="301.18217" cy="479.53178" r="9.06039" fill="#fabf1f"/><circle cx="482.38982" cy="488.59217" r="9.06038" fill="#fabf1f"/><polygon points="323.672 58.069 323.672 126.928 339.619 126.928 359.914 105.183 357.196 126.928 427.685 126.928 423.336 105.183 432.034 126.928 443.269 126.928 443.269 58.069 323.672 58.069" fill="#2f2e41"/><ellipse cx="312.79955" cy="129.6467" rx="5.43622" ry="9.96642" fill="#ffb8b8"/><ellipse cx="452.32945" cy="129.6467" rx="5.43622" ry="9.96642" fill="#ffb8b8"/><path d="M717.62587,744.25542v6.07a13.34036,13.34036,0,0,1-.91,4.87,13.68347,13.68347,0,0,1-.97,2,13.4372,13.4372,0,0,1-11.55,6.56h-446.55a13.43737,13.43737,0,0,1-11.55-6.56,13.68965,13.68965,0,0,1-.97-2,13.34125,13.34125,0,0,1-.91-4.87v-6.07a13.42638,13.42638,0,0,1,13.42282-13.43h25.74717v-2.83a.55906.55906,0,0,1,.55816-.56h13.43183a.5591.5591,0,0,1,.56.55817v2.83185h8.39v-2.83a.55906.55906,0,0,1,.55816-.56h13.43183a.5591.5591,0,0,1,.56.55817v2.83185h8.4v-2.83a.55906.55906,0,0,1,.55817-.56h13.43182a.5591.5591,0,0,1,.56.55817v2.83185h8.39v-2.83a.55906.55906,0,0,1,.55817-.56h13.43182a.5591.5591,0,0,1,.56.55817v2.83185h8.39v-2.83a.55907.55907,0,0,1,.55817-.56h13.43182a.5591.5591,0,0,1,.56.55817v2.83185h8.4v-2.83a.55906.55906,0,0,1,.55816-.56h13.43183a.5591.5591,0,0,1,.56.55817v2.83185h8.39v-2.83a.55908.55908,0,0,1,.55817-.56H526.80586a.55908.55908,0,0,1,.56.55817v2.83185h8.4v-2.83a.55908.55908,0,0,1,.55817-.56h13.43182a.5655.5655,0,0,1,.56.56v2.83h8.39v-2.83a.55908.55908,0,0,1,.55817-.56h13.43182a.55908.55908,0,0,1,.56.55817v2.83185h8.39v-2.83a.55908.55908,0,0,1,.55816-.56h13.43183a.55908.55908,0,0,1,.56.55817v2.83185h8.4v-2.83a.55908.55908,0,0,1,.55816-.56h13.43183a.557.557,0,0,1,.55.56v2.83h8.4v-2.83a.55908.55908,0,0,1,.55817-.56h13.43182a.55908.55908,0,0,1,.56.55817v2.83185h8.39v-2.83a.55908.55908,0,0,1,.55817-.56h13.43182a.55908.55908,0,0,1,.56.55817v2.83185h39.17a13.42639,13.42639,0,0,1,13.43,13.42273Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/><rect y="626.38145" width="971.0518" height="2" fill="#3f3d56"/><path d="M681.66835,488.62124H272.6248a11.2586,11.2586,0,0,0-11.25861,11.2586V727.79131A11.25867,11.25867,0,0,0,272.62477,739.05H681.66835a11.25866,11.25866,0,0,0,11.2586-11.25867V499.87984a11.2586,11.2586,0,0,0-11.2586-11.2586Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/><circle cx="362.99998" cy="432.38142" r="25" fill="#fabf1f"/><polygon points="517.763 267.219 643.969 140.016 703.552 140.016 703.552 138.016 643.134 138.016 642.841 138.313 516.341 265.813 517.763 267.219" fill="#3f3d56"/><rect x="776.32793" y="87.79227" width="146.22388" height="13.02985" fill="#fabf1f"/><path d="M872.981,244.87035H842.02589V213.91478H872.981Zm-28.95508-2H870.981V215.91478H844.02589Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/><rect x="776.32793" y="131.2251" width="146.22388" height="13.02985" fill="#fabf1f"/><path d="M872.981,288.303H842.02589V257.34789H872.981Zm-28.95508-2H870.981V259.34789H844.02589Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/><rect x="776.32793" y="174.65794" width="146.22388" height="13.02985" fill="#fabf1f"/><path d="M872.981,331.73558H842.02589V300.78051H872.981Zm-28.95508-2H870.981V302.78051H844.02589Z" transform="translate(-114.4741 -135.80928)" fill="#3f3d56"/></svg>
\ No newline at end of file
diff --git a/docs/images/card_interface_undraw_futuristic_interface.svg b/docs/images/card_interface_undraw_futuristic_interface.svg
new file mode 100644
index 0000000000000000000000000000000000000000..da478d5d094c56d083ae0eba7cdb071024196903
--- /dev/null
+++ b/docs/images/card_interface_undraw_futuristic_interface.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="555.5" height="645.54534" viewBox="0 0 555.5 645.54534" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M38.5,406.77267H1.5v-37c0-6.60004,5.40002-12,12-12H49.5v38c0,6.06543-4.93457,11-11,11Z" fill="#3f3d56"/><path d="M544.5,49.77267h-37V12.77267c0-6.60004,5.40002-12,12-12h36V38.77267c0,6.06543-4.93457,11-11,11Z" fill="#3f3d56"/><g><polygon points="285.24123 629.76828 271.91423 629.76697 265.5745 578.36223 285.24394 578.36359 285.24123 629.76828" fill="#a0616a"/><path d="M285.71033,643.67098l-40.98248-.00156v-.51823c.00058-8.80947,7.14205-15.95078,15.95152-15.95128h.00099l7.48595-5.6792,13.96715,5.68011,3.57752,.00008-.00066,16.47009Z" fill="#2f2e41"/></g><path d="M276.79528,364.46345l-8.79528,30.53655s-19,99.93474-14,113.93474,8.68504,102.06526,8.68504,102.06526h26.01575s3.50394-22.34079,3.40157-25.70302c-.10236-3.36223,5.89764-57.36223-2.10236-65.36223l35-88,55-46-21.56693-26.77026-81.6378,5.29897Z" fill="#2f2e41"/><path d="M404,414v-16l-16-22c-6.59998,0-12,5.39996-12,12v54c0,6.59998,5.40002,12,12,12h54c6.59998,0,12-5.40002,12-12l-22-15h-15c-7.16846,0-13-5.83203-13-13Z" fill="#fabf1f" opacity=".5"/><path d="M481.22,281.50002H154.77957c-10.63086,0-19.2793-8.64893-19.2793-19.28003v-113.43994c0-10.6311,8.64844-19.28003,19.2793-19.28003H481.22c10.63086,0,19.28027,8.64893,19.28027,19.28003v113.43994c0,10.6311-8.64941,19.28003-19.28027,19.28003Z" fill="#fabf1f" opacity=".5"/><path d="M340.78027,260H127.78027c-10.90674,0-19.78027-8.87354-19.78027-19.78027V126.77979c0-10.90674,8.87305-19.77979,19.77979-19.77979H454.21973c10.90674,0,19.78027,8.87354,19.78027,19.78027,0,73.45752-59.76221,133.21973-133.21973,133.21973ZM127.77979,109c-9.80371,0-17.77979,7.97607-17.77979,17.77979v113.43994c0,9.8042,7.97607,17.78027,17.78027,17.78027h213c72.35498,0,131.21973-58.86475,131.21973-131.21973,0-9.8042-7.97607-17.78027-17.78027-17.78027H127.77979Z" fill="#fabf1f"/><g><path d="M367.79989,377.04384l-2.11682-29.96289,16.9478-3.59737,1.11088,31.75826c.66768,.70439,1.24564,1.5161,1.70151,2.42961,2.4794,4.96843,.46162,11.00615-4.50681,13.48554-4.96843,2.4794-11.00615,.46162-13.48554-4.50681-1.58122-3.16859-1.32677-6.7683,.34899-9.60634Z" fill="#a0616a"/><path d="M340.89513,184.92256l-6.52043,4.8595,16.0247,91.3789-2.34273,5.59452,3.12531,2.93852,.95771,7.02766,12.61836,65.27834h19.24195c-.28242-2.26768,5.28057-4.59195,5-7-.32081-2.75336-2.57469-6.91812-2.8952-9.82685-.09924-.90064-.19852-1.80802-.29788-2.72167-.14584-1.34116-.29184-2.69587-.43811-4.06269-.11327-1.05845-.22669-2.12418-.34032-3.19653-2.46013-23.21649-3.47157-49.34159-4.89257-71.9006-1.8116-28.75973-4.28887-51.72352-11.28221-55.47561l-27.95859-22.8935Z" fill="#3f3d56"/></g><path d="M389.53455,628.21239c2.06592,.12937,3.20768-2.43737,1.64468-3.93333l-.1555-.61819c.02047-.04951,.04105-.09897,.06178-.14839,2.08924-4.9818,9.16992-4.94742,11.24139,.04177,1.83859,4.42817,4.17942,8.86389,4.75579,13.54594,.25838,2.0668,.14213,4.17236-.31648,6.20047,4.30807-9.41059,6.57515-19.68661,6.57515-30.02077,0-2.59652-.14213-5.19301-.43275-7.78295-.239-2.11854-.56839-4.2241-.99471-6.31034-2.30575-11.2772-7.29852-22.01825-14.50012-30.98962-3.46197-1.89248-6.34906-4.85065-8.09295-8.39652-.62649-1.27891-1.11739-2.65462-1.34991-4.05618,.39398,.05168,1.48556-5.94866,1.18841-6.3168,.54906-.83317,1.53178-1.24733,2.13144-2.06034,2.98232-4.04341,7.0912-3.33741,9.23621,2.15727,4.58224,2.31266,4.62659,6.14806,1.81495,9.83683-1.78878,2.34682-2.03456,5.52233-3.60408,8.03478,.16151,.20671,.32944,.40695,.4909,.61366,2.96106,3.79788,5.52208,7.88002,7.68104,12.16859-.61017-4.76621,.29067-10.50822,1.82641-14.20959,1.74819-4.21732,5.02491-7.76915,7.91045-11.41501,3.46601-4.37924,10.57337-2.46806,11.18401,3.08332,.00591,.05375,.01166,.10745,.01731,.1612-.4286,.24178-.84849,.49867-1.25864,.76992-2.33949,1.54723-1.53096,5.17386,1.24107,5.60174l.06277,.00967c-.15503,1.54366-.41984,3.07444-.80734,4.57937,3.70179,14.31579-4.29011,19.5299-15.70147,19.76412-.25191,.12916-.49738,.25832-.74929,.38109,1.15617,3.25525,2.07982,6.59447,2.76441,9.97891,.61359,2.99043,1.03991,6.01317,1.27885,9.04888,.29715,3.83006,.27129,7.67959-.05168,11.50323l.01939-.13562c.82024-4.21115,3.10671-8.14462,6.4266-10.87028,4.94561-4.06264,11.93282-5.55869,17.26826-8.82425,2.56833-1.57196,5.85945,.45945,5.41121,3.43708l-.02182,.14261c-.79443,.32289-1.56947,.69755-2.31871,1.11733-.4286,.24184-.84848,.49867-1.25864,.76992-2.33949,1.54729-1.53096,5.17392,1.24107,5.6018l.06282,.00965c.0452,.00646,.08397,.01295,.12911,.01944-1.36282,3.23581-3.26168,6.23922-5.63854,8.82922-2.31463,12.49713-12.25603,13.68282-22.89022,10.04354h-.00648c-1.16259,5.06378-2.86128,10.01127-5.0444,14.72621h-18.02019c-.06463-.20022-.12274-.40692-.18089-.60717,1.6664,.10341,3.34571,.00649,4.98629-.29702-1.33701-1.64059-2.67396-3.29409-4.01097-4.93462-.03229-.0323-.05816-.0646-.08397-.09689-.67817-.8396-1.36282-1.67283-2.04099-2.51246l-.00036-.00102c-.04245-2.57755,.26652-5.14662,.87876-7.63984l.00057-.00035Z" fill="#f2f2f2"/><path d="M187.98319,644.35534c0,.66003,.53003,1.19,1.19006,1.19h253.28998c.65997,0,1.19-.52997,1.19-1.19,0-.65997-.53003-1.19-1.19-1.19H189.17326c-.66003,0-1.19006,.53003-1.19006,1.19Z" fill="#ccc"/><path d="M22.69,0C10.15866,0,0,10.15866,0,22.69V407H2V157.67999C2,71.70001,71.70001,2,157.67999,2l397.68367-.36367-.36367-1.63633H22.69Z" fill="#3f3d56"/><path d="M189,256c0,1.33997-.03998,2.67999-.10999,4h-61.10999c-10.37006,0-18.78003-8.41003-18.78003-18.78003v-56.77997c2.63-.29004,5.29999-.44,8-.44,39.76001,0,72,32.23999,72,72Z" fill="#fabf1f"/><path d="M415.55057,182.99647H220.18172c-3.32953,0-6.03599,2.70647-6.03599,6.03599s2.70647,6.03599,6.03599,6.03599h195.36885c3.32953,0,6.03599-2.70647,6.03599-6.03599s-2.70647-6.03599-6.03599-6.03599Z" fill="#fabf1f"/><path d="M280.75629,149.15202h-60.57457c-3.32953,0-6.03599,2.70647-6.03599,6.03599s2.70647,6.03599,6.03599,6.03599h60.57457c3.32953,0,6.03599-2.70647,6.03599-6.03599s-2.70647-6.03599-6.03599-6.03599Z" fill="#fabf1f"/><g><polygon points="340.24123 629.76828 326.91423 629.76697 320.5745 578.36223 340.24394 578.36359 340.24123 629.76828" fill="#a0616a"/><path d="M340.71033,643.67098l-40.98248-.00156v-.51823c.00058-8.80947,7.14205-15.95078,15.95152-15.95128h.00099l7.48595-5.6792,13.96715,5.68011,3.57752,.00008-.00066,16.47009Z" fill="#2f2e41"/></g><path d="M312.5,376.5l7,61-15.5,63.5,13.5,110.5,25,2s12-81,1-109l28-110-21-12-38-6Z" fill="#2f2e41"/><path d="M338.58268,170.38583c-4.41168-4.70954-2.90076-9.00038-9.72151-10.20274-4.62394-.8151-10.18921,.00239-14.92426-.00199-11.90003-.011-13.68894,6.56911-20.54001,15.31106-17.64659,22.517-1.22894,40.5864-5.39689,67.50784-3.87262,25.01391,6.50628,38.63621,1.90945,63.71755-2.18814,11.93899-6.42969,28.75043-13.85156,42.48065-4.09814,7.58142-6.06348,16.40118-5.05811,24.80182,.88965,7.43469,96.90692,8.30154,99.56385,6.47223,3.12865-2.1541,2.07062-6.77208,2.37615-9.98945,.82773-8.71622,1.66982-14.82232-.42325-23.72477-1.96683-8.36553-1.93008-18.08568-1.95748-26.73193-.02642-8.33578-11.7675,5.42562-11.08544-2.89646,.86991-10.61412,2.59475-20.99827,4.49475-31.51597,1.47061-8.14074,2.04693-16.50603,4.20764-24.47678,2.48895-9.1816,5.45647-17.2585,5.55628-26.88836,.07769-7.49552,1.88667-17.97407-1.09344-24.84144-4.39014-10.11665-13.24348-19.22664-20.71213-27.3296-3.71373-4.02914-7.40085-6.65144-11.64325-9.99088" fill="#3f3d56"/><g><path d="M187.84909,216.48957l27.0348,13.09105-5.32361,16.48721-28.0904-14.85767c-.94338,.22803-1.93511,.3248-2.9543,.265-5.54319-.32527-9.77319-5.08263-9.44792-10.62582,.32527-5.54319,5.08263-9.77319,10.62582-9.44792,3.53514,.20744,6.52962,2.22132,8.15562,5.08816Z" fill="#a0616a"/><path d="M270.77531,291.21231c-2.58952-1.37172-42.03513-26.52723-62.77531-38.21231-.38867-.21898-3.06582,1.21536-3.43935,1.0049-.57014-.32123-.02813-2.70485-.56065-3.0049-1.15483-.65069-3.31193,.82288-4.26886,.28365-3.46532-1.95273-2.73114-10.28365-2.73114-10.28365l7-17,11.44396-.36523,2.55604,4.36523,5.42587-.65374,3.57413,4.65374,41.19216,16.1621c1.60107-21.47809,10.18994-39.19672,19.49414-56.53049l3.76092,.7105c9.48421,1.79183,15.81038,10.81843,14.25842,20.34483l-10.86243,66.67644c-1.05159,6.2035-5.4409,11.20585-11.45502,13.05439-4.34598,1.33643-8.85531,.78444-12.61288-1.20547Z" fill="#3f3d56"/></g><circle cx="311.67051" cy="123.25689" r="30.60491" fill="#a0616a"/><path d="M345.63943,124.18752c-1.06982-.42999-2.14014-.78998-3.06982-1.01996,5.2518,6.61167-3.61409,12.41385-4.98973,19.1804,.11451,5.37162-2.82238,7.80842-7.96047,9.27956l.12012-.41998c-41.7908,10.70492,2.29312-24.92919-30.38049-25.91102-4.97986,.29102,1.67062-15.3667-3.44958-14.57897-13,2-13.60607,.62565-14.99939,10.00114-2.53089,.82882-6.00061-3.00114-5.59046-7.00114-.92626-1.6833-3.34658-.60581-4.32001-3.1603-1.03009-1.94968-2.99005-14.69968,1.47968-8.73972,.2957-4.06876-.8552-12.38692,4.22021-5.27997-.66048-3.23315,2.14591-1.83304,3.31982,.08997,.83008-1.89001,1.66016-3.76996,2.47998-5.65997-.22998,.84998-.08008,1.77997,.34033,2.62,2.35874-5.01123,5.96-5.46511,11.57959-6.88-.06542,1.5351-.02999,3.33123,.18018,4.71997,6.52529-10.81121,22.32813-7.79075,28.62926,1.76054,3.99323,.91177,5.6808-.4705,9.6808,.5295,10.74785,2.68696,15.66116,19.25956,12.72998,30.46997Z" fill="#2f2e41"/><path d="M427,413h37v-37c0-6.60004-5.40002-12-12-12h-36v38c0,6.06543,4.93457,11,11,11Z" fill="#fabf1f"/><ellipse cx="127.70614" cy="55.21025" rx="8.45661" ry="8.64507" fill="#3f3d56"/><ellipse cx="156.91989" cy="55.21025" rx="8.45661" ry="8.64507" fill="#3f3d56"/><ellipse cx="186.13364" cy="55.21025" rx="8.45661" ry="8.64507" fill="#3f3d56"/><path d="M393.5,84.27267c-.82715,0-1.5,.67285-1.5,1.5v10c0,.82715,.67285,1.5,1.5,1.5h10c.82715,0,1.5-.67285,1.5-1.5v-10c0-.82715-.67285-1.5-1.5-1.5h-10Z" fill="#fabf1f"/><path d="M416.5,84.27267c-.82715,0-1.5,.67285-1.5,1.5v10c0,.82715,.67285,1.5,1.5,1.5h10c.82715,0,1.5-.67285,1.5-1.5v-10c0-.82715-.67285-1.5-1.5-1.5h-10Z" fill="#fabf1f"/><path d="M439.5,84.27267c-.82715,0-1.5,.67285-1.5,1.5v10c0,.82715,.67285,1.5,1.5,1.5h10c.82715,0,1.5-.67285,1.5-1.5v-10c0-.82715-.67285-1.5-1.5-1.5h-10Z" fill="#fabf1f"/></svg>
\ No newline at end of file
diff --git a/docs/images/card_outreach_undraw_engineering_team.svg b/docs/images/card_outreach_undraw_engineering_team.svg
new file mode 100644
index 0000000000000000000000000000000000000000..31bdcd9f504e175c485d2741c74abbd7c91a4e65
--- /dev/null
+++ b/docs/images/card_outreach_undraw_engineering_team.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="866.81006" height="443.0676" viewBox="0 0 866.81006 443.0676" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M828.33492,244.95227l-2.71537,21.6217-6.73908,53.70394h-135.38272c1.05718-12.03676,2.50247-29.36207,4.04646-48.06508,.15218-1.86793,.31188-3.74756,.46397-5.63886,3.87162-47.01432,8.10823-100.21632,8.10823-100.21632l17.79852,3.31574,34.53207,6.42112,14.07147,2.61514,37.68114,7.01655c18.78727,3.49074,31.7102,30.69301,28.13532,59.22608Z" fill="#f2f2f2"/><polygon points="725.93018 79.35764 742.57875 108.4915 710.5803 131.16867 696.93018 95.35764 725.93018 79.35764" fill="#ffb6b6"/><circle cx="704.73531" cy="65.67545" r="41.24406" fill="#ffb6b6"/><path d="M701.77389,74.8959c-3.27492-4.9842-1.98953-7.59113-4.73126-9.42283-.00005-.00005-1.10331-.7371-8.99943-1.15733h0c-1.76783-12.72387-3.9747-14.26689-3.97475-14.26694-2.54344-1.77835-6.31806-1.20052-8.66632-.11286-4.96648,2.3004-4.39069,7.26947-7.73471,8.22036-4.61947,1.31356-13.02411-6.09155-13.85211-14.56892-.67539-6.91516,3.77981-13.63146,5.54692-13.27617,1.75207,.35229,5.94686-5.00298,8.2118-4.92038,1.54677,.05641,7.86668-2.69052,9.56681-2.47576,1.85668,.23458,7.97849,3.42925,8.23359,2.69936,1.77276-5.07201,1.25174-6.47929,2.75595-7.93028,2.66541-2.57115,7.02574-.78067,13.86612,.18057,14.07429,1.97776,16.5307-2.66296,23.74347,.48255,3.64355,1.58896,6.69229,5.8742,12.64108,14.3798,8.31932,11.89498,12.47896,17.84248,12.50565,24.77939,.02721,7.0744-3.3985,6.62532-4.90327,17.09838-1.67502,11.65826,1.88393,16.98908-2.00412,20.77661-3.00495,2.92729-9.11284,3.62215-12.32198,1.05303-5.49439-4.39856,1.69602-15.0123-4.38413-22.76671-3.73224-4.75997-11.23802-6.87793-14.67632-4.52502-3.88767,2.66043-1.74599,10.46929-4.47987,11.20979-2.3411,.63413-5.77242-4.58808-6.34311-5.45663Z" fill="#2f2e41"/><path d="M797.8501,237.33762c-1.15039,19.66992-5.71973,25.87988-7.32031,49.10986-.34961,5.1001-.55957,11.02002-.55957,18.08008,0,1.7998,.00977,3.54004,.00977,5.24023,0,3.61963-.06934,7.04004-.49023,10.50977-.31934,2.77002-.86914,5.56006-1.7793,8.5h-88.83008c-.00977-.02002-.00977-.04004-.02051-.06006-.51953-2.25977-.84961-4.41992-1.09961-6.48975-.08008-.66016-.15039-1.31006-.20996-1.9502-.08008-.75-.15039-1.48975-.21973-2.21973-.27051-2.91016-.54004-5.66016-1.18066-8.29004-.85938-3.63037-2.41992-7.05029-5.62012-10.3501-1.30957-1.3501-2.61914-2.3999-3.89941-3.31982-.25-.17041-.49023-.34033-.74023-.51025-3.54004-2.43018-6.88965-4.18018-9.79004-9.14014-.0498-.06982-.08984-.1499-.12988-.21973-.5-.87012-1.7998-3.15039-2.74023-6.18994-.99023-3.16016-1.58984-7.13037-.50977-11.18994,2.57031-9.62012,12.08984-10.58008,19.87012-20.30029,.83984-1.0498,1.66992-2.20996,2.45996-3.5,3.51953-5.72021,4.46973-10.75977,5.58984-16.75,.17969-.97021,.33984-1.93018,.46973-2.85986,.10059-.7002,.19043-1.39014,.26074-2.07031,.61914-5.70996,.31934-10.62988-.41016-15.02979-2.37988-14.41016-9.40039-23.33008-4.44043-36.26025,1.56055-4.05957,3.77051-7.10986,6-9.71973,4.71973-5.53027,9.57031-9.12012,8.73047-16.25977-.85059-7.2002-6.31055-8.19043-6.91992-14.48047-.31055-3.17969,.72949-6.52979,2.67969-9.81982v-.00977c6.24023-10.59033,21.82031-20.34033,31.71973-20.03027,1.83008,.05029,3.4502,.45996,4.7998,1.25,4.89062,2.87988,2.85059,9.16992,10.34082,17.99023,5.56934,6.5498,11.86914,9.16992,14.25977,10.40967,9.46973,4.94043,17.16992,19.51025,22.39941,38.14014,.04004,.14014,.08008,.27979,.12012,.43018,3.23047,11.66992,5.51074,24.91992,6.64062,38.35986,.47949,5.68994,.75977,11.41016,.81934,17.06982,.05078,4.52002-.0498,8.44043-.25977,11.93018Z" fill="#fabf1f"/><g><polygon points="731.33057 304.72776 729.52002 309.7678 728.38037 312.92747 725.73975 320.27756 722.68018 328.77756 703.01025 328.77756 706.31006 320.27756 707.84033 316.3176 710.38037 309.7678 714.64014 298.7678 731.33057 304.72776" fill="#ffb6b6"/><path d="M790.84033,167.82737c-.0498,.65039-.12012,1.37012-.19043,2.15039-.7793,7.93994-2.62012,22.1499-5.30957,38.35986-1.41992,8.5498-3.08008,17.66016-4.9502,26.70996-4.01953,19.52979-9.01953,38.76025-14.66992,51.3999-1.00977,2.28027-2.0498,4.34033-3.11035,6.16016-.80957,1.39014-1.66016,2.75977-2.5498,4.10986-2.87988,4.43018-6.11035,8.63037-9.45996,12.55029-.12988,.16992-.28027,.33008-.42969,.5-.54004,.63965-1.10059,1.27002-1.66016,1.8999-2.74023,3.08984-5.54004,5.96973-8.25,8.60986-3.2998,3.22021-6.48047,6.07031-9.33008,8.5h-31.94043l-.12988-.06006-4.59961-2.04004s1.30957-1.54004,3.5-4.44971c.4502-.59033,.92969-1.24023,1.4502-1.9502,.63965-.87012,1.33008-1.83008,2.06934-2.87012,1.54004-2.17969,3.29004-4.73975,5.16992-7.63965,3.64062-5.61035,7.79004-12.51025,11.98047-20.5,.48047-.93018,.96973-1.87012,1.45996-2.82031,.00977-.02979,.03027-.06006,.04004-.08984,.83008-1.62012,1.65039-3.29004,2.46973-4.99023,6.9502-14.45996,8.94043-26.45996,9.51074-30.34961,.7998-5.5,1.90918-13.19043,1.60938-21.65039-.2002-5.57959-1.00977-11.47998-2.93945-17.33984v-.00977c-.40039-1.22998-.85059-2.45996-1.36035-3.68018-.91016-2.18994-1.99023-4.3501-3.27051-6.47998-5.64941-9.37988-10.23926-9.77002-13.88965-19.99023-1.08008-3.02979-3.53027-9.86963-2.78027-17.08984v-.00977c.09082-.89014,.24023-1.79004,.44043-2.69043v-.00977c.0498-.25,.12012-.50977,.19043-.75977,.56934-2.20996,1.50977-4.40039,2.93945-6.48047,2.79004-4.03955,6.59961-6.43994,10.00977-7.86963l.01074-.01025c3.93945-1.63965,7.33984-1.98975,8-2.0498,14.60938-1.2998,25.93945,10.97998,32.12988,17.68994,2.38965,2.58984,4.58008,4.76025,6.58008,6.52979,15.56934,13.90039,19.83984,5.02002,20.94922,.43018,.16992-.70996,.26074-1.31982,.31055-1.72021Z" fill="#fabf1f"/><path d="M790.89014,167.30784c0,.0498-.00977,.21973-.0498,.5,.01953-.15039,.03027-.30029,.04004-.44043,0-.02979,0-.0498,.00977-.05957Z" fill="#fabf1f"/></g><path d="M711.47021,378.3176H175.42041c-4.98047,0-9.04004,4.0498-9.04004,9.03027,0,4.98975,4.05957,9.03955,9.04004,9.03955H711.47021c4.97949,0,9.03027-4.0498,9.03027-9.03955,0-4.98047-4.05078-9.03027-9.03027-9.03027Z" fill="#e6e6e6"/><path d="M592.51025,424.99778H294.37012c-4.97998,0-9.02979,4.0498-9.02979,9.02979s4.0498,9.04004,9.02979,9.04004h298.14014c4.97998,0,9.04004-4.06006,9.04004-9.04004s-4.06006-9.02979-9.04004-9.02979Z" fill="#e6e6e6"/><polygon points="235.06941 81.27476 268.85306 67.05703 283.34352 96.76248 247.84188 111.25294 235.06941 81.27476" fill="#ffb6b6"/><polygon points="235.06941 81.27476 268.85306 67.05703 283.34352 96.76248 247.84188 111.25294 235.06941 81.27476" opacity=".1"/><path d="M239.87213,69.95512l33.32807,38.39973s-23.18474,73.17685-46.36949,79.69756-65.93162,38.39973-65.93162,38.39973l-53.61472-34.77712,26.08284-38.39973s63.03352-86.21827,79.69756-86.21827c16.66403,0,26.80736,2.89809,26.80736,2.89809Z" fill="#fabf1f"/><path d="M194.84299,320.2779H117.26107l-4.90504-6.55697-20.02583-26.7711-4.60796-6.15845s-17.38856-31.87902-13.76594-60.85995c3.62262-28.98093,41.29783-35.50164,41.29783-35.50164h1.55049l46.12313,40.52979-2.75318,37.71872,14.60637,24.27153,20.06205,33.32807Z" fill="#2f2e41"/><polygon points="133.14986 320.2779 112.35603 320.2779 112.35603 289.48566 133.14986 320.2779" fill="#2f2e41"/><path d="M581.64421,273.53165l-2.58651,13.41818-6.41927,33.32807h-128.95789c1.00701-7.46988,2.38371-18.22178,3.85442-29.82865,.14496-1.15922,.29708-2.32569,.44195-3.49942,3.68789-29.17657,7.72344-62.19314,7.72344-62.19314l16.95386,2.05771,32.89328,3.98488,13.40368,1.62293,35.89291,4.35439c17.89569,2.16632,30.20533,19.04774,26.80011,36.75505Z" fill="#f2f2f2"/><path d="M764.14438,320.2779h-69.94541c1.06503-1.25341,1.66635-1.97793,1.66635-1.97793l20.96775-3.46324,43.20324-7.12937s1.97068,5.09342,4.10808,12.57055Z" fill="#2f2e41"/><polygon points="467.45495 95.76626 497.87302 138.78423 444.81392 140.36878 439.11853 99.94198 467.45495 95.76626" fill="#a0616a"/><polygon points="467.45495 95.76626 497.87302 138.78423 444.81392 140.36878 439.11853 99.94198 467.45495 95.76626" opacity=".1"/><path id="uuid-ae755ff6-bb09-410e-86b1-7d1b81a37005-678" d="M317.44601,184.89638c-3.90299-11.25913-12.8761-18.37174-20.04107-15.88668-7.16497,2.48507-9.80758,13.62542-5.90169,24.88804,1.49853,4.52036,4.05781,8.61612,7.46374,11.94459l17.13959,47.49655,22.1173-8.51819-19.24476-45.91882c.61482-4.72396,.08913-9.52647-1.53311-14.0055Z" fill="#a0616a"/><path d="M523.34731,162.97667l-.04173,43.84082-4.07898,16.19317-8.39004,33.30631-6.10768,30.63286-4.55003,22.82248-1.62293,8.15089c-1.22449,.81871-2.44173,1.60117-3.65888,2.3547h-105.97603c-6.02079-3.61536-9.38979-6.42652-9.38979-6.42652,0,0,1.66639-1.56499,3.57189-4.07907,3.21689-4.2457,7.10757-11.2011,4.72391-17.84501-.49992-1.39112-.63033-3.08648-.47821-4.97747,.97088-12.47627,14.05577-33.57447,14.05577-33.57447l-2.70971-31.31387-1.18823-13.72243,8.37769-66.9101,27.30728-15.87424,4.71449-.45614,46.53611-2.51407,19.23434,1.10845,.87664,.23915,18.79409,39.04457Z" fill="#ccc"/><g><polygon points="525.41397 320.2779 502.22923 320.2779 501.20763 309.77232 501.18587 309.56218 507.75009 309.11297 524.82716 307.9465 525.12415 314.23531 525.35604 319.06075 525.41397 320.2779" fill="#ffb6b6"/><path d="M531.12143,173.57645l9.73934,57.14315-7.948,56.23024-1.23891,8.75221-2.18807,15.45405-.67376,4.75291,.02176,.51438,.16663,3.85451h-27.53188l-1.01444-10.50559-.08685-.94192-2.07221-21.51831-.03617-.36226-4.39782-45.63046,8.62176-32.98031,.63767-2.42722v-.00716l3.75119-56.46939-2.90535-25.66256-.02892-.23915c.05793,.03626,.1087,.07252,.16663,.1087,.15221,.09419,.30433,.18838,.4492,.28983,16.92485,10.73748,27.01025,29.57509,26.56821,49.64435Z" fill="#ccc"/></g><path d="M415.74779,152.37881l-10.58745-10.95064s-22.66445,10.21757-23.79416,15.88619c-1.12971,5.66862-41.14649,88.92555-41.14649,88.92555l-17.40981-46.49871-22.66197,15.13029s18.1839,72.19186,35.18976,75.58099,74.00173-85.44603,74.00173-85.44603l6.40838-52.62764Z" fill="#ccc"/><path d="M845.64014,286.44749H21.16016c-11.66992,0-21.16016,9.5-21.16016,21.16992s9.49023,21.16016,21.16016,21.16016H845.64014c11.66992,0,21.16992-9.48975,21.16992-21.16016s-9.5-21.16992-21.16992-21.16992Z" fill="#e6e6e6"/><path d="M518.52213,221.93974l-1.60291,74.80242c-.15517,7.24107-6.06962,13.03015-13.31236,13.03015h-137.60256c-7.07149,0-12.90955-5.52763-13.29556-12.58857l-4.08931-74.80242c-.41702-7.62814,5.65604-14.04226,13.29556-14.04226h143.29478c7.46556,0,13.4723,6.13683,13.31236,13.60068Z" fill="#3f3d56"/><circle cx="296.38479" cy="66.40952" r="32.92181" fill="#ffb6b6"/><polygon points="241.32117 152.55077 244.94379 191.67503 269.57758 290.93471 248.29569 298.39388 212.34024 190.22598 207.37412 146.75458 241.32117 152.55077" fill="#ffb6b6"/><path d="M231.52213,221.93974l-1.60291,74.80242c-.15517,7.24107-6.06962,13.03015-13.31236,13.03015H79.0043c-7.07149,0-12.90955-5.52763-13.29556-12.58857l-4.08931-74.80242c-.41702-7.62814,5.65604-14.04226,13.29556-14.04226H218.20977c7.46556,0,13.4723,6.13683,13.31236,13.60068Z" fill="#3f3d56"/><ellipse cx="273.50003" cy="298.7779" rx="26" ry="11.5" fill="#ffb6b6"/><path d="M190.24228,158.53237l14.85273-79.15844s41.29783-5.79619,42.74687,7.96976-1.03544,81.04198-1.03544,81.04198l-56.56416-9.85329Z" fill="#fabf1f"/><path d="M283.09522,71.58597s20.36536-7.26838,28.95593-11.17911c8.59056-3.91073,25.65708,23.36637,26.03673,8.96042,.37965-14.40595-5.51755-20.44717-5.51755-20.44717,0,0-1.4726-31.51507-33.2233-27.57494,0,0,6.98375-15.76734-15.94076-18.20547-22.92451-2.43813-58.58934,52.92097-55.39531,61.19409,3.19403,8.27312,7.02295,15.11285-2.03888,23.95865-9.06183,8.8458-26.03033,58.76917-13.11998,72.20319,12.91035,13.43402,13.7575,19.26357,4.91188,27.62122-8.84562,8.35765-29.75425,26.53032-7.14719,29.68515,22.60706,3.15483-2.06828,.79851,14.7856-14.0263,16.85389-14.82481,41.44742-14.21933,32.26457-38.00455-9.18284-23.78522,6.77112-57.86925,4.77485-63.03995-1.99627-5.1707,4.4726-38.00496,4.4726-38.00496,0,0,15.05504-2.21189,16.1808,6.85974Z" fill="#2f2e41"/><g><circle cx="451.19104" cy="75.49881" r="35.83777" fill="#a0616a"/><path d="M454.05121,27.31743c-1.037,.60534-2.42604-.31053-2.75855-1.46432-.33251-1.1538,.05482-2.37882,.43892-3.51648l1.93363-5.72716c1.37137-4.06183,2.82687-8.26559,5.79693-11.35717,4.48283-4.66624,11.6071-5.85331,18.02037-4.99332,8.2359,1.1044,16.36189,5.56405,20.19135,12.93866,3.82945,7.37462,2.19911,17.66485-4.72046,22.26586,9.8619,11.30338,13.2996,23.9006,12.7568,38.89155-.5428,14.99095-16.87927,28.78752-27.53282,39.34806-2.37913-1.4422-4.54204-8.20095-3.23373-10.65626,1.3083-2.45531-.5662-5.29986,1.05409-7.56146,1.62029-2.2616,2.97587,1.33954,1.33779-.90922-1.03366-1.41901,3.00067-4.68353,1.46421-5.53283-7.43161-4.10794-9.9033-13.37111-14.57083-20.46464-5.62991-8.55611-15.26549-14.35039-25.46249-15.31167-5.61717-.52953-11.55014,.42955-16.15432,3.69062-4.60418,3.26106-7.5849,9.08853-6.51724,14.62867-2.76507-2.80756-4.14147-6.92204-3.62233-10.82826,.51914-3.90621,2.92243-7.51837,6.32483-9.50626-2.06881-6.84142-.29652-14.71105,4.50527-20.00518,4.80179-5.29413,24.28048-4.39244,31.29074-2.99911l-.54217-.93008Z" fill="#2f2e41"/><path d="M455.13987,53.47472c9.28487,1.0023,15.9888,9.04506,21.64971,16.47254,3.26282,4.28103,6.68059,9.00871,6.59868,14.39076-.08282,5.4414-3.72095,10.10859-5.45967,15.26538-2.84199,8.42894-.07214,18.45744,6.69308,24.23289-6.68479,1.26852-13.91123-3.74373-15.06525-10.44924-1.34341-7.80603,4.57394-15.34005,3.87313-23.22978-.61741-6.95094-6.09506-12.30052-10.75187-17.49772-4.65681-5.19721-9.03036-12.09377-6.88799-18.73508l-.64983-.44975Z" fill="#2f2e41"/></g><g><path id="uuid-aec20554-f6ec-4c5b-9d97-717cd04239bf-679" d="M593.94738,290.97732c-9.19677,5.23093-13.95249,14.21631-10.62254,20.06865,3.32996,5.85234,13.48327,6.3548,22.68262,1.12078,3.70344-2.04037,6.86441-4.93798,9.21841-8.4504l38.6872-22.65576-11.01865-17.92815-36.96889,24.23796c-4.22349,.22844-8.33082,1.46525-11.97815,3.60692Z" fill="#ffb6b6"/><path d="M724.9347,124.84081c-1.15613-.45818-11.30029-4.29973-20.56133,.77222-10.63836,5.8263-12.28141,19.12643-12.85772,23.79133-1.33125,10.77601,2.59074,13.19133,3.41866,24.10068,1.54899,20.4102,5.63336-2.8739-.88939,6.44247-2.2578,3.22481-25.31723,53.19804-38.03446,62.98648-24.73342,19.03731-40.43943,32.44418-40.43943,32.44418l17.93045,19.47744s28.33331-7.54935,53.37617-23.81018c25.68825-16.67995,38.53244-25.0199,48.46938-41.33509,.85574-1.40497,21.33113-36.17595,10.33482-74.6244-2.50819-8.76995-7.10385-24.83851-20.74714-30.24513Z" fill="#fabf1f"/></g><path d="M817.52213,221.93974l-1.60291,74.80242c-.15517,7.24107-6.06962,13.03015-13.31236,13.03015h-137.60256c-7.07149,0-12.90955-5.52763-13.29556-12.58857l-4.08931-74.80242c-.41702-7.62814,5.65604-14.04226,13.29556-14.04226h143.29478c7.46556,0,13.4723,6.13683,13.31236,13.60068Z" fill="#3f3d56"/></svg>
\ No newline at end of file
diff --git a/docs/images/card_preserve_undraw_moving.svg b/docs/images/card_preserve_undraw_moving.svg
new file mode 100644
index 0000000000000000000000000000000000000000..37d566474b5aac02700bbd100c8c44135f7fdb65
--- /dev/null
+++ b/docs/images/card_preserve_undraw_moving.svg
@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="841.45747" height="405.08742" viewBox="0 0 841.45747 405.08742" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M192.09194,524.368c-18.93571-41.88446-18.23752-94.975,11.15-130.31889a211.78285,211.78285,0,0,0,75.80085,124.0819c15.12988,11.94661,33.20189,23.65875,37.335,42.48841,2.572,11.71622-1.07351,24.10868-7.37568,34.31445-6.30274,10.20612-15.08781,18.60159-23.773,26.87545l-.97445,2.83146C246.46268,598.47533,211.02764,566.2525,192.09194,524.368Z" transform="translate(-179.27126 -247.45629)" fill="#f0f0f0"/><path d="M204.05993,394.56019c-6.76319,37.03391-1.73891,76.46829,14.69984,110.39831,3.554,7.33559,7.79769,14.46765,13.47937,20.36749A44.70917,44.70917,0,0,0,252.538,537.2268c7.14748,2.08686,14.70025,3.39378,21.216,7.18174,6.86792,3.99272,11.13011,10.69219,12.79049,18.375,2.03151,9.40007.56428,18.9695-1.19576,28.27773-1.9542,10.335-4.14774,21.03892-1.31593,31.42835.34311,1.25883-1.63022,1.71762-1.97281.46069-4.92686-18.07583,4.65221-35.90345,3.31326-54.07673-.62478-8.48-3.8089-16.82307-11.07989-21.73631-6.35816-4.29642-14.14549-5.65079-21.40073-7.70123-7.61813-2.153-14.45973-5.44172-20.28143-10.89692-5.95528-5.58037-10.48674-12.56156-14.21271-19.77411a175.61922,175.61922,0,0,1-16.873-52.231,184.22752,184.22752,0,0,1,.59847-62.57164c.23363-1.27927,2.16809-.673,1.936.59792Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M212.83458,494.21157a27.15836,27.15836,0,0,1-32.4716-13.503c-.58922-1.1627,1.18987-2.13293,1.77987-.96869a25.148,25.148,0,0,0,30.231,12.49883c1.2395-.40375,1.6931,1.57137.46069,1.97282Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M248.77454,536.646a52.34553,52.34553,0,0,0,4.23431-37.91218c-.33865-1.26,1.63458-1.71917,1.97281-.46069a54.44727,54.44727,0,0,1-4.48637,39.44211c-.61135,1.15425-2.32878.07874-1.72075-1.06924Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M200.75977,436.45327a15.373,15.373,0,0,0,12.04718-8.22493c.59642-1.16142,2.31328-.08463,1.72075,1.06924a17.22661,17.22661,0,0,1-13.30724,9.1285,1.047,1.047,0,0,1-1.21675-.75606,1.01806,1.01806,0,0,1,.75606-1.21675Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M358.87274,394.45941c-.35178.7358-.70357,1.47161-1.04715,2.22246a202.45365,202.45365,0,0,0-11.55665,30.74028c-.24593.81142-.48294,1.63743-.705,2.45422a213.43106,213.43106,0,0,0-6.48339,78.3109,207.26838,207.26838,0,0,0,5.62258,30.98629c3.67061,14.04667,8.76812,28.98479,7.61787,43.01084a35.5569,35.5569,0,0,1-.58152,4.36224L287.78449,625.61c-.1899.01584-.37164.04663-.56225.0629L284.74,627.34931c-.17369-.515-.34276-1.05288-.51644-1.56788-.102-.29832-.18974-.60535-.29174-.90367-.06348-.20164-.12631-.4038-.19512-.58213-.02138-.067-.04205-.13451-.05456-.187-.06881-.17833-.1138-.35128-.17369-.515q-1.43-4.50593-2.80173-9.04764c-.00892-.0146-.00892-.0146-.00359-.03791-6.90882-23.08818-11.95083-46.956-13.20988-70.83027-.03764-.7183-.08492-1.45078-.09334-2.18692a197.77973,197.77973,0,0,1,1.1148-32.25648,174.85065,174.85065,0,0,1,2.99416-17.43623A145.39737,145.39737,0,0,1,288.353,449.57369c15.54094-26.12154,39.263-46.98205,68.29588-54.55729C357.39172,394.82314,358.121,394.63806,358.87274,394.45941Z" transform="translate(-179.27126 -247.45629)" fill="#f0f0f0"/><path d="M359.22476,395.359c-27.697,25.49759-47.42761,60.0087-54.73041,96.99718-1.57885,7.99682-2.4845,16.24636-1.50011,24.37781a44.70907,44.70907,0,0,0,9.04236,21.72342c4.45043,5.96952,9.694,11.56031,12.61587,18.50771,3.07977,7.32293,2.44934,15.23822-.85049,22.37213-4.03744,8.72854-10.9704,15.48581-17.9799,21.85825-7.78271,7.07538-15.97861,14.30118-19.97273,24.3015-.48394,1.21168-2.33576.38992-1.85255-.81993,6.94908-17.39886,25.33089-25.86595,35.20338-41.18243,4.60669-7.147,7.08746-15.7255,4.24009-24.02609-2.48989-7.2585-7.89221-13.0284-12.45061-19.03372-4.7864-6.30568-8.269-13.05066-9.63289-20.9114-1.39519-8.0411-.81015-16.34344.55733-24.34555a175.61909,175.61909,0,0,1,17.97458-51.86226A184.22734,184.22734,0,0,1,358.039,393.71594c.95675-.88077,2.13628.768,1.18579,1.643Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M306.23382,480.20793a27.15836,27.15836,0,0,1-17.797-30.3315c.22957-1.2831,2.23422-.98664,2.00435.29816a25.148,25.148,0,0,0,16.61263,28.18079c1.23276.42389.40577,2.274-.81993,1.85255Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M309.38141,535.72778A52.34556,52.34556,0,0,0,335.588,508.00636c.48822-1.20992,2.34018-.38853,1.85255.81994a54.44729,54.44729,0,0,1-27.329,28.79121c-1.18307.55353-1.90681-1.33921-.73017-1.88973Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><path d="M331.36724,426.8213a15.373,15.373,0,0,0,14.571.68609c1.17547-.56825,1.898,1.32518.73017,1.88973a17.22665,17.22665,0,0,1-16.12108-.72327,1.047,1.047,0,0,1-.5163-1.33625,1.01806,1.01806,0,0,1,1.33624-.5163Z" transform="translate(-179.27126 -247.45629)" fill="#fff"/><g id="e36d5192-81ed-4486-9dc7-3aabf5bf620f" data-name="Group 228"><path id="eec6541e-7182-40d2-8839-37d6db66ade2-1264" data-name="Path 3042" d="M740.66468,385.91382l-.272-.559c-.083-.17-8.228-17.2-3.687-33.986s20.159-27.387,20.315-27.492l.516-.345.272.559c.083.17,8.228,17.2,3.687,33.986s-20.16,27.388-20.317,27.492Zm20.17707-29.735c3.04813-14.31353-18.187-20.02561-22.63278-6.08277q-.24442.76657-.45731,1.55178c-3.966,14.656,1.991,29.55,3.35,32.645,2.734-1.989,15.385-11.844,19.351-26.5h0Q760.66916,356.99186,760.84175,356.17882Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path id="a9014b65-d248-4059-8312-b45b24de232b-1265" data-name="Path 3043" d="M719.6607,357.93582c4.541,16.787,20.1,27.183,20.1,27.183s8.192-16.82,3.651-33.607-20.1-27.183-20.1-27.183S715.11969,341.14881,719.6607,357.93582Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path id="ab25dc1f-49f0-4119-9b11-8880659579f8-1266" data-name="Path 3044" d="M740.91167,385.6788l-.62-.034c-.189-.01-19.028-1.171-31.491-13.3s-14.129-30.933-14.145-31.122l-.051-.618.62.034c.189.01,19.028,1.171,31.49,13.3s14.13,30.933,14.145,31.122Zm-31.355-14.109c10.882,10.6,26.788,12.627,30.155,12.946-.409-3.357-2.869-19.2-13.752-29.8h0q-.58365-.568-1.18566-1.10343c-10.92936-9.73056-26.28867,6.00075-16.37587,16.76509Q708.96165,370.98944,709.55663,371.56979Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path id="eb5ac145-5caa-4eb9-a8bf-cd04614f452d-1267" data-name="Path 3045" d="M754.29972,354.32781c-12.461,12.13-13.983,30.777-13.983,30.777s18.681-1.02,31.142-13.15,13.9859-30.778,13.9859-30.778S766.76072,342.19683,754.29972,354.32781Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><circle id="fe2e9284-0c2b-4a15-b6a0-6b994e8a2442" data-name="Ellipse 585" cx="560.78545" cy="65.97552" r="8.126" fill="#fabf1f"/><path id="a86ae965-8410-4628-8d67-c8bdb55cc5ff-1268" data-name="Rectangle 453" d="M725.31169,381.76681h31a14,14,0,0,1,14,14h0c0,7.732-4.38188,35.7769-12.11386,35.7769l-38,1c-7.732,0-8.88614-29.04491-8.88614-36.7769h0A14,14,0,0,1,725.31169,381.76681Z" transform="translate(-179.27126 -247.45629)" fill="#e6e6e6"/></g><path id="a084342b-ec68-4bf1-835e-e1a712a99507-1269" data-name="Path 3068" d="M659.15467,381.3608a10.52756,10.52756,0,0,0-1.316,1.007l-48.054-12.251-3.278-11.593-18.144,2.661,3.809,21.088a8.00007,8.00007,0,0,0,7.035,6.534l56.111,5.909a10.5,10.5,0,1,0,3.839-13.355Z" transform="translate(-179.27126 -247.45629)" fill="#ffb6b6"/><path id="b5ab2668-a5cc-41bf-8089-de1c0694ee81-1270" data-name="Path 3070" d="M585.11969,371.7078l12.38,10.68,17.32,14.93,7.65-39.14.8-4.07.63-3.23-17.55-30.57-14.63.84-1,.06-.02.22-.23,2.05-3,26.98-.07.65Z" transform="translate(-179.27126 -247.45629)" fill="#e6e6e6"/><path id="a48a89e5-5415-44e6-8741-1c2f93951686-1271" data-name="Path 3071" d="M666.03769,639.38279h12.26l5.833-47.288h-18.095Z" transform="translate(-179.27126 -247.45629)" fill="#ffb6b6"/><path id="b4ab5075-ce23-46e9-939e-e287d4f4a486-1272" data-name="Path 3073" d="M538.03772,640.38279h12.26l5.833-47.288h-18.095Z" transform="translate(-179.27126 -247.45629)" fill="#ffb6b6"/><path id="b77a2f94-428a-4b99-b464-6e051b4fe742-1273" data-name="Path 3075" d="M528.23865,619.55783l33,5,48.01-162.48,50.99,163.48,37-5-48-190v-15l-6.5-22.5.68-6.09,4.73-42.59,2.05-18.47.133-1.193a4.056,4.056,0,0,0-3.193-4.417h0l-15.4-3.24h-25.1659l-14.85,4.09-1.02.28-.46.13.23,1.92,3.48,29.18.19,1.6,3.36,28.13.74,6.17c-29,21-30,42-30,42Z" transform="translate(-179.27126 -247.45629)" fill="#2f2e41"/><circle id="b29dce1d-f666-44df-985a-547bf779e1a4" data-name="Ellipse 592" cx="442.92543" cy="32.39051" r="24.561" fill="#ffb6b6"/><rect id="a7f6a896-dcf1-4596-b70f-da8ad38f22ed" data-name="Rectangle 456" x="616.73843" y="365.06224" width="7" height="49" transform="translate(-25.73713 706.58938) rotate(-82.549)" fill="#fabf1f"/><path id="bd729490-aac7-4879-a04d-c9e945275ef2-1274" data-name="Path 3076" d="M710.15467,391.3608a10.52756,10.52756,0,0,0-1.316,1.007l-48.054-12.251-3.278-11.593-18.144,2.661,3.809,21.088a8.00007,8.00007,0,0,0,7.035,6.534l56.111,5.909a10.5,10.5,0,1,0,3.839-13.355Z" transform="translate(-179.27126 -247.45629)" fill="#ffb6b6"/><path id="b6be5ba1-6394-41ea-b0bb-2e259093a5f0-1275" data-name="Path 3077" d="M636.23865,326.5578l8.5-6.5c2.3-.872,5.447,1.605,6,4l12,49-25,18-3.5-5.5Z" transform="translate(-179.27126 -247.45629)" fill="#e6e6e6"/><path id="b6feaf63-857f-49b2-8f08-fe1d6a64856c-1276" data-name="Path 3079" d="M641.01666,259.51181c4.593-.563,9.634-.165,13.214,2.767s4.736,9.028,1.346,12.178c-3,2.789-7.693,2.133-11.713,2.926a15.85394,15.85394,0,0,0-12.384,15.157c.06,10.174,9.824,17.879,11.578,27.9,1.2,6.84-1.688,14.038-6.675,18.87s-11.843,7.443-18.751,8.15-13.893-.373-20.606-2.148c-6.741-1.782-13.378-4.311-19.034-8.388s-10.293-9.826-12.109-16.558-.512-14.451,4.168-19.62c5.359-5.919,14.274-7.954,18.91-14.456,5.2-7.288,3.273-17.666,7.479-25.567,2.808-5.275,8.125-8.873,13.792-10.769s11.719-2.27,17.692-2.453c3.14-.1,6.375-.129,9.3,1.016s5.5,3.753,5.648,6.891S641.01666,259.51181,641.01666,259.51181Z" transform="translate(-179.27126 -247.45629)" fill="#2f2e41"/><path d="M366.79227,651.21581H264.64091a6.89783,6.89783,0,0,1-6.88965-6.89062v-63.6875a23.06516,23.06516,0,0,1,23.03955-23.03907h86.00146a6.89763,6.89763,0,0,1,6.88965,6.88965v79.83692A6.89783,6.89783,0,0,1,366.79227,651.21581Zm-86.00146-91.61719a21.0635,21.0635,0,0,0-21.03955,21.03907v63.6875a4.89586,4.89586,0,0,0,4.88965,4.89062H366.79227a4.89586,4.89586,0,0,0,4.88965-4.89062V564.48827a4.895,4.895,0,0,0-4.88965-4.88965Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M284.1702,562.12987a21.17332,21.17332,0,0,0-21.14941,21.14942v58.40527a5.00588,5.00588,0,0,0,5,5h95.39209a5.00588,5.00588,0,0,0,5-5V567.12987a5.00589,5.00589,0,0,0-5-5Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M323.06648,581.2068h-14.166a2.50264,2.50264,0,0,1-2.5-2.5V555.62965h19.166V578.7068A2.50263,2.50263,0,0,1,323.06648,581.2068Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M890.37654,535.83277l4.37353-11.66113.15674-.08984,35.2378-20.13575a4.21144,4.21144,0,0,1,1.21728-.46191,4.19508,4.19508,0,0,1,2.91357,7.76562Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M760.793,535.83277l-43.894-24.58105a4.19618,4.19618,0,0,1,2.91455-7.76758,4.20332,4.20332,0,0,1,1.2168.46191l35.395,20.22559Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path id="a917e09e-7501-48ae-a084-2a300f5c05f4-1277" data-name="Path 3060" d="M893.87866,537.2808H757.2927l-11.488-53.613h159.562Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M898.37675,533.05858h-145.582l-10.01416-45.62207a9.50851,9.50851,0,0,1,9.28662-11.54687H899.10477a9.50788,9.50788,0,0,1,9.28614,11.54687Zm-143.97364-2H896.76835l9.66943-44.05175a7.50707,7.50707,0,0,0-7.333-9.11719H752.06718a7.508,7.508,0,0,0-7.3335,9.11816Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path id="be148f51-17c4-4ec3-8125-b7d3e9443af6-1278" data-name="Path 3061" d="M893.87866,537.2808H757.2927l-11.488-53.613h159.562Z" transform="translate(-179.27126 -247.45629)" opacity="0.1" style="isolation:isolate"/><path d="M892.55546,651.3662H758.616a6.86064,6.86064,0,0,1-6.853-6.85254V529.98925h147.6455V644.51366A6.86063,6.86063,0,0,1,892.55546,651.3662ZM753.763,531.98925V644.51366a4.85834,4.85834,0,0,0,4.853,4.85254H892.55546a4.85834,4.85834,0,0,0,4.853-4.85254V531.98925Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M757.15486,534.58863V641.26637a5.50654,5.50654,0,0,0,5.5,5.5H888.51668a5.50654,5.50654,0,0,0,5.5-5.5V534.58863Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M905.86677,484.16773h-160.562v-.5A6.43511,6.43511,0,0,1,751.7325,477.24H899.43855a6.43553,6.43553,0,0,1,6.42822,6.42773Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M401.07743,580.44726A18.60745,18.60745,0,0,0,382.491,599.03319v42.65332a5.00589,5.00589,0,0,0,5,5h72.667a5.00589,5.00589,0,0,0,5-5V585.44726a5.00589,5.00589,0,0,0-5-5Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M476.4412,576.18065H402.99589a7.037,7.037,0,0,1-7.0293-7.02832V507.50292a7.03725,7.03725,0,0,1,7.0293-7.0293h65.54052a21.16915,21.16915,0,0,1,21.14551,21.14551v41.32129A13.25553,13.25553,0,0,1,476.4412,576.18065Zm-73.44531-73.707a5.035,5.035,0,0,0-5.0293,5.0293v61.64941a5.03475,5.03475,0,0,0,5.0293,5.02832H476.4412a11.25292,11.25292,0,0,0,11.24072-11.24023V521.61913a19.16748,19.16748,0,0,0-19.14551-19.14551Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M463.65263,651.41991H383.99589a7.037,7.037,0,0,1-7.0293-7.02832v-48.0625a20.639,20.639,0,0,1,20.61572-20.61621h66.07032a7.03725,7.03725,0,0,1,7.02929,7.0293v61.64941A7.037,7.037,0,0,1,463.65263,651.41991Zm-66.07032-73.707a18.63734,18.63734,0,0,0-18.61572,18.61621v48.0625a5.03475,5.03475,0,0,0,5.0293,5.02832h79.65674a5.03475,5.03475,0,0,0,5.02929-5.02832V582.74218a5.035,5.035,0,0,0-5.02929-5.0293Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M406.491,505.208a5.00589,5.00589,0,0,0-5,5v56.23926a5.00589,5.00589,0,0,0,5,5h66.45557A11.22407,11.22407,0,0,0,484.158,560.23534V524.32421A19.13789,19.13789,0,0,0,465.0413,505.208Z" transform="translate(-179.27126 -247.45629)" fill="#e6e6e6"/><path d="M448.19587,520.08375H437.87361a2.50263,2.50263,0,0,1-2.5-2.5v-17.876h15.32226v17.876A2.50263,2.50263,0,0,1,448.19587,520.08375Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M665.53132,629.35015l14.66651-.87539v6.28377l13.94385,9.63012a3.92508,3.92508,0,0,1-2.23036,7.15506h-17.461l-3.00967-6.21561-1.17513,6.21561H663.682Z" transform="translate(-179.27126 -247.45629)" fill="#2f2e41"/><path d="M537.53132,629.35015l14.66651-.87539v6.28377l13.94385,9.63012a3.92508,3.92508,0,0,1-2.23036,7.15506h-17.461l-3.00967-6.21561-1.17513,6.21561H535.682Z" transform="translate(-179.27126 -247.45629)" fill="#2f2e41"/><path d="M289.19783,632.07105H262.02058a1,1,0,0,1,0-2h27.17725a1,1,0,1,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M409.19783,630.07105H382.02058a1,1,0,0,1,0-2h27.17725a1,1,0,1,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M785.19783,622.54371H758.02058a1,1,0,0,1,0-2h27.17725a1,1,0,0,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M796.19783,612.54371H769.02058a1,1,0,0,1,0-2h27.17725a1,1,0,0,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M745.19783,418.54371H718.02058a1,1,0,0,1,0-2h27.17725a1,1,0,0,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><path d="M428.19783,558.07105H401.02058a1,1,0,0,1,0-2h27.17725a1,1,0,1,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M428.19783,550.07105H401.02058a1,1,0,0,1,0-2h27.17725a1,1,0,1,1,0,2Z" transform="translate(-179.27126 -247.45629)" fill="#3f3d56"/><path d="M831.14636,500.77107H820.8241a2.50263,2.50263,0,0,1-2.5-2.5v-17.876h15.32226v17.876A2.50263,2.50263,0,0,1,831.14636,500.77107Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/><rect id="af895076-55e2-4ce3-b817-4381b6fe19d2" data-name="Rectangle 450" x="5.45747" y="403.08742" width="836" height="2" fill="#ccc"/><path d="M429.19587,594.866H418.87361a2.50263,2.50263,0,0,1-2.5-2.5V574.49h15.32226v17.876A2.50263,2.50263,0,0,1,429.19587,594.866Z" transform="translate(-179.27126 -247.45629)" fill="#fabf1f"/></svg>
\ No newline at end of file
diff --git a/docs/index.rst b/docs/index.rst
index 2c0541fdedaf13b69491bcbb2ad98a4f7897bc01..6f74f7da873c5bc27560dbb8355b54468a807e77 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -1,45 +1,439 @@
+:html_theme.sidebar_secondary.remove:
+
 .. _swh-docs:
 
-Software Heritage
-=================
+.. rst-class:: landing-part
 
-Development
------------
+Welcome to Software Heritage documentation
+==========================================
 
-.. toctree::
-  :maxdepth: 2
+.. grid:: 1 2 2 2
+   :gutter: 3
 
-  devel/index
+   .. grid-item-card:: Basics
+      :link: landing-basics
+      :link-type: ref
 
-API reference
--------------
+      .. image:: images/card_basics_undraw_discoverable.svg
+         :width: 69%
+         :align: center
+         :class: sd-mb-2
 
-.. toctree::
-   :maxdepth: 1
+      Learn about our mission and our source code archive. Find out about how to
+      make your first steps with the archive.
 
-   devel/api-reference
+      .. button-ref:: landing-basics
+         :ref-type: ref
+         :color: primary
+         :expand:
 
-Usage
------
+         Discover Software Heritage
 
-.. toctree::
-   :maxdepth: 2
+   .. grid-item-card:: Preserve
+      :link: landing-preserve
+      :link-type: ref
 
-   user/index
+      .. image:: images/card_preserve_undraw_moving.svg
+         :align: center
+         :class: sd-mt-1 sd-mb-4
 
-Infrastructure
---------------
+      All the ways that source code may be added or updated in the archive.
 
-.. toctree::
-  :maxdepth: 2
+      .. button-ref:: landing-preserve
+         :ref-type: ref
+         :color: primary
+         :expand:
+
+         Archive source code
+
+   .. grid-item-card:: Browse
+      :link: landing-browse
+      :link-type: ref
+
+      .. image:: images/card_browse_undraw_file_searching.svg
+         :width: 49%
+         :align: center
+         :class: sd-mb-2
+
+      Our vast archive can be searched and accessed in multiple ways. Use it to reference unambiguously any part of a source code to your peers: fragment of code, directory, release, etc.
+
+      .. button-ref:: landing-browse
+         :ref-type: ref
+         :color: primary
+         :expand:
+
+         Learn how to search the archive
+
+   .. grid-item-card:: Outreach
+      :link: landing-outreach
+      :link-type: ref
+
+      .. image:: images/card_outreach_undraw_engineering_team.svg
+         :width: 99%
+         :align: center
+         :class: sd-mt-4 sd-mb-4
+
+      Join our network of partners. Collaborate with the team or become an ambassador. Teach others how to use the archive. Get materials for your next events.
+
+      .. button-link:: http://example.com
+         :color: primary
+         :expand:
+
+         Tell the world about Software Heritage
+
+   .. grid-item-card:: Interface
+      :link: landing-interface
+      :link-type: ref
+
+      .. image:: images/card_interface_undraw_futuristic_interface.svg
+         :width: 49%
+         :align: center
+         :class: sd-mb-4
+
+      Develop or research using Software Heritage. Browse, access or import source code programmatically.
+
+      .. button-ref:: landing-interface
+         :ref-type: ref
+         :color: primary
+         :expand:
+
+         Use Software Heritage in your applications
+
+   .. grid-item-card:: Develop
+      :link: landing-contribute
+      :link-type: ref
+
+      .. image:: images/card_contribute_undraw_dev_focus.svg
+         :width: 80%
+         :align: center
+         :class: sd-mt-4 sd-mb-4
+
+      Enhance our collection, preservation, and querying processes.
+
+      .. button-ref:: landing-contribute
+         :ref-type: ref
+         :color: primary
+         :expand:
+
+         Improve the universal archive of source code
+
+
+-----------------------------------------------------------------------
+
+
+.. _landing-basics:
+
+.. rst-class:: landing-part
+
+Discover Software Heritage
+==========================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      Learn about our mission and our source code archive. Find out about how to
+      make your first steps with the archive.
+
+   .. grid-item::
+
+      .. image:: images/card_basics_undraw_discoverable.svg
+         :align: right
+
+Why an universal software archive?
+----------------------------------
+
+-  `A video to get to know Software
+   Heritage <https://www.youtube.com/watch?v=8nlSvYh7VpI>`__
+-   `Our mission <https://www.softwareheritage.org/mission/>`__
+-  `Our approach <https://www.softwareheritage.org/mission/approach/>`__
+-  `The content of the archive at a
+   glance <https://archive.softwareheritage.org/#swh-coverage-content>`__
+
+Software Heritage in practice
+-----------------------------
+
+-  `Take a guided tour of the archive key
+   features <https://archive.softwareheritage.org/?guided_tour=0&guided_tour_next=https://archive.softwareheritage.org/>`__
+-  `Overview of the main
+   features <https://www.softwareheritage.org/features/>`__
+-  `Access and reuse the source
+   code <https://www.softwareheritage.org/faq/#4_Access_and_Reuse>`__
+-  `Good practices for archiving and referencing your
+   code <https://www.softwareheritage.org/save-and-reference-research-software/>`__
+-  `Get a permanent identifier for your source
+   code <https://annex.softwareheritage.org/public/tutorials/getswhid_dir.gif>`__
+-  `General FAQ <https://www.softwareheritage.org/faq/>`__
+-  :ref:`Glossary <glossary>`
+
+
+-----------------------------------------------------------------------
+
+
+.. _landing-preserve:
+
+.. rst-class:: landing-part
+
+Archive source code
+===================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      There are multiple ways to add or update source code in Software Heritage
+      archive. Some of them are automated: our tools crawl multiple software
+      development plateforms to archive as many open projects as possible.
+      Others require manual procedures.
+
+   .. grid-item::
+
+      .. image:: images/card_preserve_undraw_moving.svg
+         :align: right
+
+Before anything…
+----------------
+
+-  `Good practices for archiving and referencing your
+   code <https://www.softwareheritage.org/howto-archive-and-reference-your-code/>`__
+
+Save a code repository
+----------------------
+
+-  “Ready to go” options to save your code :
+
+   -  Seamlessly check if a repository that you are browsing is archived
+      and up to date using our `Software Heritage browser
+      extensions <https://www.softwareheritage.org/browser-extensions/>`__
+   -  `Submit a save request on the Software Heritage
+      interface <https://archive.softwareheritage.org/save/>`__
+
+-  Automate the archival:
+
+   -  `Trigger a GitHub action that saves the GitHub
+      repository <https://github.com/marketplace/actions/save-to-software-heritage>`__
+   -  `Trigger archival of a repository automatically : Bitbucket
+      endpoint, GitHub endpoint, GitLab
+      endpoint <https://archive.softwareheritage.org/api/1/origin/save/doc/>`__
+
+Save multiple projects at a time, save a forge
+----------------------------------------------
+
+Save a forge in 2 steps :
+
+1. `Create an account
+   <https://auth.softwareheritage.org/auth/realms/SoftwareHeritage/login-actions/registration>`__
+2. `Submit a request of archival for to save a complete forge
+   <https://archive.softwareheritage.org/add-forge/request/create/>`__
+
+:ref:`Technical insight on the “Add forge now” process
+<save-forge>`
+
+Save code used for science
+--------------------------
+
+Save a software using ELife, Ipol, HAL. Your content are directly pushed
+into the archive by trusted partners using the deposit service of
+Software Heritage:
+
+-  `Deposit software using the HAL
+   portal <https://www.softwareheritage.org/2018/09/28/depositing-scientific-software-into-software-heritage/>`__
+-  `Video tutorial on source code deposit using
+   Hal <https://www.youtube.com/watch?v=-Ggn98sR3Eg&list=PLD2VqrZz2-u3bOWtoCoBIh5Flt6iYXsq3>`__
+
+Save legacy source code
+-----------------------
+
+Recovering and curating landmark legacy source code : `how to save
+legacy code <https://www.softwareheritage.org/swhap/>`__
 
-  sysadm/index
 
-Indices and tables
+------------------------------------------------------------------------
+
+
+.. _landing-browse:
+
+.. rst-class:: landing-part
+
+Search, browse and reference
+============================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      Search and access the archive, or use it to reference unambiguously any
+      part of a source code.
+
+   .. grid-item::
+
+      .. image:: images/card_browse_undraw_file_searching.svg
+         :width: 50%
+         :align: right
+
+-  `Take the guided tour of the archive web
+   interface <https://archive.softwareheritage.org/?guided_tour=0&guided_tour_next=https://archive.softwareheritage.org/>`__
+-  `Good practices for archiving and referencing your
+   code <https://www.softwareheritage.org/howto-archive-and-reference-your-code/>`__
+-  `Make your code identifiable : get a PID for your source
+   code <https://annex.softwareheritage.org/public/tutorials/getswhid_dir.gif>`__
+-  `Choosing what type of Software Heritage Identifier (SWHID) to
+   use <devel/swh-model/persistent-identifiers.html#choosing-what-type-of-swhid-to-use>`__
+-  `Navigating through Software Heritage: behind the
+   scenes <https://www.softwareheritage.org/2019/05/28/mining-software-metadata-for-80-m-projects-and-even-more/>`__
+
+Need help? Want to make a proposal? Ask the community using the `users mailing-list <https://sympa.inria.fr/sympa/info/swh-users>`__
+
+
+------------------------------------------------------------------------
+
+
+.. _landing-outreach:
+
+.. rst-class:: landing-part
+
+Tell the world
+==============
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      Wherever you have a technical background or not, help us spread the word
+      about Software Heritage. Encourage developers to archive their source
+      code. Find researchers and practitioners interested in using an immense
+      collection of source code.
+
+   .. grid-item::
+
+      .. image:: images/card_outreach_undraw_engineering_team.svg
+         :align: right
+
+Ambassador program
 ------------------
 
-* :ref:`genindex`
-* :ref:`modindex`
-* :ref:`routingtable`
-* :ref:`search`
-* :ref:`glossary`
+-  `Become an ambassador <https://www.softwareheritage.org/ambassadors/>`__
+
+-  `Ambassadors mailing list <https://sympa.inria.fr/sympa/info/swh-ambassadors>`__
+-  `Outreach material (only available to ambassadors) <https://www.softwareheritage.org/ambassador-material/>`__
+-  `Outreach material on a Git repository <https://github.com/moranegg/swh-ambassadors/tree/main/Materials>`__
+
+Presentations
+-------------
+
+-  `Archive of presentation
+   slides <https://annex.softwareheritage.org/public/talks/>`__
+
+
+------------------------------------------------------------------------
+
+
+.. _landing-interface:
+
+.. rst-class:: landing-part
+
+Use in your applications
+========================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      Interact with our source code archive from your applications or research projects.
+
+   .. grid-item::
+
+      .. image:: images/card_outreach_undraw_engineering_team.svg
+         :align: right
+
+Browse API
+----------
+
+-  `Terms of use for Software Heritage
+   API <https://www.softwareheritage.org/aspects-juridiques/software-heritage-api-terms-of-use/>`__
+-  `Web API <https://archive.softwareheritage.org/api/>`__. Access the
+   API overview or discover the full `endpoints
+   index <https://archive.softwareheritage.org/api/1/>`__
+
+Data model and identifiers
+--------------------------
+
+-  `Our data
+   model <devel/swh-model/data-model.html#data-model>`__
+-  :ref:`Software Heritage IDentifiers
+   (SWHID) <persistent-identifiers>` specifications
+-  Compute a SWHID locally using the `swh identify <devel/swh-model/cli.html>`__ command-line tool.
+
+Deposit API
+-----------
+
+-  :ref:`Import source code programmatically <deposit-user-manual>`
+
+
+------------------------------------------------------------------------
+
+
+.. _landing-contribute:
+
+.. rst-class:: landing-part
+
+Improve the universal archive
+=============================
+
+.. grid:: 1 2 2 2
+   :padding: 0
+
+   .. grid-item::
+
+      There are many ways to help Software Heritage. However small or large,
+      contributions are welcome and very much appreciated.
+
+   .. grid-item::
+
+      .. image:: images/card_contribute_undraw_dev_focus.svg
+         :align: right
+
+-  :ref:`Our
+   roadmap <roadmap-current>`
+-  :ref:`Developper documentation <swh-docs-devel>`. Where
+   you will find developer-oriented documentation to understand the SWH
+   environment.
+-  `Get started <devel/getting-started>`__
+
+Contributing development skills:
+
+-  :ref:`Software architecture overview <architecture-overview>`
+-  `Developers portal <https://www.softwareheritage.org/community/developers/>`__
+-  `Development
+   mailing-list <https://sympa.inria.fr/sympa/info/swh-devel>`__. Join
+   the community
+-  :ref:`Development FAQ <faq>`
+
+Contributing resources and infrastructure:
+
+-  :ref:`Mirror operations <mirror_operations>`
+
+
+
+------------------------------------------------------------------------
+
+..
+   The following is needed to define the “toctree” that
+   Sphinx will use to create the navigation structure.
+
+
+Table of contents
+=================
+
+.. toctree::
+   :maxdepth: 2
+
+   devel/index
+   devel/api-reference
+   user/index
+   sysadm/index
diff --git a/swh/docs/sphinx/conf.py b/swh/docs/sphinx/conf.py
index 4752110e4c12ce2c49ca9e25cf7adf4f2110d22c..35c9efa19179f3243c6c2f4562ac551f902a9ee5 100755
--- a/swh/docs/sphinx/conf.py
+++ b/swh/docs/sphinx/conf.py
@@ -141,6 +141,8 @@ html_context = {
     "gitlab_repo": "swh-docs",
     "gitlab_version": "master",
     "doc_path": "docs",
+    # Use light mode by default until the landing page better supports dark mode
+    "default_mode": "light",
 }
 
 # Add any paths that contain custom static files (such as style sheets) here,