diff --git a/resources/img/covers/carhop-articles-page-cover.svg b/resources/img/covers/carhop-articles-page-cover.svg
new file mode 100644
index 0000000..e6d3462
--- /dev/null
+++ b/resources/img/covers/carhop-articles-page-cover.svg
@@ -0,0 +1,95 @@
+<svg width="430" height="453" viewBox="0 0 430 453" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_420_14288)">
+<rect x="2.90234" y="243.875" width="188.605" height="103.586" transform="rotate(-6.72087 2.90234 243.875)" fill="#EFE8FF"/>
+<rect x="14.0039" y="252.636" width="168.605" height="83.5861" transform="rotate(-6.72087 14.0039 252.636)" stroke="white" stroke-width="20"/>
+</g>
+<g filter="url(#filter1_d_420_14288)">
+<rect x="239.316" y="2" width="188.605" height="103.586" transform="rotate(1.62337 239.316 2)" fill="#EFE8FF"/>
+<rect x="249.029" y="12.2793" width="168.605" height="83.5861" transform="rotate(1.62337 249.029 12.2793)" stroke="white" stroke-width="20"/>
+</g>
+<g filter="url(#filter2_d_420_14288)">
+<rect x="224.777" y="328.32" width="188.605" height="103.586" transform="rotate(5.98277 224.777 328.32)" fill="#EFE8FF"/>
+<rect x="233.681" y="339.308" width="168.605" height="83.5861" transform="rotate(5.98277 233.681 339.308)" stroke="white" stroke-width="20"/>
+</g>
+<path d="M288.807 84L136 236.807L230.193 331L383 178.193L288.807 84Z" fill="#D6C3FF"/>
+<rect x="83.0352" y="106.489" width="36.1352" height="36.1352" fill="white"/>
+<rect x="149.488" y="55.6735" width="36.1352" height="36.1352" fill="white"/>
+<rect x="301.934" y="220.825" width="36.1352" height="36.1352" fill="white"/>
+<rect x="349.816" y="139.715" width="36.1352" height="36.1352" fill="white"/>
+<rect x="368.387" y="256.982" width="36.1352" height="36.1352" fill="white"/>
+<g clip-path="url(#clip0_420_14288)">
+<path d="M360.59 166.957H365.792L377.192 155.792V145.719L360.59 161.985V166.957Z" stroke="#136F63" stroke-width="2"/>
+<path d="M357.488 169.992L365.141 162.497" stroke="#136F63" stroke-width="2"/>
+</g>
+<g clip-path="url(#clip1_420_14288)">
+<path d="M92.582 114.223H105.976L109.62 117.813V134.89H92.582V114.223Z" stroke="#136F63" stroke-width="2"/>
+</g>
+<g clip-path="url(#clip2_420_14288)">
+<path d="M316.051 234.722L312.867 237.978L316.051 241.235L319.234 237.978L316.051 234.722Z" stroke="#136F63" stroke-width="2"/>
+<path d="M324.953 234.722L321.77 237.979L324.953 241.236L328.137 237.979L324.953 234.722Z" stroke="#136F63" stroke-width="2"/>
+<path d="M309.332 229.213H331.671V246.371H324.165L320.304 250.315L316.843 246.775H309.332V229.213Z" stroke="#136F63" stroke-width="2"/>
+</g>
+<g clip-path="url(#clip3_420_14288)">
+<path d="M176.85 69.8752H162.695" stroke="#136F63" stroke-width="2"/>
+<path d="M176.85 83.4228H162.695" stroke="#136F63" stroke-width="2"/>
+<path d="M171.407 63.1044H157.305" stroke="#136F63" stroke-width="2"/>
+<path d="M172.909 76.6519H162.695" stroke="#136F63" stroke-width="2"/>
+</g>
+<g clip-path="url(#clip4_420_14288)">
+<path d="M386.707 263.823V285.322" stroke="#136F63" stroke-width="2"/>
+<path d="M381.641 267.852V281.288" stroke="#136F63" stroke-width="2"/>
+<path d="M375.785 272.043V277.102" stroke="#136F63" stroke-width="2"/>
+<path d="M392.266 267.852V281.288" stroke="#136F63" stroke-width="2"/>
+<path d="M398.121 272.043V277.102" stroke="#136F63" stroke-width="2"/>
+</g>
+<defs>
+<filter id="filter0_d_420_14288" x="0.902344" y="219.802" width="203.434" height="128.947" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_420_14288"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.435294 0 0 0 0 0.388235 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_420_14288"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_420_14288" result="shape"/>
+</filter>
+<filter id="filter1_d_420_14288" x="234.383" y="0" width="195.461" height="112.888" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_420_14288"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.435294 0 0 0 0 0.388235 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_420_14288"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_420_14288" result="shape"/>
+</filter>
+<filter id="filter2_d_420_14288" x="211.98" y="326.32" width="202.375" height="126.68" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_420_14288"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="0.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0745098 0 0 0 0 0.435294 0 0 0 0 0.388235 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_420_14288"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_420_14288" result="shape"/>
+</filter>
+<clipPath id="clip0_420_14288">
+<rect width="20.7778" height="26.198" fill="white" transform="translate(357.043 144.232)"/>
+</clipPath>
+<clipPath id="clip1_420_14288">
+<rect width="18.0676" height="21.6811" fill="white" transform="translate(92.0664 113.716)"/>
+</clipPath>
+<clipPath id="clip2_420_14288">
+<rect width="23.4535" height="22.4762" fill="white" transform="translate(308.773 228.643)"/>
+</clipPath>
+<clipPath id="clip3_420_14288">
+<rect width="19.5445" height="21.499" fill="white" transform="translate(157.305 62.5141)"/>
+</clipPath>
+<clipPath id="clip4_420_14288">
+<rect width="23.4535" height="21.499" fill="white" transform="translate(375.227 263.823)"/>
+</clipPath>
+</defs>
+</svg>