diff --git a/resources/img/covers/carhop-db-mob-cover-a.svg b/resources/img/covers/carhop-db-mob-cover-a.svg
new file mode 100644
index 0000000..6d5bf25
--- /dev/null
+++ b/resources/img/covers/carhop-db-mob-cover-a.svg
@@ -0,0 +1,21 @@
+<svg width="412" height="321" viewBox="0 0 412 321" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M286 50H118V321H286V50Z" fill="#AE2154"/>
+<rect x="334" y="164" width="77.6812" height="75.0026" fill="white"/>
+<rect width="77.6812" height="75.0026" fill="white"/>
+<g clip-path="url(#clip0_3921_17523)">
+<path d="M26.4844 51.6369H35.9988L56.8475 31.1801V12.7238L26.4844 42.5274V51.6369Z" stroke="#136F63" stroke-width="2"/>
+<path d="M20.8203 57.1976L34.8155 43.4655" stroke="#136F63" stroke-width="2"/>
+</g>
+<g clip-path="url(#clip1_3921_17523)">
+<path d="M373.003 219.765C382.691 219.765 390.544 211.795 390.544 201.963C390.544 192.131 382.691 184.161 373.003 184.161C363.315 184.161 355.461 192.131 355.461 201.963C355.461 211.795 363.315 219.765 373.003 219.765Z" stroke="#136F63" stroke-width="2"/>
+<path d="M373.002 196.222L367.008 202.305L373.002 208.388L378.996 202.305L373.002 196.222Z" stroke="#136F63" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0_3921_17523">
+<rect width="38" height="48" fill="white" transform="translate(20 10)"/>
+</clipPath>
+<clipPath id="clip1_3921_17523">
+<rect width="38" height="38" fill="white" transform="translate(354 183)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/resources/img/covers/carhop-db-mob-cover-b.svg b/resources/img/covers/carhop-db-mob-cover-b.svg
new file mode 100644
index 0000000..e552dab
--- /dev/null
+++ b/resources/img/covers/carhop-db-mob-cover-b.svg
@@ -0,0 +1,21 @@
+<svg width="363" height="321" viewBox="0 0 363 321" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M275 76H124V321H275V76Z" fill="#AE2154"/>
+<rect x="292.727" width="70.1118" height="67.6941" fill="#136F63"/>
+<rect y="201" width="70.1118" height="67.6941" fill="#136F63"/>
+<g clip-path="url(#clip0_3921_17522)">
+<path d="M23.9766 248.324H32.7398L51.9426 229.572V212.654L23.9766 239.974V248.324Z" stroke="white" stroke-width="2"/>
+<path d="M18.75 253.422L31.6403 240.834" stroke="white" stroke-width="2"/>
+</g>
+<g clip-path="url(#clip1_3921_17522)">
+<path d="M328 49.9274C336.668 49.9274 343.695 43.0058 343.695 34.4676C343.695 25.9294 336.668 19.0078 328 19.0078C319.332 19.0078 312.305 25.9294 312.305 34.4676C312.305 43.0058 319.332 49.9274 328 49.9274Z" stroke="white" stroke-width="2"/>
+<path d="M327.996 29.4819L322.633 34.7646L327.996 40.0474L333.359 34.7646L327.996 29.4819Z" stroke="white" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0_3921_17522">
+<rect width="35" height="44" fill="white" transform="translate(18 210.157)"/>
+</clipPath>
+<clipPath id="clip1_3921_17522">
+<rect width="34" height="33" fill="white" transform="translate(311 18)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/resources/img/covers/carhop-page-acces-consultation-b.svg b/resources/img/covers/carhop-page-acces-consultation-b.svg
new file mode 100644
index 0000000..c14a9f3
--- /dev/null
+++ b/resources/img/covers/carhop-page-acces-consultation-b.svg
@@ -0,0 +1,14 @@
+<svg width="299" height="299" viewBox="0 0 299 299" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="149.148" width="210.929" height="210.929" transform="rotate(45 149.148 0)" fill="#0AD3FF"/>
+<rect x="27.0703" y="181.56" width="74.8817" height="74.8817" fill="#136F63"/>
+<g clip-path="url(#clip0_2169_20952)">
+<path d="M78.1441 209.019H48.7539V236.365H78.1441V209.019Z" stroke="white" stroke-width="2"/>
+<path d="M81.8902 201.197H45.0078V209.019H81.8902V201.197Z" stroke="white" stroke-width="2"/>
+<path d="M70.6815 217.498H56.2148" stroke="white" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0_2169_20952">
+<rect width="38.9128" height="37.2209" fill="white" transform="translate(43.9922 200.171)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/resources/img/covers/carhop-page-acces-consultation.svg b/resources/img/covers/carhop-page-acces-consultation.svg
new file mode 100644
index 0000000..7666de5
--- /dev/null
+++ b/resources/img/covers/carhop-page-acces-consultation.svg
@@ -0,0 +1,13 @@
+<svg width="320" height="321" viewBox="0 0 320 321" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="149.391" y="22.0005" width="211.27" height="211.27" transform="rotate(45 149.391 22.0005)" fill="#0AD3FF"/>
+<rect x="242.004" width="77.6812" height="75.0026" fill="white"/>
+<g clip-path="url(#clip0_2169_8671)">
+<path d="M280.137 57.824C291.802 57.824 301.258 48.2273 301.258 36.3893C301.258 24.5512 291.802 14.9545 280.137 14.9545C268.472 14.9545 259.016 24.5512 259.016 36.3893C259.016 48.2273 268.472 57.824 280.137 57.824Z" stroke="#136F63" stroke-width="2"/>
+<path d="M280.131 29.4765L272.914 36.801L280.131 44.1255L287.349 36.801L280.131 29.4765Z" stroke="#136F63" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0_2169_8671">
+<rect width="45.754" height="45.754" fill="white" transform="translate(257.258 13.5571)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/resources/img/covers/carhop-page-apercu-collection-cover-b.svg b/resources/img/covers/carhop-page-apercu-collection-cover-b.svg
new file mode 100644
index 0000000..628c90b
--- /dev/null
+++ b/resources/img/covers/carhop-page-apercu-collection-cover-b.svg
@@ -0,0 +1,42 @@
+<svg width="358" height="351" viewBox="0 0 358 351" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="149.152" y="51.9169" width="210.929" height="210.929" transform="rotate(45 149.152 51.9169)" fill="#0AD3FF"/>
+<rect x="27.0703" y="233.477" width="74.8817" height="74.8817" fill="#136F63"/>
+<g clip-path="url(#clip0_2389_25963)">
+<path d="M78.1441 260.936H48.7539V288.282H78.1441V260.936Z" stroke="white" stroke-width="2"/>
+<path d="M81.8902 253.114H45.0078V260.936H81.8902V253.114Z" stroke="white" stroke-width="2"/>
+<path d="M70.6815 269.415H56.2148" stroke="white" stroke-width="2"/>
+</g>
+<rect x="175.957" y="148.884" width="77.556" height="74.8817" fill="#136F63"/>
+<g clip-path="url(#clip1_2389_25963)">
+<path d="M214.025 206.615C225.671 206.615 235.112 197.033 235.112 185.214C235.112 173.395 225.671 163.814 214.025 163.814C202.379 163.814 192.938 173.395 192.938 185.214C192.938 197.033 202.379 206.615 214.025 206.615Z" stroke="white" stroke-width="2"/>
+<path d="M214.022 178.313L206.816 185.625L214.022 192.938L221.228 185.625L214.022 178.313Z" stroke="white" stroke-width="2"/>
+</g>
+<rect x="282.543" width="74.8817" height="74.8817" fill="#136F63"/>
+<g clip-path="url(#clip2_2389_25963)">
+<path d="M328.02 28.8673L342.314 22.0344V52.3971L328.099 45.5431L328.02 28.8673Z" stroke="white" stroke-width="2"/>
+<path d="M328.018 22.0344H298.906V52.3971H328.018V22.0344Z" stroke="white" stroke-width="2"/>
+</g>
+<rect x="50.7578" y="74.4419" width="74.8817" height="74.8817" fill="#136F63"/>
+<g clip-path="url(#clip3_2389_25963)">
+<path d="M89.0674 87.7411H87.475C81.4741 87.7411 76.6094 92.5473 76.6094 98.4761V115.782C76.6094 121.711 81.4741 126.517 87.475 126.517H89.0674C95.0684 126.517 99.9331 121.711 99.9331 115.782V98.4761C99.9331 92.5473 95.0684 87.7411 89.0674 87.7411Z" stroke="white" stroke-width="2"/>
+<path d="M88.2773 126.517V135.097" stroke="white" stroke-width="2"/>
+<path d="M96.7059 135.097H79.832" stroke="white" stroke-width="2"/>
+<path d="M76.6094 115.914H84.5713" stroke="white" stroke-width="2"/>
+<path d="M76.6094 108.233H84.5713" stroke="white" stroke-width="2"/>
+<path d="M76.6094 100.552H84.5713" stroke="white" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0_2389_25963">
+<rect width="38.9128" height="37.2209" fill="white" transform="translate(43.9922 252.087)"/>
+</clipPath>
+<clipPath id="clip1_2389_25963">
+<rect width="45.6802" height="45.6802" fill="white" transform="translate(191.184 162.419)"/>
+</clipPath>
+<clipPath id="clip2_2389_25963">
+<rect width="45.6802" height="33.8372" fill="white" transform="translate(297.77 20.3025)"/>
+</clipPath>
+<clipPath id="clip3_2389_25963">
+<rect width="26" height="50" fill="white" transform="translate(75.2695 86.4191)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/resources/img/covers/carhop-page-apercu-collection-cover.svg b/resources/img/covers/carhop-page-apercu-collection-cover.svg
new file mode 100644
index 0000000..e58d843
--- /dev/null
+++ b/resources/img/covers/carhop-page-apercu-collection-cover.svg
@@ -0,0 +1,48 @@
+<svg width="358" height="351" viewBox="0 0 358 351" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="149.391" y="52.0005" width="211.27" height="211.27" transform="rotate(45 149.391 52.0005)" fill="#0AD3FF"/>
+<rect x="27.1133" y="233.854" width="75.0026" height="75.0026" fill="white"/>
+<g clip-path="url(#clip0_2187_31828)">
+<path d="M78.2696 261.357H48.832V288.747H78.2696V261.357Z" stroke="#136F63" stroke-width="2"/>
+<path d="M82.0201 253.522H45.0781V261.357H82.0201V253.522Z" stroke="#136F63" stroke-width="2"/>
+<path d="M70.7947 269.849H56.3047" stroke="#136F63" stroke-width="2"/>
+</g>
+<rect x="176.238" y="149.124" width="77.6812" height="75.0026" fill="white"/>
+<path d="M214.371 206.948C226.036 206.948 235.492 197.351 235.492 185.513C235.492 173.675 226.036 164.078 214.371 164.078C202.706 164.078 193.25 173.675 193.25 185.513C193.25 197.351 202.706 206.948 214.371 206.948Z" stroke="#136F63" stroke-width="2"/>
+<path d="M214.366 178.6L207.148 185.925L214.366 193.249L221.583 185.925L214.366 178.6Z" stroke="#136F63" stroke-width="2"/>
+<rect x="282.996" y="0.00012207" width="75.0026" height="75.0026" fill="white"/>
+<g clip-path="url(#clip1_2187_31828)">
+<path d="M328.547 28.914L342.864 22.07V52.4817L328.627 45.6166L328.547 28.914Z" stroke="#136F63" stroke-width="2"/>
+<path d="M328.549 22.07H299.391V52.4817H328.549V22.07Z" stroke="#136F63" stroke-width="2"/>
+</g>
+<rect x="50.8398" y="74.562" width="75.0026" height="75.0026" fill="white"/>
+<g clip-path="url(#clip2_2187_31828)">
+<path d="M87.8018 88.322H86.2094C80.2085 88.322 75.3438 93.1282 75.3438 99.0571V116.363C75.3438 122.292 80.2085 127.098 86.2094 127.098H87.8018C93.8027 127.098 98.6675 122.292 98.6675 116.363V99.0571C98.6675 93.1282 93.8027 88.322 87.8018 88.322Z" stroke="#136F63" stroke-width="2"/>
+<path d="M87.0117 127.098V135.678" stroke="#136F63" stroke-width="2"/>
+<path d="M95.4403 135.678H78.5664" stroke="#136F63" stroke-width="2"/>
+<path d="M75.3438 116.495H83.3057" stroke="#136F63" stroke-width="2"/>
+<path d="M75.3438 108.814H83.3057" stroke="#136F63" stroke-width="2"/>
+<path d="M75.3438 101.133H83.3057" stroke="#136F63" stroke-width="2"/>
+</g>
+<g clip-path="url(#clip3_2187_31828)">
+<path d="M87.8018 88.322H86.2094C80.2085 88.322 75.3438 93.1282 75.3438 99.0571V116.363C75.3438 122.292 80.2085 127.098 86.2094 127.098H87.8018C93.8027 127.098 98.6675 122.292 98.6675 116.363V99.0571C98.6675 93.1282 93.8027 88.322 87.8018 88.322Z" stroke="#136F63" stroke-width="2"/>
+<path d="M87.0117 127.098V135.678" stroke="#136F63" stroke-width="2"/>
+<path d="M95.4403 135.678H78.5664" stroke="#136F63" stroke-width="2"/>
+<path d="M75.3438 116.495H83.3057" stroke="#136F63" stroke-width="2"/>
+<path d="M75.3438 108.814H83.3057" stroke="#136F63" stroke-width="2"/>
+<path d="M75.3438 101.133H83.3057" stroke="#136F63" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0_2187_31828">
+<rect width="38.9756" height="37.281" fill="white" transform="translate(44.0625 252.494)"/>
+</clipPath>
+<clipPath id="clip1_2187_31828">
+<rect width="45.754" height="33.8918" fill="white" transform="translate(298.25 20.3352)"/>
+</clipPath>
+<clipPath id="clip2_2187_31828">
+<rect width="26" height="50" fill="white" transform="translate(74.0039 86.9999)"/>
+</clipPath>
+<clipPath id="clip3_2187_31828">
+<rect width="26" height="50" fill="white" transform="translate(74.0039 86.9999)"/>
+</clipPath>
+</defs>
+</svg>