leserviceclient.com Ads.txt file
<!-- SEO Meta Content -->
<!DOCTYPE html>
<html
lang="fr"
dir="ltr"
>
<head>
<title>Plus que pro Shop | Marketplace des Meilleures Entreprises de France</title>
<meta charset="UTF-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
http-equiv="content-language"
content="fr"
>
<meta
name="viewport"
content="width=device-width, initial-scale=1"
>
<meta
name="base-url"
content="https://www.plus-que-pro.shop"
>
<meta
name="currency"
content="{"id":1,"code":"EUR","name":"Euro","symbol":"\u20ac","decimal":2,"group_separator":",","decimal_separator":".","currency_position":null,"created_at":null,"updated_at":null}"
>
<meta name="title" content="Plus que pro Shop | Marketplace des Meilleures Entreprises de France" />
<meta name="description" content="Découvrez la sélection Plus que pro Shop des meilleures entreprises françaises. Bricolage, électroménager, maison & déco, plomberie... Des produits de qualité garantis par des avis clients authentiques" />
<meta name="keywords" content="Plus que Pro" />
<link
rel="icon" type="image/png"
href="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/32x32-6f0f4cf5.png"
sizes="32x32"
/>
<link
rel="icon" type="image/png"
href="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/120x120-a3f437c3.png"
sizes="120x120"
/>
<link
rel="icon" type="image/png"
href="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/144x144-0d1ff348.png"
sizes="144x144"
/>
<link
rel="icon" type="image/png"
href="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/152x152-2d64e324.png"
sizes="152x152"
/>
<link
rel="icon" type="image/png"
href="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/192x192-9be2a75b.png"
sizes="192x192"
/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="canonical" href="https://www.plus-que-pro.shop">
<link rel="preload" as="style" href="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/app-4e460182.css" /><link rel="modulepreload" href="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/app-48eb58fb.js" /><link rel="stylesheet" href="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/app-4e460182.css" /><script type="module" src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/app-48eb58fb.js"></script>
<link rel="stylesheet" href="https://widget-assets.pqp-infra.io/2.3.0/css/widget-list.css?id=64c0bf40bb2f7a723ddadd796abf9f07" />
<style>
</style>
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WNPVJHF');
</script>
<!-- End Google Tag Manager -->
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: 0; left: 0; width: 0; height: 0;">
<style>
:root {
--widgetpqpclientempty: #b5c1cf;
--widgetpqpclienterror: #F6493E;
--widgetpqpclientneutral: #FF9133;
--widgetpqpclientbalanced: #FFCC00;
--widgetpqpclientvalid: #5ECA70;
--widgetpqpclientexcellent: #08A924;
}
</style>
<defs>
<linearGradient id="gradient-half-star-bad" x1="0" x2="100%" y1="0" y2="0">
<stop offset="50%" stop-color="var(--widgetpqpclienterror)"/>
<stop offset="50%" stop-color="var(--widgetpqpclientempty)"/>
</linearGradient>
<linearGradient id="gradient-half-star-neutral" x1="0" x2="100%" y1="0" y2="0">
<stop offset="50%" stop-color="var(--widgetpqpclientneutral)"/>
<stop offset="50%" stop-color="var(--widgetpqpclientempty)"/>
</linearGradient>
<linearGradient id="gradient-half-star-balanced" x1="0" x2="100%" y1="0" y2="0">
<stop offset="50%" stop-color="var(--widgetpqpclientbalanced)"/>
<stop offset="50%" stop-color="var(--widgetpqpclientempty)"/>
</linearGradient>
<linearGradient id="gradient-half-star-good" x1="0" x2="100%" y1="0" y2="0">
<stop offset="50%" stop-color="var(--widgetpqpclientvalid)"/>
<stop offset="50%" stop-color="var(--widgetpqpclientempty)"/>
</linearGradient>
<linearGradient id="gradient-half-star-excellent" x1="0" x2="100%" y1="0" y2="0">
<stop offset="50%" stop-color="var(--widgetpqpclientexcellent)"/>
<stop offset="50%" stop-color="var(--widgetpqpclientempty)"/>
</linearGradient>
<symbol id="calendar" viewBox="0 0 18 21" fill="currentColor">
<path
d="M16 2.32642H15V0.326416H13V2.32642H5V0.326416H3V2.32642H2C0.89 2.32642 0.00999999 3.22642 0.00999999 4.32642L0 18.3264C0 18.8568 0.210714 19.3656 0.585786 19.7406C0.960859 20.1157 1.46957 20.3264 2 20.3264H16C17.1 20.3264 18 19.4264 18 18.3264V4.32642C18 3.22642 17.1 2.32642 16 2.32642ZM16 18.3264H2V8.32642H16V18.3264ZM16 6.32642H2V4.32642H16V6.32642ZM14 11.3264H9V16.3264H14V11.3264Z"/>
</symbol>
<symbol id="envelop" viewBox="0 0 21 20" fill="currentColor">
<path
d="M18 0.826416H2C0.9 0.826416 0 1.72642 0 2.82642V14.8264C0 15.9264 0.9 16.8264 2 16.8264H11V14.8264H2V4.82642L10 9.82642L18 4.82642V9.82642H20V2.82642C20 1.72642 19.1 0.826416 18 0.826416ZM10 7.82642L2 2.82642H18L10 7.82642ZM17 11.8264L21 15.8264L17 19.8264V16.8264H13V14.8264H17V11.8264Z"/>
</symbol>
<symbol id="user" viewBox="0 0 18 19" fill="currentColor">
<path
d="M9 9.32642C10.65 9.32642 12 7.97642 12 6.32642C12 4.67642 10.65 3.32642 9 3.32642C7.35 3.32642 6 4.67642 6 6.32642C6 7.97642 7.35 9.32642 9 9.32642ZM9 5.32642C9.55 5.32642 10 5.77642 10 6.32642C10 6.87642 9.55 7.32642 9 7.32642C8.45 7.32642 8 6.87642 8 6.32642C8 5.77642 8.45 5.32642 9 5.32642ZM15 13.9064C15 11.4064 11.03 10.3264 9 10.3264C6.97 10.3264 3 11.4064 3 13.9064V15.3264H15V13.9064ZM5.48 13.3264C6.22 12.8164 7.71 12.3264 9 12.3264C10.29 12.3264 11.78 12.8164 12.52 13.3264H5.48ZM16 0.326416H2C1.46957 0.326416 0.960859 0.53713 0.585786 0.912202C0.210714 1.28728 0 1.79598 0 2.32642V16.3264C0 16.8568 0.210714 17.3656 0.585786 17.7406C0.960859 18.1157 1.46957 18.3264 2 18.3264H16C17.1 18.3264 18 17.4264 18 16.3264V2.32642C18 1.22642 17.1 0.326416 16 0.326416ZM16 16.3264H2V2.32642H16V16.3264Z"/>
</symbol>
<symbol id="check" viewBox="0 0 18 19" fill="currentColor">
<path
d="M16 0.326538H2C0.9 0.326538 0 1.22654 0 2.32654V16.3265C0 17.4265 0.9 18.3265 2 18.3265H16C17.1 18.3265 18 17.4265 18 16.3265V2.32654C18 1.22654 17.1 0.326538 16 0.326538ZM16 16.3265H2V2.32654H16V16.3265ZM14.99 6.32654L13.58 4.90654L6.99 11.4965L4.41 8.92654L2.99 10.3365L6.99 14.3265L14.99 6.32654Z"/>
</symbol>
<symbol id="phone" viewBox="0 0 18 19" fill="currentColor">
<path
d="M3.54 2.32666C3.6 3.21666 3.75 4.08666 3.99 4.91666L2.79 6.11666C2.38 4.91666 2.12 3.64666 2.03 2.32666H3.54ZM13.4 14.3467C14.25 14.5867 15.12 14.7367 16 14.7967V16.2867C14.68 16.1967 13.41 15.9367 12.2 15.5367L13.4 14.3467ZM4.5 0.32666H1C0.45 0.32666 0 0.77666 0 1.32666C0 10.7167 7.61 18.3267 17 18.3267C17.55 18.3267 18 17.8767 18 17.3267V13.8367C18 13.2867 17.55 12.8367 17 12.8367C15.76 12.8367 14.55 12.6367 13.43 12.2667C13.3307 12.2307 13.2256 12.2137 13.12 12.2167C12.86 12.2167 12.61 12.3167 12.41 12.5067L10.21 14.7067C7.37543 13.257 5.06961 10.9512 3.62 8.11666L5.82 5.91666C6.1 5.63666 6.18 5.24666 6.07 4.89666C5.69065 3.74472 5.49821 2.53946 5.5 1.32666C5.5 0.77666 5.05 0.32666 4.5 0.32666Z"/>
</symbol>
<symbol id="star" viewBox="0 0 32 31" fill="currentColor">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M15.9662 0.25L20.944 10.2536L32 11.8447L23.984 19.6669L25.8382 30.6642L15.9662 25.4944L6.096 30.6607L8.01778 19.6633L0 11.8447L11.0649 10.2553L15.9662 0.25Z"/>
</symbol>
<symbol id="pqp-smile" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</symbol>
<symbol id="network" viewBox="0 0 25 25" fill="currentColor">
<path
d="M18.5 14.326a4 4 0 0 0-3.08 1.48l-5.1-2.35a3.64 3.64 0 0 0 0-2.26l5.1-2.35a4 4 0 1 0-.85-1.81l-5.28 2.43a4 4 0 1 0 0 5.72l5.28 2.43a4.177 4.177 0 0 0-.07.71 4 4 0 1 0 4-4Zm0-10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm-12 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm12 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"/>
</symbol>
<symbol id="flag" viewBox="0 0 17 19" fill="none" stroke="currentColor">
<path d="M1.25 3.07629H14.75L12.5 7.57629L14.75 12.0763H1.25" stroke-width="2" stroke-miterlimit="10"
stroke-linecap="square"/>
<path d="M1.25 1.57629V18.0763" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/>
</symbol>
<symbol id="file" viewBox="0 0 16 20" fill="currentColor">
<path
d="M13.9327 0H2.23271C1.16021 0 0.282715 0.8775 0.282715 1.95V17.55C0.282715 18.6225 1.16021 19.5 2.23271 19.5H13.9327C15.0052 19.5 15.8827 18.6225 15.8827 17.55V1.95C15.8827 0.8775 15.0052 0 13.9327 0ZM5.15771 1.95H7.10771V6.825L6.13271 6.09375L5.15771 6.825V1.95ZM13.9327 17.55H2.23271V1.95H3.20771V10.725L6.13271 8.53125L9.05771 10.725V1.95H13.9327V17.55Z"/>
</symbol>
<symbol id="trophy" viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 0 1-.982-3.172M9.497 14.25a7.454 7.454 0 0 0 .981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 0 1 2.916.52 6.003 6.003 0 0 1-5.395 4.972m0 0a6.726 6.726 0 0 1-2.749 1.35m0 0a6.772 6.772 0 0 1-3.044 0"/>
</symbol>
<symbol id="opinion-good" viewBox="0 0 39 39" fill="currentColor">
<path
d="M19.1473 38.6179C16.5778 38.6313 14.0328 38.1167 11.6703 37.1059C6.99579 35.1235 3.30019 31.3654 1.39651 26.6582C-0.50717 21.9511 -0.462986 16.6805 1.51934 12.0059C2.48448 9.74217 3.86608 7.67977 5.59235 5.92591C7.81204 3.70038 10.545 2.05488 13.5504 1.13435C16.5559 0.213824 19.7415 0.046526 22.8269 0.647191C25.9122 1.24786 28.8025 2.59805 31.2431 4.57884C33.6836 6.55962 35.5997 9.11021 36.8223 12.0059C38.3207 15.52 38.729 19.4031 37.9942 23.152C37.2594 26.9008 35.4154 30.3425 32.7013 33.0309C30.9483 34.7592 28.8857 36.1422 26.6213 37.1079C24.2598 38.1183 21.7159 38.6329 19.1473 38.6199V38.6179ZM19.1473 4.95991C17.2138 4.94719 15.2982 5.3318 13.5193 6.08991C11.7994 6.82265 10.2374 7.88108 8.91934 9.20691C7.60178 10.5479 6.54694 12.1237 5.80934 13.8529C4.6903 16.5058 4.38764 19.432 4.94004 22.2577C5.49244 25.0834 6.87481 27.6803 8.9105 29.7164C10.9462 31.7525 13.5427 33.1354 16.3683 33.6884C19.194 34.2414 22.1203 33.9394 24.7733 32.8209C26.5025 32.0833 28.0783 31.0284 29.4193 29.7109C31.4649 27.6818 32.8552 25.0862 33.411 22.2592C33.9668 19.4321 33.6625 16.5033 32.5373 13.8509C31.0558 10.3531 28.2714 7.569 24.7733 6.08791C22.9951 5.33044 21.0802 4.94617 19.1473 4.9589V4.95991Z"/>
<path
d="M27.1712 22.0139C27.1067 21.8628 27.0127 21.726 26.8947 21.6115C26.7768 21.4971 26.6372 21.4073 26.4842 21.3473C26.3312 21.2874 26.1677 21.2585 26.0034 21.2624C25.8391 21.2663 25.6772 21.3028 25.5272 21.3699C24.4739 21.8218 23.3927 22.2057 22.2902 22.5189C20.2472 23.1635 18.055 23.1613 16.0132 22.5129C14.9066 22.1983 13.8217 21.8122 12.7652 21.3569C12.4907 21.2405 12.1832 21.228 11.9002 21.3218C11.6172 21.4156 11.378 21.6092 11.2273 21.8664C11.0766 22.1237 11.0248 22.427 11.0814 22.7197C11.1381 23.0124 11.2994 23.2745 11.5352 23.4569C12.6071 24.2724 13.7935 24.9251 15.0562 25.3939C15.6963 25.6359 16.3543 25.8278 17.0242 25.9679C18.4237 26.2734 19.8727 26.2734 21.2722 25.9679C21.942 25.8282 22.6 25.6366 23.2402 25.3949C24.4344 24.954 25.5609 24.3481 26.5872 23.5949L26.7872 23.4489C26.9986 23.2841 27.1505 23.0548 27.2198 22.7958C27.2891 22.5368 27.2721 22.2623 27.1712 22.0139Z"/>
</symbol>
<symbol id="opinion-neutral" viewBox="0 0 39 39" fill="currentColor">
<path
d="M19.4976 38.6179C16.928 38.6313 14.383 38.1167 12.0206 37.1059C7.34601 35.1235 3.65041 31.3654 1.74673 26.6582C-0.15695 21.9511 -0.112766 16.6805 1.86956 12.0059C2.8347 9.74217 4.2163 7.67977 5.94257 5.92591C8.16226 3.70038 10.8952 2.05488 13.9006 1.13435C16.9061 0.213824 20.0918 0.046526 23.1771 0.647191C26.2624 1.24786 29.1527 2.59805 31.5933 4.57884C34.0339 6.55962 35.9499 9.11021 37.1726 12.0059C38.6709 15.52 39.0792 19.4031 38.3444 23.152C37.6096 26.9008 35.7657 30.3425 33.0516 33.0309C31.2985 34.7592 29.236 36.1422 26.9716 37.1079C24.61 38.1183 22.0661 38.6329 19.4976 38.6199V38.6179ZM19.4976 4.95991C17.564 4.94719 15.6484 5.3318 13.8696 6.08991C12.1496 6.82265 10.5876 7.88108 9.26956 9.20691C7.952 10.5479 6.89716 12.1237 6.15956 13.8529C5.04052 16.5058 4.73786 19.432 5.29026 22.2577C5.84266 25.0834 7.22503 27.6803 9.26072 29.7164C11.2964 31.7525 13.893 33.1354 16.7186 33.6884C19.5442 34.2414 22.4705 33.9394 25.1236 32.8209C26.8528 32.0833 28.4286 31.0284 29.7696 29.7109C31.8151 27.6818 33.2055 25.0862 33.7613 22.2592C34.317 19.4321 34.0127 16.5033 32.8876 13.8509C31.406 10.3531 28.6216 7.569 25.1236 6.08791C23.3453 5.33044 21.4304 4.94617 19.4976 4.9589V4.95991Z"/>
<path
d="M25.3605 22.291H13.3605C12.2559 22.291 11.3605 23.1864 11.3605 24.291C11.3605 25.3956 12.2559 26.291 13.3605 26.291H25.3605C26.465 26.291 27.3605 25.3956 27.3605 24.291C27.3605 23.1864 26.465 22.291 25.3605 22.291Z"/>
</symbol>
<symbol id="opinion-bad" viewBox="0 0 40 39" fill="currentColor">
<path
d="M19.8478 38.6179C17.2782 38.6313 14.7333 38.1167 12.3708 37.1059C7.69623 35.1235 4.00063 31.3654 2.09695 26.6582C0.19327 21.9511 0.237454 16.6805 2.21978 12.0059C3.18492 9.74217 4.56652 7.67977 6.29279 5.92591C8.51248 3.70038 11.2454 2.05488 14.2509 1.13435C17.2563 0.213824 20.442 0.046526 23.5273 0.647191C26.6126 1.24786 29.5029 2.59805 31.9435 4.57884C34.3841 6.55962 36.3001 9.11021 37.5228 12.0059C39.0212 15.52 39.4294 19.4031 38.6946 23.152C37.9598 26.9008 36.1159 30.3425 33.4018 33.0309C31.6487 34.7592 29.5862 36.1422 27.3218 37.1079C24.9602 38.1183 22.4164 38.6329 19.8478 38.6199V38.6179ZM19.8478 4.95991C17.9142 4.94719 15.9986 5.3318 14.2198 6.08991C12.4998 6.82265 10.9378 7.88108 9.61978 9.20691C8.30222 10.5479 7.24738 12.1237 6.50978 13.8529C5.39074 16.5058 5.08808 19.432 5.64048 22.2577C6.19288 25.0834 7.57525 27.6803 9.61094 29.7164C11.6466 31.7525 14.2432 33.1354 17.0688 33.6884C19.8944 34.2414 22.8207 33.9394 25.4738 32.8209C27.203 32.0833 28.7788 31.0284 30.1198 29.7109C32.1653 27.6818 33.5557 25.0862 34.1115 22.2592C34.6673 19.4321 34.3629 16.5033 33.2378 13.8509C31.7562 10.3531 28.9718 7.569 25.4738 6.08791C23.6955 5.33044 21.7806 4.94617 19.8478 4.9589V4.95991Z"/>
<path
d="M11.8446 25.4431C11.9092 25.5942 12.0032 25.7311 12.1211 25.8455C12.2391 25.9599 12.3786 26.0498 12.5317 26.1097C12.6847 26.1697 12.8481 26.1985 13.0124 26.1946C13.1767 26.1907 13.3387 26.1542 13.4887 26.0871C14.542 25.6352 15.6232 25.2513 16.7257 24.9381C18.7687 24.2936 20.9609 24.2957 23.0027 24.9441C24.1092 25.2587 25.1942 25.6449 26.2506 26.1001C26.5251 26.2166 26.8326 26.229 27.1156 26.1352C27.3987 26.0415 27.6379 25.8479 27.7886 25.5906C27.9392 25.3334 27.9911 25.0301 27.9344 24.7373C27.8778 24.4446 27.7165 24.1826 27.4807 24.0001C26.4088 23.1846 25.2223 22.5319 23.9597 22.0631C23.3195 21.8211 22.6615 21.6292 21.9917 21.4891C20.5921 21.1837 19.1432 21.1837 17.7437 21.4891C17.0738 21.6289 16.4158 21.8205 15.7757 22.0621C14.5815 22.5031 13.4549 23.1089 12.4287 23.8621L12.2287 24.0081C12.0173 24.1729 11.8654 24.4023 11.7961 24.6612C11.7268 24.9202 11.7438 25.1947 11.8446 25.4431Z"/>
</symbol>
<symbol id="premium" viewBox="0 0 64.747 69.42" fill="currentColor">
<path
d="M-1973.958,69.418a1.679,1.679,0,0,1-1.456-.84,1.68,1.68,0,0,1-.009-1.67l1.931-3.4a6.42,6.42,0,0,1,5.563-3.231h2.025a11.551,11.551,0,0,0,3.146-7.861c0-.532.009-1.046.02-1.491a4.047,4.047,0,0,1-2.729-3.82v-.8a4.012,4.012,0,0,1,.327-1.59c-1.18-.573-2.393-1.21-3.056-1.563-.443-.23-.887-.456-1.334-.685a13.56,13.56,0,0,1-4.081-3.25,6.092,6.092,0,0,1-2.867,2.225,1.578,1.578,0,0,1-.592.109,1.684,1.684,0,0,1-1.571-1.083,1.7,1.7,0,0,1,.039-1.29,1.706,1.706,0,0,1,.94-.878,2.766,2.766,0,0,0,1.769-2.259,2.545,2.545,0,0,0,.005-.641c-.148-.375-.275-.754-.39-1.139a2.834,2.834,0,0,0-.773-.827l-.042-.018-.029-.029a51.821,51.821,0,0,1-7.247-5.865,18.868,18.868,0,0,1-4.857-7.208,14.844,14.844,0,0,1,.293-10.278,11.021,11.021,0,0,1,6.705-6.439,10.44,10.44,0,0,1,3.26-.528,10.984,10.984,0,0,1,2.154.219v-1.6A1.684,1.684,0,0,1-1975.14,0h35.012a1.682,1.682,0,0,1,1.68,1.685v1.6a11.079,11.079,0,0,1,2.158-.219,10.449,10.449,0,0,1,3.265.528,11.022,11.022,0,0,1,6.7,6.439,14.818,14.818,0,0,1,.294,10.278,18.9,18.9,0,0,1-4.854,7.208,52.215,52.215,0,0,1-7.27,5.885l-.01.009h-.009l-.014.009a2.831,2.831,0,0,0-.821.883c-.1.351-.218.7-.35,1.038a2.759,2.759,0,0,0-.005.695,2.761,2.761,0,0,0,1.769,2.259,1.692,1.692,0,0,1,.94.878,1.692,1.692,0,0,1,.042,1.29,1.686,1.686,0,0,1-1.576,1.083,1.6,1.6,0,0,1-.592-.109,6.126,6.126,0,0,1-2.871-2.24,13.462,13.462,0,0,1-4.087,3.246l-4.389,2.267a4.032,4.032,0,0,1,.328,1.59v.8a4.045,4.045,0,0,1-2.709,3.813c0,.481.005,1.013.005,1.5a11.551,11.551,0,0,0,3.146,7.861h2.022a6.41,6.41,0,0,1,5.56,3.231l1.932,3.4a1.676,1.676,0,0,1-.011,1.67,1.67,1.67,0,0,1-1.451.84Zm3.389-4.242-.5.882h26.881l-.508-.882a3.031,3.031,0,0,0-2.637-1.537h-20.595A3.043,3.043,0,0,0-1970.569,65.176Zm11.17-12.751a14.776,14.776,0,0,1-2.278,7.853h8.087a14.807,14.807,0,0,1-2.277-7.853V51.144h-3.513C-1959.4,51.6-1959.4,52.031-1959.4,52.425Zm5.191-4.642h.37a.678.678,0,0,0,.679-.677v-.8a.678.678,0,0,0-.679-.678h-7.592a.68.68,0,0,0-.678.678v.8a.681.681,0,0,0,.678.677h.443c.474-.023,2.049-.033,3.387-.033S-1954.683,47.759-1954.208,47.783Zm.37-5.517a4.087,4.087,0,0,1,.931.1l5.627-2.908a10.114,10.114,0,0,0,4-3.721,10.444,10.444,0,0,0,.679-1.329,5.867,5.867,0,0,1,.464-1.357,10.354,10.354,0,0,0,.229-1.135c.014-2.648.07-12.641.116-19.929a1.7,1.7,0,0,1-.013-.205V3.36h-31.651V30.493a9.982,9.982,0,0,0,.313,2.485,6.066,6.066,0,0,1,.518,1.514,10.851,10.851,0,0,0,.645,1.258,10.121,10.121,0,0,0,4,3.724l1.009.52,0,0,.212.114.444.229q.07.037.135.079c1.464.772,3.008,1.541,3.931,1.939a4.032,4.032,0,0,1,.826-.085ZM-1938.4,6.732c-.016,2.273-.039,5.769-.062,9.621a1.77,1.77,0,0,1,.01.184V29.506c3.7-2.662,7.958-6.293,9.229-10.226a11.619,11.619,0,0,0-.1-7.753,7.738,7.738,0,0,0-4.756-4.741,7.049,7.049,0,0,0-2.211-.351A7.707,7.707,0,0,0-1938.4,6.732Zm-42.778.053a7.732,7.732,0,0,0-4.751,4.741,11.625,11.625,0,0,0-.1,7.753c1.267,3.929,5.522,7.558,9.214,10.22V6.742a7.624,7.624,0,0,0-2.154-.314A7.134,7.134,0,0,0-1981.179,6.785Zm1.223,51.61-.792-2.947a.706.706,0,0,0-.5-.5l-2.948-.792a.716.716,0,0,1,0-1.382l2.948-.793a.708.708,0,0,0,.5-.5l.792-2.948a.715.715,0,0,1,1.381,0l.794,2.948a.708.708,0,0,0,.5.5l2.947.793a.716.716,0,0,1,0,1.382l-2.947.792a.706.706,0,0,0-.5.5l-.794,2.947a.7.7,0,0,1-.691.526A.7.7,0,0,1-1979.956,58.395Zm48.051-3.227-.792-2.947a.725.725,0,0,0-.509-.5l-2.941-.793a.715.715,0,0,1,0-1.382l2.941-.792a.715.715,0,0,0,.509-.5l.792-2.944a.712.712,0,0,1,1.376,0l.793,2.944a.715.715,0,0,0,.508.5l2.942.792a.715.715,0,0,1,0,1.382l-2.942.793a.725.725,0,0,0-.508.5l-.793,2.947a.7.7,0,0,1-.688.529A.7.7,0,0,1-1931.9,55.168Zm-53.214-15.888-.455-1.685a.406.406,0,0,0-.285-.289l-1.684-.452a.411.411,0,0,1,0-.793l1.684-.451a.408.408,0,0,0,.285-.289l.455-1.684a.408.408,0,0,1,.788,0l.456,1.684a.4.4,0,0,0,.283.289l1.684.451a.411.411,0,0,1,0,.793l-1.684.452a.4.4,0,0,0-.283.289l-.456,1.685a.4.4,0,0,1-.393.3A.4.4,0,0,1-1985.118,39.281Zm33.151-10.553-5.661-2.938-5.661,2.938a1.248,1.248,0,0,1-.571.139,1.261,1.261,0,0,1-.743-.243,1.251,1.251,0,0,1-.494-1.224l1.091-6.26-4.56-4.422a1.258,1.258,0,0,1-.317-1.287,1.239,1.239,0,0,1,1.015-.847l6.331-.889,2.785-5.712a1.245,1.245,0,0,1,1.125-.7,1.245,1.245,0,0,1,1.125.7l2.786,5.712,6.33.889a1.242,1.242,0,0,1,1.016.847,1.239,1.239,0,0,1-.319,1.287l-4.559,4.422,1.09,6.26a1.251,1.251,0,0,1-.492,1.224,1.255,1.255,0,0,1-.74.243A1.229,1.229,0,0,1-1951.968,28.727Z"
transform="translate(1990.001 0.002)"/>
</symbol>
<symbol id="starlet" viewBox="0 0 69.834 69.693" fill="currentColor">
<path
d="M58.82 9.174a1.25 1.25 0 0 1 .432 1.25l-1.429 6.197 4.362 4.67a1.25 1.25 0 0 1-.8 2.1l-6.327.569-3.095 5.551a1.25 1.25 0 0 1-2.243-.104l-2.554-5.843-6.245-1.283a1.25 1.25 0 0 1-.568-2.17l4.787-4.18-.76-6.308a1.25 1.25 0 0 1 .562-1.2 1.25 1.25 0 0 1 1.324-.021l5.476 3.295 5.762-2.685a1.25 1.25 0 0 1 1.316.162Zm-.208 11.957-3.071-3.288a1.25 1.25 0 0 1-.304-1.135l1.003-4.348-4.046 1.885a1.25 1.25 0 0 1-1.172-.062l-3.854-2.32.535 4.424a1.25 1.25 0 0 1-.418 1.09L43.9 20.34l4.412.908a1.25 1.25 0 0 1 .893.723l1.806 4.127 2.188-3.927a1.25 1.25 0 0 1 .98-.636Z"/>
<g>
<path
d="M1.082 68.611a3.555 3.555 0 0 1-.35-4.718L20.4 37.321l-4.516 1.972a2.326 2.326 0 0 1-2.7-3.637L37.272 7.26l1.807-1.808c7.022-7.023 18.375-7.3 25.306-.615a17.666 17.666 0 0 1 5.449 12.65v.168a17.658 17.658 0 0 1-5.212 12.577l-2.187 2.188L34.04 56.513a2.326 2.326 0 0 1-3.636-2.7l1.969-4.52L5.8 68.961a3.557 3.557 0 0 1-4.716-.35m2.94-2.05 30.06-22.251a1.826 1.826 0 0 1 2.759 2.2l-2.566 5.883 26.088-22.126 2.146-2.147a14.414 14.414 0 0 0 4.337-10.607 14.7 14.7 0 0 0-4.535-10.527c-5.767-5.561-15.243-5.3-21.122.577l-1.724 1.718L17.3 35.417l5.888-2.567a1.826 1.826 0 0 1 2.2 2.76L3.132 65.671a.58.58 0 0 0 .062.828.58.58 0 0 0 .828.062M44.806 66.969l-.434-1.626a.394.394 0 0 0-.282-.282l-1.626-.434a.394.394 0 0 1 0-.762l1.626-.438a.4.4 0 0 0 .278-.278l.438-1.626a.394.394 0 0 1 .762 0l.438 1.626a.4.4 0 0 0 .278.278l1.626.434a.394.394 0 0 1 0 .762l-1.626.438a.394.394 0 0 0-.278.278l-.434 1.63a.394.394 0 0 1-.762 0M2.634 49.643 2.2 48.017a.394.394 0 0 0-.282-.282l-1.626-.434a.394.394 0 0 1 0-.762l1.626-.438a.4.4 0 0 0 .278-.278l.438-1.626a.394.394 0 0 1 .762 0l.438 1.626a.4.4 0 0 0 .278.278l1.626.434a.394.394 0 0 1 0 .762l-1.626.438a.394.394 0 0 0-.278.278l-.434 1.63a.394.394 0 0 1-.762 0M15.706 4.732l.762 2.844a.69.69 0 0 0 .49.49l2.844.766a.69.69 0 0 1 0 1.332l-2.844.761a.69.69 0 0 0-.49.487l-.762 2.844a.689.689 0 0 1-1.332 0l-.766-2.844a.69.69 0 0 0-.487-.487l-2.843-.765a.69.69 0 0 1 0-1.332l2.844-.762a.69.69 0 0 0 .487-.487l.766-2.844a.69.69 0 0 1 1.332 0M58.582 56.954l-.766-2.844a.689.689 0 0 0-.487-.487l-2.843-.765a.69.69 0 0 1 0-1.332l2.844-.762a.689.689 0 0 0 .487-.487l.766-2.844a.69.69 0 0 1 1.332 0l.761 2.841a.689.689 0 0 0 .49.49l2.844.766a.69.69 0 0 1 0 1.332l-2.844.761a.689.689 0 0 0-.49.487l-.762 2.844a.689.689 0 0 1-1.332 0"/>
</g>
<path
d="m50.755 27.782-2.201-4.753-5.145-.986a1.038 1.038 0 0 1-.801-.732 1.016 1.016 0 0 1 .296-1.037l3.85-3.465-.742-5.148a1.012 1.012 0 0 1 .438-.986 1.026 1.026 0 0 1 1.085-.03l4.55 2.64 4.679-2.254a1.034 1.034 0 0 1 1.458 1.14l-1.055 5.084 3.663 3.777a1.025 1.025 0 0 1 .233 1.06 1.009 1.009 0 0 1-.851.663l-5.175.526-2.43 4.573a1.014 1.014 0 0 1-.936.538 1.038 1.038 0 0 1-.903-.6Z"/>
</symbol>
<symbol id="launch" viewBox="0 0 76.035 69.694" fill="currentColor">
<defs>
<clipPath id="launch-cp">
<path d="M0 0h76.035v69.694H0z"/>
</clipPath>
</defs>
<g clip-path="url(#launch-cp)">
<path
d="m26.666 4.917 1.684.453a.409.409 0 0 1 .288.288l.453 1.684a.408.408 0 0 0 .789 0l.453-1.684a.409.409 0 0 1 .288-.288l1.684-.453a.408.408 0 0 0 0-.789l-1.684-.453a.408.408 0 0 1-.288-.288l-.453-1.684a.408.408 0 0 0-.789 0l-.453 1.684a.408.408 0 0 1-.288.288l-1.684.453a.408.408 0 0 0 0 .789M75.507 48.855l-2.945-.793a.715.715 0 0 1-.5-.5l-.793-2.945a.714.714 0 0 0-1.379 0l-.793 2.945a.714.714 0 0 1-.5.5l-2.945.793a.714.714 0 0 0 0 1.379l2.945.793a.714.714 0 0 1 .5.5l.793 2.945a.714.714 0 0 0 1.379 0l.793-2.945a.714.714 0 0 1 .5-.5l2.945-.793a.714.714 0 0 0 0-1.379M6.149 46.937l.793-2.945a.714.714 0 0 1 .5-.5l2.945-.793a.714.714 0 0 0 0-1.379l-2.945-.793a.715.715 0 0 1-.5-.5l-.793-2.945a.714.714 0 0 0-1.379 0l-.793 2.945a.715.715 0 0 1-.5.5l-2.945.793a.714.714 0 0 0 0 1.379l2.945.793a.714.714 0 0 1 .5.5l.793 2.945a.714.714 0 0 0 1.379 0M75.428 5.241a5.232 5.232 0 0 0-5.222-5.24h-.019C58.92.042 48.622 4.155 41.195 11.582l-3.737 3.737-13.63-.338a2.9 2.9 0 0 0-1.864.59l-13.21 9.792a3 3 0 0 0 .916 5.287l9.557 2.9-.237.237a3.01 3.01 0 0 0 0 4.249l.97.97-2.662 3.928a2.943 2.943 0 0 0 .306 3.727l11.163 11.16a2.859 2.859 0 0 0 2.031.832 3.025 3.025 0 0 0 1.7-.522l3.93-2.661.969.969a3.007 3.007 0 0 0 4.249 0l.237-.237 2.9 9.558a2.991 2.991 0 0 0 2.362 2.088 3.106 3.106 0 0 0 .519.044 2.986 2.986 0 0 0 2.405-1.216l9.793-13.21a3.02 3.02 0 0 0 .589-1.862l-.339-13.633 3.737-3.737c7.424-7.427 11.537-17.726 11.579-28.993M47.687 64.692l-3.33-10.97 12.739-12.737.279 10.64ZM10.119 29.17l.449-1.48Zm.618-1.428 13.012-9.67 10.691.267-12.734 12.732Zm20.1 27.776L19.911 44.593l2.275-3.361 3.116 3.116a3.094 3.094 0 0 0 .738 3.178l1.861 1.861a3.088 3.088 0 0 0 2.19.9 2.96 2.96 0 0 0 .987-.165l3.116 3.116Zm-1.387-11.4 16.84-16.841 1.861 1.861L31.31 45.985l-.028.028-1.19 1.188-1.864-1.86 1.185-1.185Zm30.554-10.417L40.861 52.846l-1.344 1.344-.489-.486-5.537-5.532 16.846-16.848a3.089 3.089 0 0 0 0-4.371l-1.861-1.862a3.089 3.089 0 0 0-4.371 0L27.258 41.933l-5.53-5.532-.048.071-.5-.5 1.405-1.4 9.425-9.425 11.37-11.375C50.228 6.924 59.752 3.131 70.201 3.093a2.134 2.134 0 0 1 2.129 2.139c-.038 10.444-3.831 19.968-10.675 26.816Z"/>
<path
d="M55.966 10.5a8.158 8.158 0 0 0 .837 16.271 8.365 8.365 0 0 0 .867-.045 8.157 8.157 0 0 0-1.7-16.226m1.382 13.15a5.065 5.065 0 1 1 4.507-5.567 5.073 5.073 0 0 1-4.507 5.567M10.512 53.605c-1.592 1.592-3.174 5.8-4.7 12.506a2.929 2.929 0 0 0 2.848 3.584 3 3 0 0 0 .661-.075c6.706-1.528 10.914-3.11 12.506-4.7a8 8 0 1 0-11.315-11.315m9.126 9.126c-.845.845-4.114 2.285-10.756 3.816 1.53-6.642 2.971-9.911 3.816-10.756a4.907 4.907 0 0 1 6.94 6.94"/>
<circle cx="6" cy="6" r="6" transform="translate(51 13)"/>
</g>
</symbol>
<symbol id="bad" viewBox="0 0 71.852 68.788" fill="currentColor">
<g transform="translate(.996 1.003)">
<path
d="M62.443 67.785H7.417a8.413 8.413 0 0 1-7.445-12.33L27.455 3.5a8.456 8.456 0 0 1 14.945 0l27.486 51.951a8.413 8.413 0 0 1-7.443 12.334Zm-55-4h55a4.413 4.413 0 0 0 3.905-6.468L38.868 5.369a4.456 4.456 0 0 0-7.878 0L3.509 57.321a4.413 4.413 0 0 0 3.907 6.464Z"/>
<path d="M37.923 44.107h-6V19.599h6Z"/>
<circle cx="4.627" cy="4.627" r="4.627" transform="translate(30.296 47.277)"/>
</g>
</symbol>
<symbol id="chevron" viewBox="0 0 16 10" fill="none" stroke="currentColor">
<path
d="M1.64502 8.12988L7.62931 2.14559C7.72831 2.04856 7.8614 1.99421 8.00002 1.99421C8.13864 1.99421 8.27173 2.04856 8.37073 2.14559L14.355 8.12988"
stroke-width="3"/>
</symbol>
<symbol id="chevron-slim" viewBox="0 0 24 24" fill="none" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</symbol>
<symbol id="facebook" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<path fill="#039be5" d="M24 5A19 19 0 1 0 24 43A19 19 0 1 0 24 5Z"/><path fill="#fff" d="M26.572,29.036h4.917l0.772-4.995h-5.69v-2.73c0-2.075,0.678-3.915,2.619-3.915h3.119v-4.359c-0.548-0.074-1.707-0.236-3.897-0.236c-4.573,0-7.254,2.415-7.254,7.917v3.323h-4.701v4.995h4.701v13.729C22.089,42.905,23.032,43,24,43c0.875,0,1.729-0.08,2.572-0.194V29.036z"/>
</symbol>
<symbol id="x" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1271_2836)">
<path d="M16 2C8.3 2 2 8.3 2 16C2 23.7 8.3 30 16 30C23.7 30 30 23.7 30 16C30 8.3 23.7 2 16 2Z" fill="black"/>
<path d="M23.6004 22.9L17.6004 15.1L22.6004 9.19995H20.3004L16.5004 13.7L13.1004 9.19995H8.40039L14.1004 16.6L8.80039 22.9H11.0004L15.1004 18L18.8004 22.9H23.6004ZM12.6004 10.5L20.9004 21.5H19.5004L11.0004 10.5H12.6004Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1271_2836">
<rect width="28" height="28" fill="white" transform="translate(2 2)"/>
</clipPath>
</defs>
</symbol>
<symbol id="linkedin" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2" y="2" width="28" height="28" rx="14" fill="#1275B1"/>
<path d="M12.6186 9.69215C12.6186 10.6267 11.8085 11.3843 10.8093 11.3843C9.81004 11.3843 9 10.6267 9 9.69215C9 8.7576 9.81004 8 10.8093 8C11.8085 8 12.6186 8.7576 12.6186 9.69215Z" fill="white"/>
<path d="M9.24742 12.6281H12.3402V22H9.24742V12.6281Z" fill="white"/>
<path d="M17.3196 12.6281H14.2268V22H17.3196C17.3196 22 17.3196 19.0496 17.3196 17.2049C17.3196 16.0976 17.6977 14.9855 19.2062 14.9855C20.911 14.9855 20.9008 16.4345 20.8928 17.5571C20.8824 19.0244 20.9072 20.5219 20.9072 22H24V17.0537C23.9738 13.8954 23.1508 12.4401 20.4433 12.4401C18.8354 12.4401 17.8387 13.1701 17.3196 13.8305V12.6281Z" fill="white"/>
</symbol>
<symbol id="arrow" viewBox="0 0 21 21" fill="none" stroke="currentColor">
<path d="M16.334 10.326H4.667m0 0L10.5 16.16m-5.833-5.834L10.5 4.493" stroke-width="1.67" stroke-linecap="round"
stroke-linejoin="round"/>
</symbol>
<symbol id="star-logotype" viewBox="0 0 22 23" xmlns="http://www.w3.org/2000/svg">
<path d="M7.16815 16.0104C6.68419 16.0104 6.23048 15.9884 5.79327 15.9527C5.65303 15.939 5.52655 16.0379 5.50455 16.1752L4.58063 21.4554C4.38265 22.5927 5.73003 23.3372 6.5852 22.5653L11.9115 17.7549C12.2414 17.4554 12.7144 17.362 13.1324 17.5159L19.4485 19.5296C20.5319 19.9224 21.4999 18.7219 20.8867 17.7439L18.3844 13.6945C18.3129 13.5736 18.1562 13.5351 18.0324 13.5956C16.0416 14.5406 14.2488 14.9719 13.7208 15.0873C11.697 15.6725 9.25246 16.0186 7.1599 16.0159L7.1654 16.0076L7.16815 16.0104Z" />
<path d="M10.3602 0.688896C9.76901 -0.253402 8.33363 0.0295623 8.1384 1.12296L7.08525 7.14212C7.055 7.32619 7.21449 7.49102 7.39872 7.46355C9.54353 7.14762 11.4766 6.66136 13.2529 5.99104C13.4152 5.9306 13.4757 5.7328 13.3877 5.58719L10.3602 0.688896Z" />
<path d="M21.1285 4.96652C21.013 4.88959 20.8618 4.85938 20.6996 4.85938C20.4026 4.85938 20.0699 4.96102 19.8471 5.08465C18.2688 6.24123 16.5914 7.16155 14.8178 7.8978C12.2881 8.94724 9.55207 9.59559 6.59608 9.94449C4.70425 10.1643 2.72993 10.2687 0.653869 10.2659C0.491634 10.2659 0.332148 10.2659 0.169913 10.2659C0.0571729 10.2659 -0.0390684 10.3895 0.0159266 10.4884C1.10758 12.5736 3.45587 13.4032 5.96364 13.5955C6.36785 13.6258 6.77482 13.645 7.17628 13.645C9.45308 13.6477 11.7134 13.2137 13.1625 12.7851C13.1625 12.7851 14.9883 12.4142 17.0176 11.4555C18.2798 10.8593 19.6189 10.0324 20.6473 8.92801C23.3311 6.04618 21.1368 4.96652 21.134 4.96102L21.1285 4.96652Z" />
</symbol>
<symbol id="shield" fill="none" xmlns="http://www.w3.org/2000/svg">
<g>
<path id="Vector" d="M9 12L11 14L15 10M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z" stroke="#0C1B23" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</symbol>
<symbol id="pqp-name" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 161 29" fill="none">
<path d="M7.36527 6.15396C8.53659 6.15396 9.6103 6.34918 10.6515 6.67455C11.6601 7.03245 12.5386 7.55304 13.287 8.23631C14.0353 8.91959 14.621 9.76554 15.044 10.8067C15.4344 11.8479 15.6621 12.9867 15.6621 14.2556C15.6621 15.492 15.4344 16.6308 15.0114 17.672C14.5559 18.7132 13.9702 19.5917 13.1894 20.3075C12.4085 21.0233 11.53 21.5764 10.5539 21.9343C9.57777 22.3247 8.53659 22.4874 7.49541 22.4874C6.19394 22.4874 5.08769 22.3573 4.17666 22.0319V28.0187C3.68861 28.1488 3.07041 28.1814 2.3546 28.1814C1.63879 28.1814 1.02059 28.1488 0.5 28.0187V8.52914C1.31342 7.87841 2.32206 7.29274 3.52592 6.83723C4.72978 6.38171 5.99872 6.15396 7.36527 6.15396ZM7.23512 19.2012C8.6342 19.2012 9.77299 18.7782 10.6515 17.8672C11.4974 16.9887 11.953 15.7848 11.953 14.2882C11.953 12.8565 11.4974 11.6852 10.6515 10.8393C9.77299 9.9933 8.6342 9.53778 7.20258 9.53778C6.09633 9.53778 5.08769 9.79808 4.17666 10.2861V18.583C5.02261 19.006 6.03126 19.2012 7.23512 19.2012ZM19.9061 22.1621C19.1903 22.1621 18.5721 22.1295 18.0515 21.9994V0.655238C18.5395 0.557627 19.1577 0.492554 19.8735 0.492554C20.5893 0.492554 21.2401 0.557627 21.7607 0.655238V21.9994C21.2726 22.1295 20.6544 22.1621 19.9061 22.1621ZM37.1255 6.5444C37.8413 6.5444 38.4595 6.60947 38.9801 6.70708V20.8606C36.7025 21.9668 34.2623 22.4874 31.6268 22.4874C30.1626 22.4874 28.9262 22.2922 27.9176 21.8367C26.9089 21.4137 26.1281 20.763 25.5424 19.8519C24.9567 18.9735 24.6639 17.8021 24.6639 16.3705V6.70708C25.1845 6.60947 25.8352 6.5444 26.551 6.5444C27.2669 6.5444 27.8851 6.60947 28.3731 6.70708V15.2968C28.3731 16.826 28.6659 17.8672 29.2841 18.3878C29.8698 18.9409 30.8134 19.2012 32.1148 19.2012C33.2862 19.2012 34.3273 19.006 35.2709 18.6155V6.70708C35.7915 6.60947 36.4097 6.5444 37.1255 6.5444ZM47.4567 22.52C46.2854 22.52 45.2442 22.3898 44.3332 22.1295C43.3896 21.8692 42.6738 21.6089 42.1858 21.3161C41.6652 21.0233 41.3073 20.763 41.0795 20.5678C41.2097 20.0472 41.4049 19.5266 41.7303 19.0711C42.0556 18.6155 42.381 18.2902 42.7714 18.0299C43.5523 18.6156 44.3332 19.0385 45.1141 19.2337C45.895 19.4615 46.6759 19.5591 47.5218 19.5591C48.5305 19.5591 49.2788 19.3964 49.7668 19.0711C50.2224 18.7457 50.4827 18.2902 50.4827 17.7045C50.4827 17.1839 50.1898 16.761 49.6367 16.4356C49.0836 16.1102 48.14 15.8499 46.8385 15.6547C44.9839 15.3944 43.6174 14.8738 42.7714 14.0929C41.9255 13.3121 41.5025 12.2709 41.5025 10.9694C41.5025 9.53778 42.0882 8.399 43.292 7.48797C44.4634 6.60947 46.0251 6.15396 47.9773 6.15396C49.2137 6.15396 50.3525 6.31664 51.3937 6.60947C52.4023 6.9023 53.1832 7.26021 53.7689 7.65065C53.5737 8.82197 53.1181 9.70047 52.3698 10.2861C51.0033 9.50525 49.474 9.11481 47.8472 9.11481C46.9036 9.11481 46.1878 9.27749 45.7323 9.53778C45.2768 9.83062 45.049 10.2211 45.049 10.7091C45.049 11.2297 45.2768 11.6201 45.7323 11.913C46.1878 12.2058 47.0663 12.4336 48.3678 12.6288C50.4501 12.9541 51.9468 13.5073 52.8253 14.2882C53.7038 15.069 54.1593 16.1102 54.1593 17.3466C54.1593 18.9735 53.5411 20.2424 52.3698 21.1534C51.1985 22.0645 49.5391 22.52 47.4567 22.52ZM68.6889 6.15396C70.0229 6.15396 71.2918 6.38171 72.4957 6.80469C73.667 7.26021 74.6431 7.81333 75.424 8.46407L75.3914 28.0187C74.8709 28.1488 74.2527 28.1814 73.5369 28.1814C72.8211 28.1814 72.2029 28.1488 71.7148 28.0187V21.9018C70.8038 22.2922 69.73 22.4874 68.5262 22.4874C67.3549 22.4874 66.2812 22.3247 65.2725 21.9668C64.2313 21.6415 63.3528 21.1209 62.6045 20.4376C61.8561 19.7869 61.2705 18.9409 60.8475 17.9323C60.4245 16.9236 60.2293 15.7848 60.2293 14.5484C60.2293 13.2795 60.4245 12.1082 60.88 11.067C61.3356 10.0258 61.9538 9.11481 62.7346 8.399C63.5155 7.68319 64.394 7.13006 65.4352 6.73962C66.4764 6.34918 67.5501 6.15396 68.6889 6.15396ZM68.6563 19.1687C69.8277 19.1687 70.8688 18.9735 71.7473 18.5179V10.2536C70.7712 9.733 69.7626 9.47271 68.7214 9.47271C67.3223 9.47271 66.1835 9.92823 65.2725 10.8393C64.3615 11.7503 63.9385 12.9216 63.9385 14.3858C63.9385 15.8825 64.3615 17.0538 65.24 17.8997C66.0859 18.7457 67.2247 19.1687 68.6563 19.1687ZM90.6371 6.5444C91.3529 6.5444 91.9711 6.60947 92.4917 6.70708V20.8606C90.2141 21.9668 87.7738 22.4874 85.1384 22.4874C83.6742 22.4874 82.4378 22.2922 81.4292 21.8367C80.4205 21.4137 79.6396 20.763 79.054 19.8519C78.4683 18.9735 78.1755 17.8021 78.1755 16.3705V6.70708C78.6961 6.60947 79.3468 6.5444 80.0626 6.5444C80.7784 6.5444 81.3966 6.60947 81.8847 6.70708V15.2968C81.8847 16.826 82.1775 17.8672 82.7957 18.3878C83.3814 18.9409 84.3249 19.2012 85.6264 19.2012C86.7977 19.2012 87.8389 19.006 88.7825 18.6155V6.70708C89.3031 6.60947 89.9213 6.5444 90.6371 6.5444ZM109.336 13.1168C109.336 13.8326 109.271 14.5484 109.205 15.2968H98.3056C98.4033 16.2404 98.6961 17.0538 99.1516 17.7045C99.6071 18.3553 100.193 18.8108 100.844 19.0385C101.494 19.2988 102.145 19.3964 102.731 19.3964C103.219 19.3964 103.837 19.3314 104.553 19.1687C105.269 19.0385 106.18 18.583 107.286 17.8021C107.644 18.0624 107.969 18.4203 108.294 18.9084C108.62 19.3964 108.815 19.8519 108.88 20.3075C107.058 21.7716 104.911 22.4874 102.47 22.4874C101.332 22.4874 100.29 22.3247 99.3143 21.9343C98.3382 21.5764 97.4922 21.0558 96.7764 20.34C96.0606 19.6242 95.5075 18.7782 95.117 17.7371C94.7266 16.7284 94.5314 15.6222 94.5314 14.3858C94.5314 13.247 94.7266 12.1733 95.117 11.1321C95.5075 10.1234 96.0281 9.24495 96.7439 8.49661C97.4597 7.7808 98.2731 7.19513 99.2492 6.77216C100.193 6.38171 101.201 6.15396 102.275 6.15396C103.251 6.15396 104.195 6.34918 105.073 6.67455C105.952 6.99991 106.7 7.48797 107.351 8.10616C107.969 8.72436 108.457 9.47271 108.815 10.3187C109.14 11.1972 109.336 12.1407 109.336 13.1168ZM98.3382 12.8565H105.724C105.724 11.8804 105.431 11.0019 104.846 10.2861C104.26 9.57032 103.414 9.17988 102.275 9.14734C101.169 9.14734 100.258 9.50525 99.5746 10.1885C98.8588 10.9043 98.4683 11.7828 98.3382 12.8565ZM124.025 6.15396C125.196 6.15396 126.27 6.34918 127.311 6.67455C128.32 7.03245 129.198 7.55304 129.947 8.23631C130.695 8.91959 131.281 9.76554 131.704 10.8067C132.094 11.8479 132.322 12.9867 132.322 14.2556C132.322 15.492 132.094 16.6308 131.671 17.672C131.216 18.7132 130.63 19.5917 129.849 20.3075C129.068 21.0233 128.19 21.5764 127.214 21.9343C126.237 22.3247 125.196 22.4874 124.155 22.4874C122.854 22.4874 121.747 22.3573 120.836 22.0319V28.0187C120.348 28.1488 119.73 28.1814 119.014 28.1814C118.298 28.1814 117.68 28.1488 117.16 28.0187V8.52914C117.973 7.87841 118.982 7.29274 120.186 6.83723C121.389 6.38171 122.658 6.15396 124.025 6.15396ZM123.895 19.2012C125.294 19.2012 126.433 18.7782 127.311 17.8672C128.157 16.9887 128.613 15.7848 128.613 14.2882C128.613 12.8565 128.157 11.6852 127.311 10.8393C126.433 9.9933 125.294 9.53778 123.862 9.53778C122.756 9.53778 121.747 9.79808 120.836 10.2861V18.583C121.682 19.006 122.691 19.2012 123.895 19.2012ZM141.088 6.15396C142.455 6.15396 143.594 6.31664 144.505 6.64201C144.505 7.22767 144.407 7.7808 144.244 8.36646C144.049 8.95212 143.821 9.44017 143.529 9.83062C143.236 9.76554 142.845 9.70047 142.357 9.63539C141.869 9.57032 141.479 9.53778 141.186 9.53778C140.6 9.53778 140.08 9.60286 139.559 9.70047C139.039 9.83062 138.616 9.96076 138.29 10.156V21.9994C137.802 22.1295 137.184 22.1621 136.436 22.1621C135.72 22.1621 135.102 22.1295 134.581 21.9994V8.36646C135.232 7.7808 136.143 7.29274 137.314 6.83723C138.485 6.38171 139.722 6.15396 141.088 6.15396ZM152.268 22.4874C151.097 22.4874 150.023 22.2922 149.015 21.9018C148.006 21.5113 147.16 20.9257 146.444 20.2099C145.728 19.494 145.143 18.6156 144.752 17.6069C144.362 16.5983 144.167 15.492 144.167 14.3207C144.167 13.1819 144.362 12.1082 144.785 11.067C145.175 10.0584 145.761 9.17988 146.509 8.43153C147.225 7.71572 148.103 7.13006 149.145 6.73962C150.153 6.34918 151.227 6.12142 152.398 6.12142C153.537 6.12142 154.676 6.34918 155.815 6.80469C156.921 7.26021 157.865 7.94348 158.613 8.85451C159.329 9.76554 159.849 10.7091 160.11 11.6201C160.37 12.5637 160.5 13.4747 160.5 14.3207C160.5 15.492 160.272 16.5657 159.882 17.5744C159.459 18.583 158.873 19.4615 158.157 20.1773C157.409 20.9257 156.531 21.5113 155.522 21.9018C154.481 22.2922 153.407 22.4874 152.268 22.4874ZM152.333 19.2663C153.7 19.2663 154.774 18.8108 155.587 17.8997C156.368 16.9887 156.791 15.8174 156.791 14.3207C156.791 12.824 156.368 11.6201 155.587 10.7091C154.774 9.79808 153.7 9.31003 152.333 9.31003C150.967 9.31003 149.86 9.79808 149.08 10.7091C148.266 11.6201 147.876 12.824 147.876 14.3207C147.876 15.8174 148.266 16.9887 149.08 17.8997C149.86 18.8108 150.967 19.2663 152.333 19.2663Z" fill="#1F293F"/>
</symbol>
<symbol id="pqp-creed-logo" xmlns="http://www.w3.org/2000/svg" width="202" height="41" viewBox="0 0 202 41" fill="none">
<mask id="mask0_7959_89953" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="184" height="37">
<path d="M183.069 0.50293H0.930908V36.5029H183.069V0.50293Z" fill="white"/>
</mask>
<g mask="url(#mask0_7959_89953)">
<path d="M16.868 2.46398C15.9599 1.02047 13.7502 1.45224 13.4512 3.13125L11.83 12.3625C11.7834 12.6457 12.0271 12.8963 12.3107 12.8571C15.6086 12.3741 18.5837 11.6272 21.3152 10.5968C21.5659 10.505 21.6586 10.2021 21.5204 9.97802L16.868 2.46398Z" fill="url(#paint0_linear_7959_89953)"/>
<path d="M11.957 25.9624C11.2119 25.9614 10.5129 25.9275 9.84033 25.874C9.62275 25.8539 9.43129 26.0052 9.39803 26.2159L7.97611 34.3147C7.67045 36.0595 9.74621 37.2017 11.0601 36.0179L19.2536 28.6393C19.762 28.1789 20.4876 28.035 21.1335 28.2729L30.8497 31.3613C32.5173 31.9628 34.0035 30.1207 33.0625 28.6245L29.213 22.4155C29.1011 22.2309 28.8638 22.1714 28.6724 22.2633C25.6106 23.7148 22.8532 24.3763 22.0419 24.5531C18.9281 25.4513 15.1685 25.9798 11.9504 25.9756L11.957 25.9624Z" fill="url(#paint1_linear_7959_89953)"/>
<path d="M32.7722 8.85938C33.0227 8.8597 33.2601 8.89951 33.438 9.01829C33.438 9.01829 33.4398 9.01931 33.4428 9.02094C33.5837 9.0961 36.7316 10.7757 32.6914 15.1027C31.1064 16.7998 29.0472 18.0681 27.1073 18.981C23.9861 20.4522 21.1761 21.0215 21.1761 21.0215C18.9463 21.6771 15.4701 22.3443 11.9684 22.3397C11.3486 22.3389 10.7221 22.3117 10.1023 22.2648C6.24494 21.97 2.63284 20.6941 0.955476 17.4978C0.869948 17.3462 1.02187 17.1554 1.19333 17.1556L1.93851 17.1566C5.13025 17.1608 8.1705 17.0001 11.0791 16.6615C15.6234 16.1274 19.832 15.1319 23.7249 13.5235C26.45 12.3943 29.0303 10.9817 31.4594 9.20672C31.8026 9.01615 32.3171 8.85876 32.7722 8.85938Z" fill="url(#paint2_linear_7959_89953)"/>
<path d="M51.9113 15.9805C52.8992 15.9805 53.8051 16.144 54.6834 16.4166C55.5343 16.7165 56.2757 17.1527 56.9069 17.7251C57.5382 18.2976 58.0322 19.0064 58.3892 19.8787C58.7185 20.751 58.9105 21.7051 58.9105 22.7683C58.9105 23.8042 58.7185 24.7583 58.3615 25.6306C57.9772 26.5029 57.4832 27.239 56.8246 27.8387C56.1656 28.4384 55.4247 28.9018 54.6011 29.2017C53.7778 29.5288 52.8992 29.6651 52.0209 29.6651C50.923 29.6651 49.9897 29.5561 49.2211 29.2835V34.2994C48.8094 34.4084 48.2878 34.4357 47.6842 34.4357C47.0802 34.4357 46.5586 34.4084 46.1196 34.2994V17.9705C46.8056 17.4253 47.6565 16.9346 48.6721 16.5529C49.6877 16.1713 50.7583 15.9805 51.9113 15.9805ZM51.8012 26.9118C52.9815 26.9118 53.9425 26.5574 54.6834 25.7942C55.397 25.0581 55.7813 24.0495 55.7813 22.7955C55.7813 21.5961 55.397 20.6147 54.6834 19.9059C53.9425 19.1972 52.9815 18.8155 51.7739 18.8155C50.8406 18.8155 49.9897 19.0336 49.2211 19.4425V26.3939C49.9347 26.7483 50.7856 26.9118 51.8012 26.9118Z" fill="#27334B"/>
<path d="M62.628 29.3927C62.0241 29.3927 61.5028 29.3654 61.0635 29.2564V11.3736C61.4751 11.2918 61.9968 11.2373 62.6007 11.2373C63.2043 11.2373 63.7533 11.2918 64.1926 11.3736V29.2564C63.781 29.3654 63.2593 29.3927 62.628 29.3927Z" fill="#27334B"/>
<path d="M77.2919 16.3076C77.8959 16.3076 78.4172 16.3621 78.8565 16.4439V28.3021C76.9353 29.229 74.8764 29.6651 72.6533 29.6651C71.418 29.6651 70.3751 29.5016 69.5241 29.1199C68.6732 28.7656 68.0142 28.2203 67.5202 27.4571C67.0263 26.721 66.7793 25.7397 66.7793 24.5402V16.4439C67.2182 16.3621 67.7672 16.3076 68.3712 16.3076C68.9752 16.3076 69.4964 16.3621 69.9084 16.4439V23.6406C69.9084 24.9219 70.1554 25.7942 70.6767 26.2303C71.171 26.6938 71.967 26.9119 73.0649 26.9119C74.0532 26.9119 74.9314 26.7483 75.7274 26.4212V16.4439C76.1667 16.3621 76.688 16.3076 77.2919 16.3076Z" fill="#27334B"/>
<path d="M86.1449 29.6924C85.1566 29.6924 84.2783 29.5833 83.5097 29.3652C82.7138 29.1472 82.1098 28.9291 81.6982 28.6837C81.2589 28.4384 80.9569 28.2203 80.7649 28.0567C80.8745 27.6206 81.0392 27.1844 81.3139 26.8028C81.5882 26.4212 81.8628 26.1485 82.1921 25.9305C82.8507 26.4212 83.5097 26.7755 84.1683 26.9391C84.8273 27.1299 85.4859 27.2117 86.1995 27.2117C87.0505 27.2117 87.6818 27.0754 88.0934 26.8028C88.4777 26.5302 88.6974 26.1485 88.6974 25.6579C88.6974 25.2217 88.4504 24.8673 87.9838 24.5947C87.5171 24.3221 86.7212 24.104 85.6232 23.9405C84.0587 23.7224 82.9057 23.2862 82.1921 22.632C81.4785 21.9777 81.1215 21.1054 81.1215 20.015C81.1215 18.8155 81.6158 17.8614 82.6314 17.0982C83.6194 16.3621 84.9369 15.9805 86.5838 15.9805C87.6271 15.9805 88.5877 16.1168 89.466 16.3621C90.3169 16.6075 90.9756 16.9073 91.4699 17.2344C91.3052 18.2158 90.9209 18.9518 90.2896 19.4425C89.1367 18.7883 87.8464 18.4612 86.4742 18.4612C85.6782 18.4612 85.0743 18.5975 84.69 18.8155C84.3057 19.0609 84.1137 19.388 84.1137 19.7969C84.1137 20.233 84.3057 20.5602 84.69 20.8055C85.0743 21.0509 85.8152 21.2417 86.9131 21.4052C88.6701 21.6779 89.9326 22.1413 90.6736 22.7955C91.4149 23.4498 91.7992 24.3221 91.7992 25.358C91.7992 26.721 91.2775 27.7842 90.2896 28.5474C89.3013 29.3107 87.9014 29.6924 86.1449 29.6924Z" fill="#27334B"/>
<path d="M104.331 15.9805C105.456 15.9805 106.527 16.1713 107.543 16.5257C108.531 16.9073 109.354 17.3707 110.013 17.916L109.986 34.2994C109.546 34.4084 109.025 34.4357 108.421 34.4357C107.817 34.4357 107.296 34.4084 106.884 34.2994V29.1744C106.115 29.5015 105.21 29.6651 104.194 29.6651C103.206 29.6651 102.3 29.5288 101.449 29.229C100.571 28.9564 99.8295 28.5202 99.1982 27.9477C98.5669 27.4025 98.073 26.6937 97.716 25.8487C97.3594 25.0036 97.1943 24.0495 97.1943 23.0136C97.1943 21.9505 97.3593 20.9691 97.7433 20.0968C98.1276 19.2244 98.6493 18.4612 99.3079 17.8614C99.9668 17.2617 100.708 16.7983 101.586 16.4712C102.465 16.144 103.37 15.9805 104.331 15.9805ZM104.304 26.8846C105.292 26.8846 106.17 26.721 106.911 26.3394V19.4153C106.088 18.9791 105.237 18.761 104.359 18.761C103.178 18.761 102.218 19.1427 101.449 19.9059C100.68 20.6692 100.323 21.6506 100.323 22.8773C100.323 24.1313 100.68 25.1127 101.422 25.8214C102.135 26.5302 103.096 26.8846 104.304 26.8846Z" fill="#27334B"/>
<path d="M122.984 16.3076C123.588 16.3076 124.11 16.3621 124.549 16.4439V28.3021C122.628 29.229 120.569 29.6651 118.346 29.6651C117.11 29.6651 116.067 29.5016 115.217 29.1199C114.366 28.7656 113.707 28.2203 113.213 27.4571C112.719 26.721 112.472 25.7397 112.472 24.5402V16.4439C112.911 16.3621 113.46 16.3076 114.064 16.3076C114.668 16.3076 115.189 16.3621 115.601 16.4439V23.6406C115.601 24.9219 115.848 25.7942 116.369 26.2303C116.863 26.6938 117.659 26.9119 118.757 26.9119C119.746 26.9119 120.624 26.7483 121.42 26.4212V16.4439C121.859 16.3621 122.38 16.3076 122.984 16.3076Z" fill="#27334B"/>
<path d="M138.896 21.8142C138.896 22.4139 138.841 23.0136 138.786 23.6406H129.591C129.673 24.4312 129.92 25.1127 130.304 25.6579C130.689 26.203 131.183 26.5847 131.732 26.7755C132.281 26.9936 132.83 27.0754 133.324 27.0754C133.736 27.0754 134.257 27.0209 134.861 26.8846C135.465 26.7755 136.233 26.3939 137.167 25.7397C137.469 25.9577 137.743 26.2576 138.018 26.6665C138.292 27.0754 138.457 27.457 138.512 27.8387C136.975 29.0654 135.163 29.6651 133.104 29.6651C132.144 29.6651 131.265 29.5288 130.442 29.2017C129.618 28.9018 128.905 28.4657 128.301 27.8659C127.697 27.2662 127.23 26.5574 126.901 25.6851C126.571 24.84 126.407 23.9132 126.407 22.8773C126.407 21.9232 126.571 21.0236 126.901 20.1513C127.23 19.3062 127.67 18.5702 128.273 17.9432C128.877 17.3435 129.564 16.8528 130.387 16.4984C131.183 16.1713 132.034 15.9805 132.94 15.9805C133.763 15.9805 134.559 16.144 135.3 16.4166C136.041 16.6892 136.673 17.0981 137.222 17.6161C137.743 18.134 138.155 18.761 138.457 19.4698C138.731 20.2058 138.896 20.9964 138.896 21.8142ZM129.618 21.5961H135.849C135.849 20.7783 135.602 20.0422 135.108 19.4425C134.614 18.8428 133.9 18.5157 132.94 18.4884C132.006 18.4884 131.238 18.7883 130.661 19.3607C130.058 19.9605 129.728 20.6965 129.618 21.5961Z" fill="#27334B"/>
<path d="M151.562 15.9805C152.55 15.9805 153.456 16.144 154.335 16.4166C155.186 16.7165 155.927 17.1527 156.558 17.7251C157.189 18.2976 157.683 19.0064 158.04 19.8787C158.369 20.751 158.562 21.7051 158.562 22.7683C158.562 23.8042 158.369 24.7583 158.013 25.6306C157.628 26.5029 157.134 27.239 156.476 27.8387C155.817 28.4384 155.076 28.9018 154.252 29.2017C153.429 29.5288 152.55 29.6651 151.672 29.6651C150.574 29.6651 149.641 29.5561 148.872 29.2835V34.2994C148.461 34.4084 147.939 34.4357 147.335 34.4357C146.731 34.4357 146.21 34.4084 145.771 34.2994V17.9705C146.457 17.4253 147.308 16.9346 148.323 16.5529C149.339 16.1713 150.41 15.9805 151.562 15.9805ZM151.452 26.9118C152.633 26.9118 153.593 26.5574 154.335 25.7942C155.048 25.0581 155.433 24.0495 155.433 22.7955C155.433 21.5961 155.048 20.6147 154.335 19.9059C153.593 19.1972 152.633 18.8155 151.425 18.8155C150.492 18.8155 149.641 19.0336 148.872 19.4425V26.3939C149.586 26.7483 150.437 26.9118 151.452 26.9118Z" fill="#27334B"/>
<path d="M166.095 15.9805C167.248 15.9805 168.208 16.1168 168.977 16.3894C168.977 16.88 168.894 17.3435 168.757 17.8342C168.592 18.3248 168.4 18.7337 168.154 19.0609C167.906 19.0064 167.577 18.9518 167.165 18.8973C166.754 18.8428 166.424 18.8155 166.177 18.8155C165.683 18.8155 165.244 18.87 164.805 18.9518C164.365 19.0609 164.009 19.1699 163.734 19.3335V29.2562C163.322 29.3652 162.801 29.3925 162.17 29.3925C161.566 29.3925 161.044 29.3652 160.605 29.2562V17.8342C161.154 17.3435 161.923 16.9346 162.911 16.5529C163.899 16.1713 164.942 15.9805 166.095 15.9805Z" fill="#27334B"/>
<path d="M175.663 29.665C174.675 29.665 173.769 29.5015 172.918 29.1743C172.067 28.8472 171.354 28.3565 170.75 27.7568C170.146 27.1571 169.652 26.4211 169.323 25.576C168.993 24.7309 168.829 23.8041 168.829 22.8227C168.829 21.8686 168.993 20.969 169.35 20.0967C169.68 19.2516 170.174 18.5156 170.805 17.8886C171.409 17.2889 172.15 16.7982 173.028 16.4711C173.879 16.1439 174.785 15.9531 175.773 15.9531C176.734 15.9531 177.694 16.1439 178.655 16.5256C179.589 16.9072 180.385 17.4797 181.016 18.243C181.62 19.0063 182.059 19.7968 182.278 20.5601C182.498 21.3506 182.608 22.1139 182.608 22.8227C182.608 23.8041 182.416 24.7036 182.086 25.5487C181.729 26.3938 181.236 27.1298 180.632 27.7296C180 28.3565 179.259 28.8472 178.408 29.1743C177.53 29.5015 176.624 29.665 175.663 29.665ZM175.718 26.9663C176.871 26.9663 177.777 26.5846 178.463 25.8213C179.122 25.058 179.479 24.0767 179.479 22.8227C179.479 21.5687 179.122 20.5601 178.463 19.7968C177.777 19.0335 176.871 18.6246 175.718 18.6246C174.565 18.6246 173.632 19.0335 172.973 19.7968C172.287 20.5601 171.958 21.5687 171.958 22.8227C171.958 24.0767 172.287 25.058 172.973 25.8213C173.632 26.5846 174.565 26.9663 175.718 26.9663Z" fill="#27334B"/>
<path d="M72.2933 5.56097C72.2933 4.9072 72.2095 4.43676 72.0412 4.14974C71.8813 3.85474 71.5771 3.70724 71.129 3.70724C70.9687 3.70724 70.7928 3.7192 70.6008 3.74312C70.4085 3.76704 70.2646 3.78697 70.1684 3.80292V8.84985H68.7161V2.79831C68.9962 2.71858 69.3601 2.64284 69.8085 2.57108C70.2646 2.49932 70.7447 2.46344 71.2489 2.46344C71.6813 2.46344 72.0332 2.51925 72.3053 2.63088C72.5854 2.7425 72.8175 2.89 73.0018 3.07338C73.0896 3.0096 73.2018 2.94183 73.3376 2.87007C73.4739 2.79831 73.6258 2.73453 73.7941 2.67871C73.962 2.61493 74.138 2.56311 74.3223 2.52324C74.5143 2.48338 74.7062 2.46344 74.8986 2.46344C75.3867 2.46344 75.7867 2.5352 76.0989 2.67871C76.4191 2.81426 76.6671 3.0096 76.8431 3.26473C77.0274 3.5119 77.1512 3.81487 77.2154 4.17365C77.2875 4.52447 77.3232 4.91115 77.3232 5.33376V8.84985H75.8708V5.56097C75.8708 4.9072 75.7907 4.43676 75.6308 4.14974C75.4705 3.85474 75.1627 3.70724 74.7062 3.70724C74.4742 3.70724 74.2542 3.74711 74.0462 3.82684C73.8382 3.89859 73.6819 3.97035 73.5781 4.04211C73.6418 4.24144 73.6859 4.45273 73.7099 4.67595C73.734 4.89921 73.746 5.1384 73.746 5.39353V8.84985H72.2933V5.56097ZM78.7548 5.75233C78.7548 5.2022 78.8349 4.71983 78.9948 4.30521C79.1628 3.89062 79.3828 3.54778 79.6549 3.27669C79.927 2.99764 80.2392 2.79034 80.5915 2.6548C80.9437 2.51128 81.3036 2.43953 81.6719 2.43953C82.5363 2.43953 83.2084 2.70662 83.6886 3.24081C84.1767 3.77501 84.4211 4.5723 84.4211 5.63272C84.4211 5.71245 84.4171 5.80416 84.4091 5.9078C84.4091 6.00346 84.4051 6.09118 84.3971 6.17091H80.2552C80.2953 6.67321 80.4713 7.06388 80.7834 7.34295C81.1036 7.61404 81.5637 7.74955 82.1641 7.74955C82.5163 7.74955 82.8365 7.71769 83.1243 7.65389C83.4204 7.59009 83.6525 7.52234 83.8208 7.45059L84.0128 8.63457C83.9326 8.67446 83.8208 8.7183 83.6765 8.76613C83.5407 8.80601 83.3804 8.84187 83.1964 8.87377C83.0205 8.91365 82.8285 8.94551 82.6201 8.96943C82.4121 8.99338 82.2001 9.00532 81.9841 9.00532C81.4319 9.00532 80.9517 8.92559 80.5434 8.76613C80.1354 8.59868 79.7992 8.37147 79.5351 8.08444C79.271 7.78944 79.075 7.4466 78.9468 7.05593C78.8189 6.65728 78.7548 6.22273 78.7548 5.75233ZM82.9684 5.1065C82.9684 4.9072 82.9403 4.71983 82.8842 4.5444C82.8285 4.36102 82.7443 4.20555 82.6321 4.07799C82.5283 3.94244 82.3961 3.83879 82.2362 3.76704C82.0839 3.68731 81.9 3.64744 81.6839 3.64744C81.4599 3.64744 81.2636 3.69129 81.0956 3.779C80.9277 3.85872 80.7834 3.96636 80.6636 4.1019C80.5514 4.23745 80.4632 4.39292 80.3995 4.56831C80.3354 4.74374 80.2913 4.92313 80.2673 5.1065H82.9684ZM89.5385 5.56097C89.5385 4.9072 89.4543 4.43676 89.2864 4.14974C89.1261 3.85474 88.8223 3.70724 88.3739 3.70724C88.214 3.70724 88.038 3.7192 87.8457 3.74312C87.6537 3.76704 87.5098 3.78697 87.4136 3.80292V8.84985H85.9609V2.79831C86.241 2.71858 86.6053 2.64284 87.0534 2.57108C87.5098 2.49932 87.9899 2.46344 88.4941 2.46344C88.9261 2.46344 89.2784 2.51925 89.5505 2.63088C89.8306 2.7425 90.0627 2.89 90.2466 3.07338C90.3348 3.0096 90.4466 2.94183 90.5828 2.87007C90.7187 2.79831 90.871 2.73453 91.0389 2.67871C91.2072 2.61493 91.3832 2.56311 91.5671 2.52324C91.7595 2.48338 91.9514 2.46344 92.1434 2.46344C92.6315 2.46344 93.0319 2.5352 93.3441 2.67871C93.6639 2.81426 93.912 3.0096 94.0883 3.26473C94.2722 3.5119 94.3965 3.81487 94.4602 4.17365C94.5323 4.52447 94.5684 4.91115 94.5684 5.33376V8.84985H93.1157V5.56097C93.1157 4.9072 93.0359 4.43676 92.8756 4.14974C92.7157 3.85474 92.4075 3.70724 91.9514 3.70724C91.7194 3.70724 91.4994 3.74711 91.291 3.82684C91.083 3.89859 90.9271 3.97035 90.8229 4.04211C90.887 4.24144 90.9311 4.45273 90.9551 4.67595C90.9788 4.89921 90.9908 5.1384 90.9908 5.39353V8.84985H89.5385V5.56097ZM100.513 5.7045C100.513 5.09057 100.39 4.6042 100.141 4.24543C99.9014 3.88663 99.5171 3.70724 98.9889 3.70724C98.7488 3.70724 98.5208 3.74312 98.3048 3.81487C98.0964 3.88663 97.9285 3.96636 97.8006 4.05407V7.65389C97.9044 7.67781 98.0367 7.70172 98.1966 7.72564C98.3645 7.74161 98.5649 7.74955 98.7969 7.74955C99.3331 7.74955 99.7531 7.57017 100.057 7.2114C100.361 6.84465 100.513 6.34235 100.513 5.7045ZM102.002 5.72842C102.002 6.23072 101.926 6.68518 101.774 7.09178C101.63 7.49044 101.418 7.83328 101.138 8.12034C100.866 8.40736 100.533 8.62659 100.141 8.7781C99.7491 8.92958 99.3051 9.00532 98.8089 9.00532C98.3288 9.00532 97.8684 8.96943 97.4283 8.89768C96.9963 8.82594 96.636 8.74621 96.3479 8.65849V-0.191581L97.8006 -0.43077V2.81027C97.9686 2.72257 98.1725 2.64284 98.4126 2.57108C98.6607 2.49932 98.9328 2.46344 99.2289 2.46344C99.6694 2.46344 100.061 2.54317 100.406 2.70263C100.757 2.85412 101.05 3.07338 101.282 3.36041C101.514 3.64744 101.69 3.99427 101.81 4.4009C101.938 4.79956 102.002 5.24205 102.002 5.72842ZM107.077 3.89859C106.956 3.85872 106.788 3.81886 106.572 3.779C106.364 3.73116 106.12 3.70724 105.84 3.70724C105.68 3.70724 105.508 3.72319 105.324 3.75508C105.148 3.78697 105.024 3.81487 104.952 3.83879V8.84985H103.499V2.89399C103.779 2.79034 104.127 2.69466 104.543 2.60696C104.968 2.51128 105.436 2.46344 105.948 2.46344C106.044 2.46344 106.156 2.47142 106.284 2.48736C106.412 2.49534 106.54 2.51128 106.669 2.5352C106.796 2.55115 106.921 2.57506 107.04 2.60696C107.161 2.63088 107.256 2.6548 107.329 2.67871L107.077 3.89859ZM107.993 5.75233C107.993 5.2022 108.073 4.71983 108.233 4.30521C108.401 3.89062 108.621 3.54778 108.893 3.27669C109.165 2.99764 109.477 2.79034 109.829 2.6548C110.182 2.51128 110.542 2.43953 110.91 2.43953C111.774 2.43953 112.446 2.70662 112.927 3.24081C113.415 3.77501 113.659 4.5723 113.659 5.63272C113.659 5.71245 113.655 5.80416 113.647 5.9078C113.647 6.00346 113.643 6.09118 113.635 6.17091H109.493C109.533 6.67321 109.71 7.06388 110.021 7.34295C110.342 7.61404 110.802 7.74955 111.402 7.74955C111.754 7.74955 112.074 7.71769 112.363 7.65389C112.659 7.59009 112.891 7.52234 113.059 7.45059L113.251 8.63457C113.171 8.67446 113.059 8.7183 112.915 8.76613C112.779 8.80601 112.619 8.84187 112.434 8.87377C112.258 8.91365 112.066 8.94551 111.858 8.96943C111.65 8.99338 111.438 9.00532 111.222 9.00532C110.67 9.00532 110.19 8.92559 109.781 8.76613C109.373 8.59868 109.037 8.37147 108.773 8.08444C108.509 7.78944 108.313 7.4466 108.185 7.05593C108.057 6.65728 107.993 6.22273 107.993 5.75233ZM112.206 5.1065C112.206 4.9072 112.178 4.71983 112.123 4.5444C112.066 4.36102 111.982 4.20555 111.87 4.07799C111.766 3.94244 111.634 3.83879 111.474 3.76704C111.322 3.68731 111.138 3.64744 110.922 3.64744C110.698 3.64744 110.502 3.69129 110.334 3.779C110.166 3.85872 110.021 3.96636 109.902 4.1019C109.789 4.23745 109.702 4.39292 109.637 4.56831C109.573 4.74374 109.529 4.92313 109.505 5.1065H112.206ZM119.141 5.7045C119.141 6.34235 119.293 6.84465 119.597 7.2114C119.902 7.57017 120.322 7.74955 120.858 7.74955C121.09 7.74955 121.286 7.74161 121.446 7.72564C121.614 7.70172 121.75 7.67781 121.855 7.65389V4.06602C121.726 3.97832 121.554 3.89859 121.338 3.82684C121.13 3.74711 120.906 3.70724 120.666 3.70724C120.138 3.70724 119.75 3.88663 119.502 4.24543C119.261 4.6042 119.141 5.09057 119.141 5.7045ZM123.307 8.65849C123.019 8.74621 122.655 8.82594 122.214 8.89768C121.782 8.96943 121.326 9.00532 120.846 9.00532C120.35 9.00532 119.906 8.92958 119.514 8.7781C119.121 8.62659 118.785 8.41135 118.505 8.13228C118.233 7.84525 118.021 7.50241 117.869 7.10376C117.725 6.69712 117.653 6.24266 117.653 5.74036C117.653 5.24604 117.713 4.79956 117.833 4.4009C117.961 3.99427 118.145 3.64744 118.385 3.36041C118.625 3.07338 118.917 2.85412 119.261 2.70263C119.605 2.54317 120.002 2.46344 120.45 2.46344C120.754 2.46344 121.022 2.49932 121.254 2.57108C121.486 2.64284 121.686 2.72257 121.855 2.81027V-0.191581L123.307 -0.43077V8.65849ZM130.302 8.65849C130.022 8.73027 129.658 8.80202 129.21 8.87377C128.762 8.9535 128.269 8.99338 127.733 8.99338C127.229 8.99338 126.805 8.9216 126.461 8.7781C126.125 8.63457 125.852 8.43527 125.644 8.18011C125.444 7.92498 125.3 7.62199 125.212 7.27121C125.124 6.9124 125.08 6.52173 125.08 6.09916V2.595H126.533V5.87191C126.533 6.54166 126.629 7.02004 126.821 7.30706C127.021 7.59408 127.365 7.73761 127.853 7.73761C128.029 7.73761 128.213 7.72963 128.405 7.7137C128.606 7.69773 128.754 7.67781 128.85 7.65389V2.595H130.302V8.65849ZM138.53 3.89859C138.41 3.85872 138.242 3.81886 138.026 3.779C137.818 3.73116 137.574 3.70724 137.294 3.70724C137.134 3.70724 136.962 3.72319 136.777 3.75508C136.602 3.78697 136.477 3.81487 136.406 3.83879V8.84985H134.953V2.89399C135.233 2.79034 135.581 2.69466 135.997 2.60696C136.422 2.51128 136.89 2.46344 137.402 2.46344C137.498 2.46344 137.61 2.47142 137.738 2.48736C137.866 2.49534 137.994 2.51128 138.122 2.5352C138.25 2.55115 138.374 2.57506 138.494 2.60696C138.614 2.63088 138.71 2.6548 138.782 2.67871L138.53 3.89859ZM139.447 5.75233C139.447 5.2022 139.527 4.71983 139.687 4.30521C139.854 3.89062 140.075 3.54778 140.347 3.27669C140.619 2.99764 140.931 2.79034 141.283 2.6548C141.635 2.51128 141.995 2.43953 142.364 2.43953C143.228 2.43953 143.9 2.70662 144.38 3.24081C144.868 3.77501 145.113 4.5723 145.113 5.63272C145.113 5.71245 145.109 5.80416 145.101 5.9078C145.101 6.00346 145.097 6.09118 145.089 6.17091H140.947C140.987 6.67321 141.163 7.06388 141.475 7.34295C141.795 7.61404 142.255 7.74955 142.856 7.74955C143.208 7.74955 143.528 7.71769 143.816 7.65389C144.112 7.59009 144.344 7.52234 144.513 7.45059L144.704 8.63457C144.624 8.67446 144.513 8.7183 144.368 8.76613C144.232 8.80601 144.072 8.84187 143.888 8.87377C143.712 8.91365 143.52 8.94551 143.312 8.96943C143.104 8.99338 142.892 9.00532 142.676 9.00532C142.124 9.00532 141.643 8.92559 141.235 8.76613C140.827 8.59868 140.491 8.37147 140.227 8.08444C139.963 7.78944 139.767 7.4466 139.638 7.05593C139.511 6.65728 139.447 6.22273 139.447 5.75233ZM143.66 5.1065C143.66 4.9072 143.632 4.71983 143.576 4.5444C143.52 4.36102 143.436 4.20555 143.324 4.07799C143.22 3.94244 143.088 3.83879 142.928 3.76704C142.776 3.68731 142.592 3.64744 142.376 3.64744C142.152 3.64744 141.955 3.69129 141.787 3.779C141.619 3.85872 141.475 3.96636 141.355 4.1019C141.243 4.23745 141.155 4.39292 141.091 4.56831C141.027 4.74374 140.983 4.92313 140.959 5.1065H143.66ZM143.912 0.0356529L141.955 1.92526L141.235 1.27945L143 -0.813477L143.912 0.0356529ZM148.225 7.80936C148.61 7.80936 148.89 7.76552 149.066 7.67781C149.242 7.58214 149.33 7.42268 149.33 7.19942C149.33 6.99213 149.234 6.82069 149.042 6.68518C148.858 6.54964 148.549 6.40212 148.117 6.24266C147.853 6.14699 147.609 6.04734 147.385 5.94369C147.169 5.83206 146.981 5.7045 146.821 5.56097C146.661 5.41744 146.533 5.24604 146.437 5.0467C146.348 4.8394 146.305 4.58827 146.305 4.29327C146.305 3.7192 146.517 3.26872 146.941 2.94183C147.365 2.60696 147.941 2.43953 148.67 2.43953C149.038 2.43953 149.39 2.4754 149.726 2.54716C150.062 2.61095 150.314 2.67473 150.482 2.73851L150.218 3.91055C150.058 3.83879 149.854 3.77501 149.606 3.7192C149.358 3.65541 149.07 3.62352 148.741 3.62352C148.446 3.62352 148.205 3.67535 148.021 3.779C147.837 3.87467 147.745 4.02616 147.745 4.23346C147.745 4.3371 147.761 4.42881 147.793 4.50854C147.833 4.58827 147.897 4.66401 147.985 4.73576C148.073 4.79956 148.19 4.86731 148.333 4.93906C148.477 5.00286 148.654 5.07061 148.862 5.1424C149.206 5.26996 149.498 5.39752 149.738 5.52508C149.978 5.64469 150.174 5.78423 150.326 5.94369C150.486 6.09517 150.602 6.27056 150.674 6.46991C150.746 6.66922 150.782 6.90841 150.782 7.18748C150.782 7.78545 150.558 8.23991 150.11 8.55085C149.67 8.85384 149.038 9.00532 148.213 9.00532C147.661 9.00532 147.217 8.95749 146.881 8.86183C146.545 8.77411 146.309 8.70237 146.173 8.64655L146.425 7.43861C146.641 7.52633 146.897 7.61005 147.193 7.68978C147.497 7.76951 147.841 7.80936 148.225 7.80936ZM151.791 5.75233C151.791 5.2022 151.871 4.71983 152.031 4.30521C152.199 3.89062 152.419 3.54778 152.692 3.27669C152.964 2.99764 153.276 2.79034 153.628 2.6548C153.98 2.51128 154.34 2.43953 154.708 2.43953C155.573 2.43953 156.245 2.70662 156.725 3.24081C157.213 3.77501 157.457 4.5723 157.457 5.63272C157.457 5.71245 157.453 5.80416 157.445 5.9078C157.445 6.00346 157.441 6.09118 157.433 6.17091H153.292C153.332 6.67321 153.508 7.06388 153.82 7.34295C154.14 7.61404 154.6 7.74955 155.2 7.74955C155.553 7.74955 155.873 7.71769 156.161 7.65389C156.457 7.59009 156.689 7.52234 156.857 7.45059L157.049 8.63457C156.969 8.67446 156.857 8.7183 156.713 8.76613C156.577 8.80601 156.417 8.84187 156.233 8.87377C156.057 8.91365 155.865 8.94551 155.657 8.96943C155.448 8.99338 155.236 9.00532 155.02 9.00532C154.468 9.00532 153.988 8.92559 153.58 8.76613C153.172 8.59868 152.835 8.37147 152.571 8.08444C152.307 7.78944 152.111 7.4466 151.983 7.05593C151.855 6.65728 151.791 6.22273 151.791 5.75233ZM156.005 5.1065C156.005 4.9072 155.977 4.71983 155.921 4.5444C155.865 4.36102 155.781 4.20555 155.668 4.07799C155.565 3.94244 155.432 3.83879 155.272 3.76704C155.121 3.68731 154.936 3.64744 154.72 3.64744C154.496 3.64744 154.3 3.69129 154.132 3.779C153.964 3.85872 153.82 3.96636 153.7 4.1019C153.588 4.23745 153.5 4.39292 153.436 4.56831C153.372 4.74374 153.328 4.92313 153.304 5.1065H156.005ZM161.206 7.83328C161.655 7.83328 161.994 7.80936 162.227 7.76153V6.15893C162.147 6.13502 162.031 6.1111 161.879 6.08719C161.726 6.06327 161.558 6.05129 161.374 6.05129C161.214 6.05129 161.05 6.06327 160.882 6.08719C160.722 6.1111 160.574 6.15498 160.438 6.21874C160.31 6.28254 160.206 6.37421 160.126 6.49382C160.046 6.60545 160.006 6.74895 160.006 6.92438C160.006 7.26721 160.114 7.50641 160.33 7.64195C160.546 7.76951 160.838 7.83328 161.206 7.83328ZM161.086 2.43953C161.566 2.43953 161.97 2.49932 162.299 2.61892C162.627 2.73851 162.887 2.90595 163.079 3.12122C163.279 3.33649 163.419 3.5996 163.499 3.91055C163.587 4.21353 163.631 4.54839 163.631 4.91514V8.70632C163.407 8.75419 163.067 8.81 162.611 8.87377C162.163 8.94551 161.655 8.98141 161.086 8.98141C160.71 8.98141 160.366 8.94551 160.054 8.87377C159.742 8.80202 159.474 8.6864 159.25 8.52694C159.033 8.36748 158.861 8.16018 158.733 7.90506C158.613 7.6499 158.553 7.33497 158.553 6.96023C158.553 6.60146 158.621 6.29847 158.757 6.05129C158.901 5.80416 159.093 5.60481 159.333 5.45333C159.574 5.29387 159.85 5.18224 160.162 5.11848C160.482 5.0467 160.814 5.01084 161.158 5.01084C161.318 5.01084 161.486 5.02278 161.663 5.0467C161.839 5.06266 162.027 5.09456 162.227 5.1424V4.9032C162.227 4.73576 162.206 4.5763 162.167 4.42482C162.127 4.27334 162.055 4.14175 161.95 4.03015C161.855 3.91055 161.722 3.81886 161.554 3.75508C161.395 3.69129 161.19 3.6594 160.942 3.6594C160.606 3.6594 160.298 3.68332 160.018 3.73116C159.738 3.779 159.51 3.83481 159.333 3.89859L159.153 2.72655C159.337 2.66277 159.606 2.59898 159.958 2.5352C160.31 2.47142 160.686 2.43953 161.086 2.43953ZM170.56 8.65849C170.28 8.73027 169.916 8.80202 169.468 8.87377C169.02 8.9535 168.527 8.99338 167.991 8.99338C167.487 8.99338 167.063 8.9216 166.718 8.7781C166.383 8.63457 166.11 8.43527 165.902 8.18011C165.702 7.92498 165.558 7.62199 165.47 7.27121C165.382 6.9124 165.338 6.52173 165.338 6.09916V2.595H166.791V5.87191C166.791 6.54166 166.887 7.02004 167.079 7.30706C167.279 7.59408 167.623 7.73761 168.111 7.73761C168.287 7.73761 168.471 7.72963 168.663 7.7137C168.863 7.69773 169.012 7.67781 169.107 7.65389V2.595H170.56V8.65849Z" fill="#27334B"/>
<path d="M177.536 2.50879H174.769V8.71036H177.536V2.50879Z" fill="#000091"/>
<path d="M183.069 2.50879H180.302V8.71036H183.069V2.50879Z" fill="#E1000F"/>
<path d="M180.302 2.50879H177.536V8.71036H180.302V2.50879Z" fill="white"/>
</g>
<defs>
<linearGradient id="paint0_linear_7959_89953" x1="33.4199" y1="-0.980387" x2="-7.0938" y2="22.1376" gradientUnits="userSpaceOnUse">
<stop stop-color="#27334B"/>
<stop offset="1" stop-color="#27334B"/>
</linearGradient>
<linearGradient id="paint1_linear_7959_89953" x1="33.4199" y1="-0.980661" x2="-7.09375" y2="22.1373" gradientUnits="userSpaceOnUse">
<stop stop-color="#27334B"/>
<stop offset="1" stop-color="#27334B"/>
</linearGradient>
<linearGradient id="paint2_linear_7959_89953" x1="33.4199" y1="-0.981027" x2="-7.09374" y2="22.137" gradientUnits="userSpaceOnUse">
<stop stop-color="#27334B"/>
<stop offset="1" stop-color="#27334B"/>
</linearGradient>
</defs>
</symbol>
<symbol id="review-verified" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1.32715" y="1" width="15" height="15" rx="7.5" fill="#101520" stroke="#101520" stroke-width="2"/>
<path d="M7.54419 12C7.37699 12 7.21622 11.93 7.0876 11.7971L4.51525 8.99775C4.26445 8.72482 4.26445 8.28393 4.51525 8.011C4.76606 7.73807 5.1712 7.73807 5.422 8.011L7.53776 10.3134L12.2323 5.2047C12.4831 4.93177 12.8882 4.93177 13.139 5.2047C13.3898 5.47763 13.3898 5.91852 13.139 6.19145L8.00078 11.7971C7.87216 11.937 7.71139 12 7.54419 12Z" fill="white"/>
</symbol>
<symbol id="review-controlled" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<mask id="mask0_8129_121325" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
<rect x="0.338867" y="0.750977" width="24" height="24" fill="#832019"/>
</mask>
<g mask="url(#mask0_8129_121325)">
<path d="M11.2889 16.301L16.9389 10.651L15.5139 9.22598L11.2889 13.451L9.18887 11.351L7.76387 12.776L11.2889 16.301ZM12.3389 22.751C10.0222 22.1676 8.1097 20.8385 6.60137 18.7635C5.09303 16.6885 4.33887 14.3843 4.33887 11.851V5.75098L12.3389 2.75098L20.3389 5.75098V11.851C20.3389 14.3843 19.5847 16.6885 18.0764 18.7635C16.568 20.8385 14.6555 22.1676 12.3389 22.751Z" fill="#1C2435"/>
</g>
</symbol>
<symbol id="secured-blockchain" xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25">
<mask id="mask0_8476_3426" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25">
<rect y="0.753906" width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_8476_3426)">
<path d="M12 22.7539C9.68333 22.1706 7.77083 20.8414 6.2625 18.7664C4.75417 16.6914 4 14.3872 4 11.8539V5.75391L12 2.75391L20 5.75391V11.8539C20 14.3872 19.2458 16.6914 17.7375 18.7664C16.2292 20.8414 14.3167 22.1706 12 22.7539ZM10 16.7539H14C14.2833 16.7539 14.5208 16.6581 14.7125 16.4664C14.9042 16.2747 15 16.0372 15 15.7539V12.7539C15 12.4706 14.9042 12.2331 14.7125 12.0414C14.5208 11.8497 14.2833 11.7539 14 11.7539V10.7539C14 10.2039 13.8042 9.73307 13.4125 9.34141C13.0208 8.94974 12.55 8.75391 12 8.75391C11.45 8.75391 10.9792 8.94974 10.5875 9.34141C10.1958 9.73307 10 10.2039 10 10.7539V11.7539C9.71667 11.7539 9.47917 11.8497 9.2875 12.0414C9.09583 12.2331 9 12.4706 9 12.7539V15.7539C9 16.0372 9.09583 16.2747 9.2875 16.4664C9.47917 16.6581 9.71667 16.7539 10 16.7539ZM11 11.7539V10.7539C11 10.4706 11.0958 10.2331 11.2875 10.0414C11.4792 9.84974 11.7167 9.75391 12 9.75391C12.2833 9.75391 12.5208 9.84974 12.7125 10.0414C12.9042 10.2331 13 10.4706 13 10.7539V11.7539H11Z" fill="#0C1B23"/>
</g>
</symbol>
</defs>
</svg>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WNPVJHF"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<a
href="#main"
class="skip-to-main-content-link"
>
Skip to main content
</a>
<div id="app">
<!-- Flash Message Blade Component -->
<v-flash-group ref='flashes'></v-flash-group>
<!-- Confirm Modal Blade Component -->
<v-modal-confirm ref="confirmModal"></v-modal-confirm>
<!-- Page Header Blade Component -->
<header class="shadow-gray sticky top-0 z-[999] bg-white shadow-sm max-lg:shadow-none">
<div class="flex flex-wrap max-lg:hidden">
<div class="container">
<div class="flex min-h-[78px] w-full justify-between border border-b border-l-0 border-r-0 border-t-0 max-1180:px-8">
<!--
This section will provide categories for the first, second, and third levels. If
additional levels are required, users can customize them according to their needs.
-->
<!-- Left Nagivation Section -->
<div class="flex items-center gap-x-10 max-[1180px]:gap-x-5">
<a
href="https://www.plus-que-pro.shop"
aria-label="Bagisto"
>
<img
src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/logo-af771c3e.svg"
width="131"
height="29"
alt="Plus que Pro Shop"
>
</a>
<v-desktop-category>
<div class="flex items-center gap-5">
<span
class="shimmer h-6 w-20 rounded"
role="presentation"
></span>
</div>
</v-desktop-category>
</div>
<!-- Right Nagivation Section -->
<div class="flex items-center gap-x-9 max-[1100px]:gap-x-6 max-lg:gap-x-8">
<!-- Search Bar Container -->
<div class="relative w-full">
<form
action="https://www.plus-que-pro.shop/search"
class="relative flex max-w-[445px] items-center"
role="search"
>
<label
for="organic-search"
class="sr-only"
>
Rechercher </label>
<input
type="text"
name="query"
value=""
class="block md:w-[500px] w-full rounded-full border pl-3 pr-11 py-3 text-xs font-medium text-gray-900 transition-all border-pqpDeep-100 focus:border-pqpOrange-200 focus:outline-none bg-[#FAFAFA]"
minlength="0"
maxlength="1000"
placeholder="Rechercher un produit"
aria-label="Rechercher un produit"
aria-required="true"
pattern="[^\\]+"
required
>
<button type="submit"
class="icon-search text-white absolute top-1 flex items-center text-xl bg-pqpOrange-500 right-1 rounded-full pb-2 p-1.5 px-3"
aria-label="Soumettre">
</button>
</form>
</div>
<!-- Right Navigation Links -->
<div class="mt-1.5 flex gap-x-8 max-[1100px]:gap-x-6 max-lg:gap-x-8">
<!-- Compare -->
<!-- Mini cart -->
<!-- Mini Cart Vue Component -->
<v-mini-cart>
<span
class="icon-cart cursor-pointer text-2xl"
role="button"
aria-label="Panier d'achat"
></span>
</v-mini-cart>
<!-- user profile -->
<v-dropdown position="bottom-right" class="relative">
<span
class="icon-users inline-block cursor-pointer text-3xl"
role="button"
aria-label="Profil"
tabindex="0"
></span>
<template v-slot:toggle>
<span
class="icon-users inline-block cursor-pointer text-3xl"
role="button"
aria-label="Profil"
tabindex="0"
></span>
</template>
<template v-slot:content>
<div class="p-5">
<div class="grid gap-2.5">
<p class="font-dmserif text-xl">
Bienvenue, invité </p>
<p class="text-sm">
Gérez le panier et vos commandes </p>
</div>
<p class="py-2px mt-3 w-full border border-zinc-200"></p>
<div class="mt-6 flex gap-4">
<a
href="https://www.plus-que-pro.shop/customer/login"
class="primary-button m-0 mx-auto block w-max rounded-2xl px-7 text-center text-base max-md:rounded-lg ltr:ml-0 rtl:mr-0"
>
Se connecter </a>
<a
href="https://www.plus-que-pro.shop/customer/register"
class="secondary-button m-0 mx-auto block w-max rounded-2xl border-2 px-7 text-center text-base max-md:rounded-lg max-md:py-3 ltr:ml-0 rtl:mr-0"
>
Créer mon compte </a>
</div>
</div>
</template>
</v-dropdown>
</div>
</div>
</div>
</div>
</div>
<!--
This code needs to be refactored to reduce the amount of PHP in the Blade
template as much as possible.
-->
<div class="flex flex-wrap gap-4 p-4 shadow-sm lg:hidden">
<div class="flex w-full items-center justify-between">
<!-- Left Navigation -->
<div class="flex items-center gap-x-1.5">
<a
href="https://www.plus-que-pro.shop"
aria-label="Bagisto"
>
<img
class="max-h-[30px]"
src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/logo-af771c3e.svg"
alt="Plus que Pro Shop"
>
</a>
</div>
<!-- Right Navigation -->
<div>
<div class="flex items-center gap-x-5 max-md:gap-x-4">
<!-- Mini Cart Vue Component -->
<v-mini-cart>
<span
class="icon-cart cursor-pointer text-2xl"
role="button"
aria-label="Panier d'achat"
></span>
</v-mini-cart>
<!-- For Large screens -->
<div class="max-md:hidden">
<v-dropdown position="bottom-right" class="relative">
<span class="icon-users cursor-pointer text-2xl"></span>
<template v-slot:toggle>
<span class="icon-users cursor-pointer text-2xl"></span>
</template>
<template v-slot:content>
<div class="p-5">
<div class="grid gap-2.5">
<p class="font-dmserif text-xl">
Bienvenue, invité </p>
<p class="text-sm">
Gérez le panier et vos commandes </p>
</div>
<p class="py-2px mt-3 w-full border border-zinc-200"></p>
<div class="mt-6 flex gap-4">
<a
href="https://www.plus-que-pro.shop/customer/login"
class="m-0 mx-auto block w-max cursor-pointer rounded-2xl bg-pqpOrange-500 px-7 py-4 text-center text-base font-medium text-pqpOrange-50 ltr:ml-0 rtl:mr-0"
>
Se connecter </a>
<a
href="https://www.plus-que-pro.shop/customer/register"
class="m-0 mx-auto block w-max cursor-pointer rounded-2xl border-2 border-pqpOrange-500 bg-white px-7 py-3.5 text-center text-base font-medium ltr:ml-0 rtl:mr-0"
>
Créer mon compte </a>
</div>
</div>
</template>
</v-dropdown>
</div>
<!-- For Medium and small screen -->
<div class="md:hidden">
<a
href="https://www.plus-que-pro.shop/customer/login"
aria-label="Compte"
>
<span class="icon-users cursor-pointer text-2xl"></span>
</a>
<!-- Customers Dropdown -->
</div>
<!-- Menu -->
<v-mobile-category></v-mobile-category>
<!-- end Menu -->
</div>
</div>
</div>
<!-- Serach Catalog Form -->
<form action="https://www.plus-que-pro.shop/search" class="flex w-full items-center z-0">
<label
for="organic-search"
class="sr-only"
>
Rechercher </label>
<div class="relative w-full">
<div class="icon-search pointer-events-none absolute top-3 flex items-center text-2xl max-md:text-xl max-sm:top-2.5 ltr:left-3 rtl:right-3"></div>
<input
type="text"
class="block w-full rounded-xl border border-['#E3E3E3'] px-11 py-3.5 text-sm font-medium text-gray-900 max-md:rounded-lg max-md:px-10 max-md:py-3 max-md:font-normal max-sm:text-xs"
name="query"
value=""
placeholder="Rechercher un produit"
required
>
</div>
</form>
</div>
</header>
<!-- Page Content Blade Component -->
<main id="main">
<!-- Page Title -->
<!-- Static content -->
<!-- push style -->
<!-- render html -->
<section id="homeHero" class="lg:py-[3rem] py-[1.4rem]">
<div class="container md:block hidden">
<div class="rounded-xl home-hero">
<div class="inner rounded-xl p-[3rem]">
<h1 class="text-pqpDeep-50"><span class="bg-white text-pqpDeep-800 rounded px-3">Notre sélection</span> pour un <br>été tout en douceur</h1>
<ul class="nav featured-categories flex gap-3 mt-[15vh]">
<li><a class="primary-button" href="https://www.plus-que-pro.shop/c/jardin-animalerie/exterieur-jardin/mobilier-exterieur" title="Mobilier Extérieur">Mobilier Extérieur ></a>
</li>
<li><a class="primary-button" href="https://www.plus-que-pro.shop/c/jardin-animalerie/exterieur-jardin/piscine-spa" title="Piscine & Spa">Piscine & Spa ></a>
</li>
<li><a class="primary-button" href="https://www.plus-que-pro.shop/c/jardin-animalerie/jardinage" title="Jardinage">Jardinage ></a>
</li>
</ul>
</div>
</div>
</div>
<div class="container sm:mt-[3rem]">
<h2 class="text-center text-pqpDeep-800 sm:block hidden">Les catégories phares</h2>
<div class="main-categories lg:px-[7vw] sm:mt-5">
<ul class="nav gap-8 xl:grid-cols-8 md:grid-cols-4 grid grid-cols-2">
<li class="py-3 text-center lg:px-3 lg:max-w-[180px]">
<a href="https://www.plus-que-pro.shop/c/informatique-high-tech" class="font-light">
<img class="inline-block rounded-full mb-3" src="https://www.plus-que-pro.shop/medias/category/279/KDNLUt1f0gXgQzz14eZZu71Vfm01wPDSTte3hQzx.webp" alt="Informatique & High Tech"><br>
Informatique & High Tech
</a>
</li>
<li class="py-3 text-center lg:px-3 lg:max-w-[180px]">
<a href="https://www.plus-que-pro.shop/c/bricolage" class="font-light">
<img class="inline-block rounded-full mb-3" src="https://www.plus-que-pro.shop/medias/category/301/gbYMqCEHVLF6G2dZvkdE6CF82G2JtWk5nnRgmbfJ.webp" alt="Bricolage"><br>
Bricolage
</a>
</li>
<li class="py-3 text-center lg:px-3 lg:max-w-[180px]">
<a href="https://www.plus-que-pro.shop/c/auto-moto" class="font-light">
<img class="inline-block rounded-full mb-3" src="https://www.plus-que-pro.shop/medias/category/57/ly8yO7WPfgyDs99wxPg36nVct0vC5HyZgW9T7V7c.webp" alt="Auto & Moto"><br>
Auto & Moto
</a>
</li>
<li class="py-3 text-center lg:px-3 lg:max-w-[180px]">
<a href="https://www.plus-que-pro.shop/c/maison-deco" class="font-light">
<img class="inline-block rounded-full mb-3" src="https://www.plus-que-pro.shop/medias/category/399/Ory0K9LkPpDVLNtwGexCfauYhuJSZcIrmLYZenIL.webp" alt="Maison & déco"><br>
Maison & déco
</a>
</li>
<li class="py-3 text-center lg:px-3 lg:max-w-[180px]">
<a href="https://www.plus-que-pro.shop/c/jardin-animalerie" class="font-light">
<img class="inline-block rounded-full mb-3" src="https://www.plus-que-pro.shop/medias/category/419/fheLjl41Hxl6I4ZlUZhDkXubihMogOo8U43a2b5m.webp" alt="Jardin & animalerie"><br>
Jardin & animalerie
</a>
</li>
<li class="py-3 text-center lg:px-3 lg:max-w-[180px]">
<a href="https://www.plus-que-pro.shop/c/jardin-animalerie/exterieur-jardin" class="font-light">
<img class="inline-block rounded-full mb-3" src="https://www.plus-que-pro.shop/medias/category/420/l0xVl5awCrOIXfGRqJ6fBYp239QOuMQhngPI6cGC.webp" alt="Extérieur & Jardin"><br>
Extérieur & Jardin
</a>
</li>
<li class="py-3 text-center lg:px-3 lg:max-w-[180px]">
<a href="https://www.plus-que-pro.shop/c/alimentation-boissons" class="font-light">
<img class="inline-block rounded-full mb-3" src="https://www.plus-que-pro.shop/medias/category/452/w5ld8jPAgcZj6vnK2dbRQaOrHVWJM8tlRMgO8XtZ.webp" alt="Alimentation & boissons"><br>
Alimentation & boissons
</a>
</li>
<li class="py-3 text-center lg:px-3 lg:max-w-[180px]">
<a href="https://www.plus-que-pro.shop/categories/all" class="font-light">
<img class="inline-block rounded-full mb-3" src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/default-c2e3b1a9.png" alt="Toutes les catégories"><br>
Toutes les catégories
</a>
</li>
</ul>
</div>
</div>
</section>
<!-- Static content -->
<!-- push style -->
<!-- render html -->
<section class="py-[3vw] bg-white">
<div class="container">
<h2 class="text-center text-pqpDeep-800 text-3xl">Pour vos achats et projets, faites confiance<br> aux Meilleures Entreprises de France</h2>
<hr class="my-5 fr-separator">
<section x-data="WidgetList()" id="widget-list" class="widget-list ">
<section class="widget-list__section-rewiews">
<div class="widget-list__main ">
<ol class="widget-list__reviews">
<li
x-data="{ reviewType: 'good' }"
x-bind:class="{ 'is-hidden': currentFilter !== reviewType && currentFilter !== null }"
class="widget-list__review__item is-good"
>
<article x-data="{ ratingDetailsOpen: false }" class="widget-list__frame">
<header class="widget-list__review__header">
<div class="widget-list__review__rating">
<div class="widget-list__rating widget-list__rating--survey">
<span class="widget-list__rating__mark">
<div class="star-rating star-rating--excellent">
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
</div>
<span class="widget-list__rating__value-wrapper">
<span class="widget-list__rating__value">
5
</span>
</span>
</span>
</div>
<div class="widget-list__review__rating__badge">
<div class="widget-list__review__rating__badge--verified">
Contrôlé
<svg>
<use xlink:href="#review-controlled" />
</svg>
</div>
</div>
</div>
<div class="widget-list__review__extra">
<div class="widget-list__dropdown widget-list__dropdown--share">
<button type="button" class="widget-list__dropdown__trigger">
<svg class="widget-list__dropdown__icon">
<use xlink:href="#network" />
</svg>
<span>
</span>
</button>
<ul class="widget-list__dropdown__list">
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fconsommateurs.plus-que-pro.fr%2F%3Fid_avis_share%3D2711997')" >
<svg class="widget-list__dropdown__item__icon">
<use xlink:href="#facebook" />
<defs>
<linearGradient id="facebook-gradient" x1="12" y1="1.5" x2="12" y2="22.438" gradientUnits="userSpaceOnUse">
<stop stop-color="#18ACFE"/>
<stop offset="1" stop-color="#0163E0"/>
</linearGradient>
</defs>
</svg>
<span>Facebook</span>
</button>
</li>
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://twitter.com/intent/tweet?url=https%3A%2F%2Fconsommateurs.plus-que-pro.fr%2F%3Fid_avis_share%3D2711997&text=Plus+que+pro+Avis+Consommateurs+a+obtenu+10%2F10+pour+la+prestation+%C2%AB1er+contact+avec+la+soci%C3%A9t%C3%A9+plus+que+pro%C2%BB')" >
<svg class="widget-list__dropdown__item__icon">
<use xlink:href="#x" />
</svg>
<span>X</span>
</button>
</li>
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://www.linkedin.com/sharing/share-offsite?url=https%3A%2F%2Fconsommateurs.plus-que-pro.fr%2F%3Fid_avis_share%3D2711997')" >
<svg class="widget-list__dropdown__item__icon">
<use xlink:href="#linkedin" />
</svg>
<span>LinkedIn</span>
</button>
</li>
</ul>
</div>
<div class="widget-list__dropdown widget-list__dropdown--report">
<button type="button" class="widget-list__dropdown__trigger widget-list__dropdown__trigger--report">
<svg class="widget-list__dropdown__icon">
<use xlink:href="#flag" />
</svg>
<span>
</span>
</button>
<ul class="widget-list__dropdown__list">
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://plus-que-pro.fr/signaler-avis/?surveyid=2711997')" >
Signaler l'avis
</button>
</li>
<li class="widget-list__dropdown__item">
<button
type="button"
disabled >
Signaler la réponse de l'adhérent
</button>
</li>
</ul>
</div>
</div>
</header>
<section class="widget-list__review__main">
<div class="widget-list__review__identity">
<span class="widget-list__review__name">
Richard C.
-
</span>
<h3 class="widget-list__review__title widget-list__heading widget-list__heading--5">
<span class="widget-list__review__location">
DOUVRES (01)
</span>
<span class="widget-list__review__invoice">1er contact avec la société plus que pro</span>
</h3>
</div>
<p class="widget-list__review__comment safe-content">la note est attribuée suite à un 1er échange téléphonique avec une personne de la société "plus que pro"</p>
</section>
<details x-on:toggle="ratingDetailsOpen = $event.target.open" class="widget-list__review__details">
<summary title="Voir le détail de l'évaluation détaillée"
class="widget-list__review__details__name">
Évaluation détaillée
</summary>
<div class="widget-list__review__details__content">
<ul class="widget-list__frame widget-list__frame--solid widget-list__list-between widget-list__list-between--two-columns">
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Facilité des recherches
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
L'importance des avis
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Clarté des notes
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Confiance envers les avis
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Satisfaction d'utilisation
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Recommandation
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
</ul>
</div>
</details>
<div class="widget-list__review__footer">
<div class="widget-list__review__footer__dates">
<div class="widget-list__review__footer__dates--answer">
Publication :
<time datetime="2025-09-17T14:34:36+00:00">
17/09/2025
</time>
<span class="widget-list__review__footer__dates--separator">
-
</span>
</div>
<div class="widget-list__review__footer__dates--invoice">
Expérience :
<time datetime="2025-09">
09/2025
</time>
</div>
</div>
<div class="widget-list__review__footer__blockchain">
<svg >
<use xlink:href="#secured-blockchain" />
</svg>
<span>
Sécurisé dans la blockchain
</span>
</div>
</div>
</article>
</li>
<li
x-data="{ reviewType: 'good' }"
x-bind:class="{ 'is-hidden': currentFilter !== reviewType && currentFilter !== null }"
class="widget-list__review__item is-good"
>
<article x-data="{ ratingDetailsOpen: false }" class="widget-list__frame">
<header class="widget-list__review__header">
<div class="widget-list__review__rating">
<div class="widget-list__rating widget-list__rating--survey">
<span class="widget-list__rating__mark">
<div class="star-rating star-rating--excellent">
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
</div>
<span class="widget-list__rating__value-wrapper">
<span class="widget-list__rating__value">
5
</span>
</span>
</span>
</div>
<div class="widget-list__review__rating__badge">
<div class="widget-list__review__rating__badge--verified">
Contrôlé
<svg>
<use xlink:href="#review-controlled" />
</svg>
</div>
</div>
</div>
<div class="widget-list__review__extra">
<div class="widget-list__dropdown widget-list__dropdown--share">
<button type="button" class="widget-list__dropdown__trigger">
<svg class="widget-list__dropdown__icon">
<use xlink:href="#network" />
</svg>
<span>
</span>
</button>
<ul class="widget-list__dropdown__list">
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fconsommateurs.plus-que-pro.fr%2F%3Fid_avis_share%3D2708721')" >
<svg class="widget-list__dropdown__item__icon">
<use xlink:href="#facebook" />
<defs>
<linearGradient id="facebook-gradient" x1="12" y1="1.5" x2="12" y2="22.438" gradientUnits="userSpaceOnUse">
<stop stop-color="#18ACFE"/>
<stop offset="1" stop-color="#0163E0"/>
</linearGradient>
</defs>
</svg>
<span>Facebook</span>
</button>
</li>
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://twitter.com/intent/tweet?url=https%3A%2F%2Fconsommateurs.plus-que-pro.fr%2F%3Fid_avis_share%3D2708721&text=Plus+que+pro+Avis+Consommateurs+a+obtenu+10%2F10+pour+la+prestation+%C2%ABMise+en+relation+artisan+menuiseries%C2%BB')" >
<svg class="widget-list__dropdown__item__icon">
<use xlink:href="#x" />
</svg>
<span>X</span>
</button>
</li>
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://www.linkedin.com/sharing/share-offsite?url=https%3A%2F%2Fconsommateurs.plus-que-pro.fr%2F%3Fid_avis_share%3D2708721')" >
<svg class="widget-list__dropdown__item__icon">
<use xlink:href="#linkedin" />
</svg>
<span>LinkedIn</span>
</button>
</li>
</ul>
</div>
<div class="widget-list__dropdown widget-list__dropdown--report">
<button type="button" class="widget-list__dropdown__trigger widget-list__dropdown__trigger--report">
<svg class="widget-list__dropdown__icon">
<use xlink:href="#flag" />
</svg>
<span>
</span>
</button>
<ul class="widget-list__dropdown__list">
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://plus-que-pro.fr/signaler-avis/?surveyid=2708721')" >
Signaler l'avis
</button>
</li>
<li class="widget-list__dropdown__item">
<button
type="button"
disabled >
Signaler la réponse de l'adhérent
</button>
</li>
</ul>
</div>
</div>
</header>
<section class="widget-list__review__main">
<div class="widget-list__review__identity">
<span class="widget-list__review__name">
Jamel B.
-
</span>
<h3 class="widget-list__review__title widget-list__heading widget-list__heading--5">
<span class="widget-list__review__location">
SOISY-SOUS-MONTMORENCY (95)
</span>
<span class="widget-list__review__invoice">Mise en relation artisan menuiseries</span>
</h3>
</div>
<p class="widget-list__review__comment safe-content">Service téléphonique très agréable avec de bonnes explications.</p>
</section>
<details x-on:toggle="ratingDetailsOpen = $event.target.open" class="widget-list__review__details">
<summary title="Voir le détail de l'évaluation détaillée"
class="widget-list__review__details__name">
Évaluation détaillée
</summary>
<div class="widget-list__review__details__content">
<ul class="widget-list__frame widget-list__frame--solid widget-list__list-between widget-list__list-between--two-columns">
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Facilité des recherches
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
L'importance des avis
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Clarté des notes
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Confiance envers les avis
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Satisfaction d'utilisation
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Recommandation
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
</ul>
</div>
</details>
<div class="widget-list__review__footer">
<div class="widget-list__review__footer__dates">
<div class="widget-list__review__footer__dates--answer">
Publication :
<time datetime="2025-09-11T16:43:51+00:00">
11/09/2025
</time>
<span class="widget-list__review__footer__dates--separator">
-
</span>
</div>
<div class="widget-list__review__footer__dates--invoice">
Expérience :
<time datetime="2025-09">
09/2025
</time>
</div>
</div>
<div class="widget-list__review__footer__blockchain">
<svg >
<use xlink:href="#secured-blockchain" />
</svg>
<span>
Sécurisé dans la blockchain
</span>
</div>
</div>
</article>
</li>
<li
x-data="{ reviewType: 'good' }"
x-bind:class="{ 'is-hidden': currentFilter !== reviewType && currentFilter !== null }"
class="widget-list__review__item is-good"
>
<article x-data="{ ratingDetailsOpen: false }" class="widget-list__frame">
<header class="widget-list__review__header">
<div class="widget-list__review__rating">
<div class="widget-list__rating widget-list__rating--survey">
<span class="widget-list__rating__mark">
<div class="star-rating star-rating--excellent">
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
<svg >
<use xlink:href="#star-logotype"
>
</use>
</svg>
</div>
<span class="widget-list__rating__value-wrapper">
<span class="widget-list__rating__value">
5
</span>
</span>
</span>
</div>
<div class="widget-list__review__rating__badge">
<div class="widget-list__review__rating__badge--verified">
Contrôlé
<svg>
<use xlink:href="#review-controlled" />
</svg>
</div>
</div>
</div>
<div class="widget-list__review__extra">
<div class="widget-list__dropdown widget-list__dropdown--share">
<button type="button" class="widget-list__dropdown__trigger">
<svg class="widget-list__dropdown__icon">
<use xlink:href="#network" />
</svg>
<span>
</span>
</button>
<ul class="widget-list__dropdown__list">
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fconsommateurs.plus-que-pro.fr%2F%3Fid_avis_share%3D2693749')" >
<svg class="widget-list__dropdown__item__icon">
<use xlink:href="#facebook" />
<defs>
<linearGradient id="facebook-gradient" x1="12" y1="1.5" x2="12" y2="22.438" gradientUnits="userSpaceOnUse">
<stop stop-color="#18ACFE"/>
<stop offset="1" stop-color="#0163E0"/>
</linearGradient>
</defs>
</svg>
<span>Facebook</span>
</button>
</li>
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://twitter.com/intent/tweet?url=https%3A%2F%2Fconsommateurs.plus-que-pro.fr%2F%3Fid_avis_share%3D2693749&text=Plus+que+pro+Avis+Consommateurs+a+obtenu+10%2F10+pour+la+prestation+%C2%ABMise+en+relation+artisan+Peinture+int%C3%A9rieur%C2%BB')" >
<svg class="widget-list__dropdown__item__icon">
<use xlink:href="#x" />
</svg>
<span>X</span>
</button>
</li>
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://www.linkedin.com/sharing/share-offsite?url=https%3A%2F%2Fconsommateurs.plus-que-pro.fr%2F%3Fid_avis_share%3D2693749')" >
<svg class="widget-list__dropdown__item__icon">
<use xlink:href="#linkedin" />
</svg>
<span>LinkedIn</span>
</button>
</li>
</ul>
</div>
<div class="widget-list__dropdown widget-list__dropdown--report">
<button type="button" class="widget-list__dropdown__trigger widget-list__dropdown__trigger--report">
<svg class="widget-list__dropdown__icon">
<use xlink:href="#flag" />
</svg>
<span>
</span>
</button>
<ul class="widget-list__dropdown__list">
<li class="widget-list__dropdown__item">
<button
type="button"
x-on:click="doReport('https://plus-que-pro.fr/signaler-avis/?surveyid=2693749')" >
Signaler l'avis
</button>
</li>
<li class="widget-list__dropdown__item">
<button
type="button"
disabled >
Signaler la réponse de l'adhérent
</button>
</li>
</ul>
</div>
</div>
</header>
<section class="widget-list__review__main">
<div class="widget-list__review__identity">
<span class="widget-list__review__name">
Sara H.
-
</span>
<h3 class="widget-list__review__title widget-list__heading widget-list__heading--5">
<span class="widget-list__review__location">
MORANCEZ (28)
</span>
<span class="widget-list__review__invoice">Mise en relation artisan Peinture intérieur</span>
</h3>
</div>
<p class="widget-list__review__comment safe-content">Contact aisé
Réactivité</p>
</section>
<details x-on:toggle="ratingDetailsOpen = $event.target.open" class="widget-list__review__details">
<summary title="Voir le détail de l'évaluation détaillée"
class="widget-list__review__details__name">
Évaluation détaillée
</summary>
<div class="widget-list__review__details__content">
<ul class="widget-list__frame widget-list__frame--solid widget-list__list-between widget-list__list-between--two-columns">
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Facilité des recherches
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
L'importance des avis
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Clarté des notes
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Confiance envers les avis
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Satisfaction d'utilisation
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
<li class="widget-list__list-between-item">
<span class="widget-list__list-between-item__name">
Recommandation
</span>
<div class="rating-dots rating-dots--excellent">
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
<span
class="rating-dots__dot rating-dots__dot--active"></span>
</div>
</li>
</ul>
</div>
</details>
<div class="widget-list__review__footer">
<div class="widget-list__review__footer__dates">
<div class="widget-list__review__footer__dates--answer">
Publication :
<time datetime="2025-07-31T14:56:55+00:00">
31/07/2025
</time>
<span class="widget-list__review__footer__dates--separator">
-
</span>
</div>
<div class="widget-list__review__footer__dates--invoice">
Expérience :
<time datetime="2025-02">
02/2025
</time>
</div>
</div>
<div class="widget-list__review__footer__blockchain">
<svg >
<use xlink:href="#secured-blockchain" />
</svg>
<span>
Sécurisé dans la blockchain
</span>
</div>
</div>
</article>
</li>
</ol>
</div>
</section>
<!-- Modal pour afficher les avis complets -->
</section>
<p class="mt-5 font-bold text-center text-pqpDeep-800 text-bold md:w-1/2 w-full m-auto">Avec Plus que pro optez pour l'excellence en sélectionnant les produits des entreprises réputées pour leur satisfaction client, leur qualité et leur savoir-faire.</p>
</div>
</section>
<!-- Static content -->
<!-- push style -->
<!-- render html -->
<div class="bg-gray-100 pt-[3rem]">
<div class="container">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="flex items-center justify-center gap-3 rounded-lg p-3 shadow-sm h-[5rem] bg-white">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/france_2-75fc8889.png" alt="flag" class="w-10 h-10 md:max-h-[36px]">
<h3 class="text-xl text-pqpDeep-800 font-semibold">Entreprises françaises</h3>
</div>
<div class="flex items-center justify-center gap-3 rounded-lg p-3 shadow-sm h-[5rem] bg-white">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/shield-2af868d7.png" alt="shield" class="w-10 h-10">
<h3 class="text-xl text-pqpDeep-800 font-semibold">Compte protégé</h3>
</div>
<div class="flex items-center justify-center gap-3 rounded-lg p-3 shadow-sm h-[5rem] bg-white">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/card-e199f673.png" alt="card" class="w-10 h-10">
<h3 class="text-xl text-pqpDeep-800 font-semibold">Paiement plusieurs fois</h3>
</div>
<div class="flex items-center justify-center gap-3 rounded-lg p-3 shadow-sm h-[5rem] bg-white">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/shield_2-77649ae2.png" alt="shield" class="w-10 h-10">
<h3 class="text-xl text-pqpDeep-800 font-semibold">Transaction sécurisée</h3>
</div>
</div>
</div>
</div>
<!-- Static content -->
<!-- push style -->
<!-- render html -->
<div class="bg-gray-100 pt-[3rem]">
<div class="container">
<div class="flex flex-col lg:flex-row items-center rounded-lg pt-3 pb-3 pl-4 pr-4 lg:pl-6 lg:pr-6 shadow-sm min-h-[5rem] lg:h-[5rem] bg-white cursor-pointer hover:shadow-md transition-shadow" onclick="if(typeof window.showOneyWidget === 'function') { window.showOneyWidget(); } else { console.error('showOneyWidget not loaded yet'); }">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/oney-8b7eb859.svg" alt="flag" class="max-h-[24px] lg:max-h-[36px] lg:mb-0 lg:mr-4">
<div class="flex-1 text-center">
<h3 class="text-lg lg:text-xl text-pqpDeep-800 font-semibold mb-1">
PAYER EN 3, 4, 10 OU 12 FOIS, par carte bancaire - Dès 100€ d'achat
</h3>
<span class="text-sm lg:text-base">
UN CRÉDIT VOUS ENGAGE ET DOIT ÊTRE REMBOURSÉ. VÉRIFIEZ VOS CAPACITÉS DE REMBOURSEMENT AVANT DE VOUS ENGAGER.
</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
window.showOneyWidget = function() {
let options = {
country: "FR",
language: "FR",
merchant_guid: "444617c6c69c4e0aafe6d2d5ab18f0bb",
payment_amount: 560.56,
merchant_name: "Plus que PRO",
merchant_address: "13 Rue de la Haye, 67300 Schiltigheim, France",
merchant_orias_number: "18 00 36 71",
filter_by: "filters",
filters: [
{
payment_method: "bnpl",
payment_method_type: "split",
payment_mode: "3x",
is_free: "false",
with_down_payment: "true"
},
{
payment_method: "bnpl",
payment_method_type: "split",
payment_mode: "4x",
is_free: "false",
with_down_payment: "true"
},
{
payment_method: "bnpl",
payment_method_type: "split",
payment_mode: "10x",
is_free: "false",
with_down_payment: "true"
},
{
payment_method: "bnpl",
payment_method_type: "split",
payment_mode: "12x",
is_free: "false",
with_down_payment: "true"
}
]
};
if (typeof loadOneyWidget === 'function') {
loadOneyWidget(function () {
oneyMerchantApp.loadPedagogicPopin({ options });
});
} else {
console.error('loadOneyWidget function not available');
}
};
});
</script>
<!-- Static content -->
<v-products-featured
src="https://www.plus-que-pro.shop/api/flatproducts?featured=1&sort=asc&limit=10"
title="Produits populaires"
navigation-link="https://www.plus-que-pro.shop/search?featured=1&sort=asc&limit=10"
>
<div class="container mt-20 max-md:mt-8 max-sm:mt-7">
<div class="flex items-center justify-between">
<h3 class="shimmer h-8 w-[200px] max-sm:h-7"></h3>
<div class="flex items-center justify-between gap-8 max-lg:hidden">
<span
class="shimmer inline-block h-6 w-6"
role="presentation"
></span>
<span
class="shimmer inline-block h-6 w-6 max-sm:hidden"
role="presentation"
></span>
</div>
<div class="shimmer h-7 w-24 max-sm:h-5 max-sm:w-[68px] lg:hidden"></div>
</div>
<div class="scrollbar-hide mt-10 flex gap-8 overflow-auto pb-2.5 max-md:mt-5 max-sm:gap-4">
<div class="grid gap-2.5 relative w-full max-sm:grid-cols-1 min-w-[291px] max-md:h-fit max-md:min-w-56 max-sm:min-w-[192px]">
<div class="shimmer relative w-full rounded max-sm:!rounded-lg">
<div class="after:content-[' '] relative after:block after:pb-[calc(100%+9px)]"></div>
</div>
<div class="grid content-start gap-2.5 max-sm:gap-1">
<p class="shimmer h-4 w-3/4"></p>
<p class="shimmer h-4 w-[55%]"></p>
<!-- Needs to implement that in future -->
<div class="mt-3 flex hidden gap-4">
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
</div>
</div>
</div>
<div class="grid gap-2.5 relative w-full max-sm:grid-cols-1 min-w-[291px] max-md:h-fit max-md:min-w-56 max-sm:min-w-[192px]">
<div class="shimmer relative w-full rounded max-sm:!rounded-lg">
<div class="after:content-[' '] relative after:block after:pb-[calc(100%+9px)]"></div>
</div>
<div class="grid content-start gap-2.5 max-sm:gap-1">
<p class="shimmer h-4 w-3/4"></p>
<p class="shimmer h-4 w-[55%]"></p>
<!-- Needs to implement that in future -->
<div class="mt-3 flex hidden gap-4">
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
</div>
</div>
</div>
<div class="grid gap-2.5 relative w-full max-sm:grid-cols-1 min-w-[291px] max-md:h-fit max-md:min-w-56 max-sm:min-w-[192px]">
<div class="shimmer relative w-full rounded max-sm:!rounded-lg">
<div class="after:content-[' '] relative after:block after:pb-[calc(100%+9px)]"></div>
</div>
<div class="grid content-start gap-2.5 max-sm:gap-1">
<p class="shimmer h-4 w-3/4"></p>
<p class="shimmer h-4 w-[55%]"></p>
<!-- Needs to implement that in future -->
<div class="mt-3 flex hidden gap-4">
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
</div>
</div>
</div>
<div class="grid gap-2.5 relative w-full max-sm:grid-cols-1 min-w-[291px] max-md:h-fit max-md:min-w-56 max-sm:min-w-[192px]">
<div class="shimmer relative w-full rounded max-sm:!rounded-lg">
<div class="after:content-[' '] relative after:block after:pb-[calc(100%+9px)]"></div>
</div>
<div class="grid content-start gap-2.5 max-sm:gap-1">
<p class="shimmer h-4 w-3/4"></p>
<p class="shimmer h-4 w-[55%]"></p>
<!-- Needs to implement that in future -->
<div class="mt-3 flex hidden gap-4">
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
</div>
</div>
</div>
</div>
<a
class="shimmer mx-auto mt-16 block h-12 w-[150.172px] rounded-2xl max-md:hidden"
role="button"
aria-label="Show more products"
></a>
</div>
</v-products-featured>
<!-- Static content -->
<!-- push style -->
<!-- render html -->
<div class="bg-gray-100 pt-[3rem] pb-[3rem]">
<div class="container">
<h2 class="text-3xl">Les catégories les plus populaires</h2>
<div class="grid grid-cols-1 md:mt-10 sm:grid-cols-2 lg:grid-cols-3 gap-6 mt-4">
<a class="block bg-white rounded-lg shadow overflow-hidden" href="https://www.plus-que-pro.shop/c/electromenager">
<img class="w-full h-[15rem] object-cover" src="https://www.plus-que-pro.shop/medias/category/247/6PxraXbS2itYUWxELY6v8u6QbH4Lf7eOsb5qLyWb.webp" alt="Bricolage">
<h3 class="p-4 text-center font-semibold md:text-[25px]">Électroménager</h3>
</a>
<a class="block bg-white rounded-lg shadow overflow-hidden" href="https://www.plus-que-pro.shop/c/bricolage">
<img class="w-full h-[15rem] object-cover" src="https://www.plus-que-pro.shop/medias/category/301/6DqxyFbqjmr8iaqXjOIDo7cujibBIdEf6ptU5yBW.webp" alt="Bricolage">
<h3 class="p-4 text-center font-semibold md:text-[25px]">Bricolage</h3>
</a>
<a class="block bg-white rounded-lg shadow overflow-hidden" href="https://www.plus-que-pro.shop/c/bricolage/plomberie-chauffage">
<img class="w-full h-[15rem] object-cover" src="https://www.plus-que-pro.shop/medias/category/354/plomberie-chauffage_1741186542.webp" alt="Bricolage">
<h3 class="p-4 text-center font-semibold md:text-[25px]">Plomberie & chauffage</h3>
</a>
<a class="block bg-white rounded-lg shadow overflow-hidden" href="https://www.plus-que-pro.shop/c/maison-deco">
<img class="w-full h-[15rem] object-cover" src="https://www.plus-que-pro.shop/medias/category/399/aqZRPGvKto9TEE3DlWhTdsIuilln9Qqbfl3gHlAX.webp" alt="Bricolage">
<h3 class="p-4 text-center font-semibold md:text-[25px]">Maison & déco</h3>
</a>
<a class="block bg-white rounded-lg shadow overflow-hidden" href="https://www.plus-que-pro.shop/c/maison-deco/decoration-textile">
<img class="w-full h-[15rem] object-cover" src="https://www.plus-que-pro.shop/medias/category/406/sh43vqkRn0DKFkRShAQhRF1HHFRw0BVBo67DzJas.webp" alt="Bricolage">
<h3 class="p-4 text-center font-semibold md:text-[25px]">Décoration & Textile</h3>
</a>
<a class="block bg-white rounded-lg shadow overflow-hidden" href="https://www.plus-que-pro.shop/c/maison-deco/cuisine-bain">
<img class="w-full h-[15rem] object-cover" src="https://www.plus-que-pro.shop/medias/category/415/dDm4iyJ5dTnsMktUDJaQnYoVFIt7XDq8CgMCjDkF.webp" alt="Bricolage">
<h3 class="p-4 text-center font-semibold md:text-[25px]">Cuisine & Bain</h3>
</a>
</div>
</div>
</div>
<!-- Static content -->
<!-- push style -->
<!-- render html -->
<div class="bg-gray-100 pt-[3rem] pb-[3rem]">
<div class="container">
<div class="flex flex-col lg:flex-row items-center bg-white rounded-lg">
<div class="lg:w-4/10 w-full relative">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/service-478fb9ea.jpg" alt="Artisan at Work" class="rounded-lg shadow-md">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/badge-80e556d4.png" alt="Artisan at Work" class="absolute top-2 right-2 w-30 h-30">
</div>
<div class="lg:w-6/10 w-full lg:px-20 py-5 sm:p-5 max-sm:px-3">
<h2 class="md:text-2xl sm:text-xl font-bold text-gray-800 mt-4 max-xl:text-3xl">Vous êtes un pro ?</h2>
<p class="md:text-2xl text-xl">
Boostez vos ventes avec Plus que pro Shop,
</p>
<p class="md:text-2xl text-xl">
la marketplace dédiée aux TPME <img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/france_2-75fc8889.png" alt="flag" class="md:max-h-7 md:inline hidden">
</p>
<p class="mt-5">
Aujourd’hui, <strong>9 acheteurs sur 10 débutent leur parcours en ligne et accordent une grande importance aux avis.</strong>
Mettez en avant votre savoir-faire, gagnez en visibilité et attirez des clients en quête de qualité et de confiance !
</p>
<a href="https://www.plus-que-pro-solution.fr/contact-plus-que-pro/"
class="inline-block mt-5 border-pqpOrange-500 secondary-button font-semibold py-2 px-4 rounded-full hover:bg-pqpOrange-500 text-pqpOrange-500"
target="_blank"
>
En savoir plus
</a>
</div>
</div>
</div>
</div>
</main>
<!-- Page Services Blade Component -->
<!--
The ThemeCustomizationRepository repository is injected directly here because there is no way
to retrieve it from the view composer, as this is an anonymous component.
-->
<!-- Features -->
<!-- Page Footer Blade Component -->
<!--
The category repository is injected directly here because there is no way
to retrieve it from the view composer, as this is an anonymous component.
-->
<!--
This code needs to be refactored to reduce the amount of PHP in the Blade
template as much as possible.
-->
<footer class="bg-pqpDeep-900 text-pqpDeep-900 text-white">
<div class="max-w-4xl mx-auto px-4 sm:px-12 py-10">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<nav class="flex flex-col space-y-3">
<a href="https://www.plus-que-pro.shop" class="inline-block cursor-pointer">
<svg width="165" height="54" viewBox="0 0 165 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M76.339 4.01174C78.9611 4.01174 80.9503 5.5488 80.9503 8.51444C80.9503 11.4078 78.7984 13.0895 76.4114 13.0895C75.6881 13.0895 75.1094 13.0172 74.5669 12.8363V16.1636C74.2414 16.236 73.8978 16.254 73.5542 16.254C73.2107 16.254 72.8852 16.236 72.5235 16.1636V5.33181C73.3553 4.64465 74.7116 4.01174 76.339 4.01174ZM76.2667 11.2631C77.8219 11.2631 78.8888 10.2323 78.8888 8.53253C78.8888 6.88696 77.8219 5.89238 76.2486 5.89238C75.6519 5.89238 75.0913 6.01897 74.5669 6.3083V10.9195C75.0551 11.1546 75.5976 11.2631 76.2667 11.2631ZM83.3088 12.9087C82.9833 12.9087 82.6398 12.8906 82.2781 12.8182V0.95568C82.6036 0.883347 82.9472 0.865264 83.2908 0.865264C83.6343 0.865264 83.996 0.883347 84.3396 0.95568V12.8182C84.0141 12.8906 83.6524 12.9087 83.3088 12.9087ZM92.985 4.22873C93.3286 4.22873 93.6722 4.24682 94.0158 4.31915V12.1853C93.1478 12.6012 91.8277 13.0895 89.929 13.0895C87.2527 13.0895 86.0592 11.7694 86.0592 9.68985V4.31915C86.4208 4.24682 86.7644 4.22873 87.108 4.22873C87.4335 4.22873 87.7952 4.24682 88.1207 4.31915V9.0931C88.1207 10.4855 88.4823 11.2631 90.2002 11.2631C90.8693 11.2631 91.4299 11.1546 91.9543 10.9376V4.31915C92.2979 4.24682 92.6595 4.22873 92.985 4.22873ZM98.7269 13.1076C96.81 13.1076 95.6708 12.4385 95.1826 12.0226C95.3453 11.3716 95.6889 10.8833 96.1229 10.6121C96.6473 10.9918 97.4068 11.462 98.763 11.462C99.9746 11.462 100.409 11.0099 100.409 10.4313C100.409 9.8526 99.9203 9.5271 98.3833 9.29202C96.8643 9.05694 95.4176 8.49636 95.4176 6.68804C95.4176 5.09673 96.8462 4.01174 99.0162 4.01174C100.571 4.01174 101.674 4.44573 102.235 4.84356C102.145 5.47647 101.873 5.9828 101.457 6.3083C100.861 5.96472 99.9746 5.6573 98.9439 5.6573C97.8589 5.6573 97.3887 6.00088 97.3887 6.54338C97.3887 7.10396 97.7684 7.3752 99.2332 7.61029C101.096 7.89962 102.452 8.53253 102.452 10.2323C102.452 12.0226 101.078 13.1076 98.7269 13.1076ZM111.41 4.01174C113.019 4.01174 114.358 4.5904 115.153 5.29564L115.135 16.1636C114.792 16.236 114.448 16.254 114.104 16.254C113.779 16.254 113.417 16.236 113.092 16.1636V12.764C112.585 12.981 111.989 13.0895 111.32 13.0895C108.734 13.0895 106.708 11.5524 106.708 8.67719C106.708 5.72964 108.86 4.01174 111.41 4.01174ZM111.392 11.245C112.079 11.245 112.64 11.1184 113.11 10.8833V6.29021C112.567 6.00088 112.007 5.85622 111.428 5.85622C109.891 5.85622 108.77 6.92313 108.77 8.58678C108.77 10.2685 109.855 11.245 111.392 11.245ZM123.714 4.22873C124.058 4.22873 124.402 4.24682 124.745 4.31915V12.1853C123.877 12.6012 122.557 13.0895 120.658 13.0895C117.982 13.0895 116.789 11.7694 116.789 9.68985V4.31915C117.15 4.24682 117.494 4.22873 117.837 4.22873C118.163 4.22873 118.525 4.24682 118.85 4.31915V9.0931C118.85 10.4855 119.212 11.2631 120.93 11.2631C121.599 11.2631 122.159 11.1546 122.684 10.9376V4.31915C123.027 4.24682 123.389 4.22873 123.714 4.22873ZM134.23 7.88153C134.23 8.33361 134.212 8.62294 134.158 9.0931H128.1C128.263 10.5036 129.131 11.3716 130.559 11.3716C131.807 11.3716 132.53 10.8833 133.091 10.4855C133.543 10.7748 133.905 11.3535 133.977 11.8779C133.254 12.4566 132.133 13.0895 130.415 13.0895C127.847 13.0895 126.002 11.3897 126.002 8.58678C126.002 5.92855 127.865 4.01174 130.306 4.01174C132.603 4.01174 134.23 5.58497 134.23 7.88153ZM128.118 7.73687H132.223C132.223 6.72421 131.699 5.69347 130.306 5.67539C129.04 5.67539 128.263 6.56146 128.118 7.73687ZM142.8 4.01174C145.422 4.01174 147.412 5.5488 147.412 8.51444C147.412 11.4078 145.26 13.0895 142.873 13.0895C142.149 13.0895 141.571 13.0172 141.028 12.8363V16.1636C140.703 16.236 140.359 16.254 140.016 16.254C139.672 16.254 139.346 16.236 138.985 16.1636V5.33181C139.817 4.64465 141.173 4.01174 142.8 4.01174ZM142.728 11.2631C144.283 11.2631 145.35 10.2323 145.35 8.53253C145.35 6.88696 144.283 5.89238 142.71 5.89238C142.113 5.89238 141.553 6.01897 141.028 6.3083V10.9195C141.516 11.1546 142.059 11.2631 142.728 11.2631ZM152.284 4.01174C153.025 4.01174 153.64 4.08407 154.182 4.28298C154.182 4.93398 154.002 5.58497 153.64 6.05513C153.224 5.94663 152.79 5.89238 152.338 5.89238C151.669 5.89238 151.108 6.01897 150.729 6.23596V12.8182C150.403 12.8906 150.041 12.9087 149.698 12.9087C149.354 12.9087 149.011 12.8906 148.667 12.8182V5.24139C149.318 4.66273 150.638 4.01174 152.284 4.01174ZM158.621 13.0895C155.981 13.0895 154.118 11.2269 154.118 8.55061C154.118 5.89238 156.053 3.99365 158.693 3.99365C161.333 3.99365 163.196 5.8743 163.196 8.55061C163.196 11.1908 161.261 13.0895 158.621 13.0895ZM158.657 11.2993C160.194 11.2993 161.134 10.1781 161.134 8.55061C161.134 6.90504 160.194 5.7658 158.657 5.7658C157.12 5.7658 156.18 6.90504 156.18 8.55061C156.18 10.1781 157.12 11.2993 158.657 11.2993Z" fill="#FFFFFF"/>
<path d="M82.2329 46.1069C77.0164 46.1069 73.9124 44.21 72.2741 42.658C72.5759 40.8904 73.5675 39.5539 74.8177 38.821C76.5422 40.373 79.1289 41.5802 82.276 41.5802C85.9837 41.5802 87.6219 40.0281 87.6219 37.8294C87.6219 36.0187 86.7597 34.6823 81.6294 33.432C77.1889 32.3973 73.1363 30.5867 73.0932 25.1115C73.0932 20.326 76.9302 17.0495 82.7934 17.0495C87.3632 17.0495 90.2517 18.4291 92.0193 19.8087C91.89 21.3176 90.9415 23.0421 89.6482 23.775C87.9237 22.5247 85.725 21.5332 82.6209 21.5332C79.6462 21.5332 77.8786 22.9559 77.8786 24.7666C77.8786 26.5773 78.7409 27.5688 83.4832 28.7328C88.8722 30.0693 92.4073 32.2249 92.4504 37.3121C92.4935 42.9166 88.5273 46.1069 82.2329 46.1069ZM105.806 24.3786C111.928 24.3786 114.859 28.2155 114.859 32.6129V45.4171C114.04 45.5896 113.178 45.6327 112.359 45.6327C111.583 45.6327 110.764 45.5896 109.945 45.4171V34.0787C109.945 31.104 108.781 28.9053 105.03 28.9053C103.435 28.9053 101.797 29.4226 100.546 30.1124V45.4171C99.7703 45.5896 98.9512 45.6327 98.1321 45.6327C97.313 45.6327 96.4938 45.5896 95.6316 45.4171V17.1358C96.4507 16.9633 97.2699 16.9202 98.089 16.9202C98.865 16.9202 99.7272 16.9633 100.546 17.1358V25.5857C102.012 24.8959 103.694 24.3786 105.806 24.3786ZM128.399 46.0638C122.105 46.0638 117.664 41.6233 117.664 35.2427C117.664 28.9053 122.277 24.3786 128.572 24.3786C134.866 24.3786 139.307 28.8622 139.307 35.2427C139.307 41.5371 134.694 46.0638 128.399 46.0638ZM128.486 41.7957C132.15 41.7957 134.392 39.1228 134.392 35.2427C134.392 31.3196 132.15 28.6035 128.486 28.6035C124.821 28.6035 122.579 31.3196 122.579 35.2427C122.579 39.1228 124.821 41.7957 128.486 41.7957ZM151.331 24.4217C157.583 24.4217 162.325 28.0862 162.325 35.1565C162.325 42.0544 157.195 46.0638 151.504 46.0638C149.779 46.0638 148.4 45.8913 147.106 45.4602V53.3928C146.33 53.5652 145.511 53.6084 144.692 53.6084C143.873 53.6084 143.097 53.5652 142.235 53.3928V27.5688C144.218 25.9306 147.451 24.4217 151.331 24.4217ZM151.159 41.7095C154.867 41.7095 157.41 39.2521 157.41 35.1996C157.41 31.2764 154.867 28.9053 151.116 28.9053C149.693 28.9053 148.357 29.2071 147.106 29.8969V40.8904C148.27 41.4508 149.564 41.7095 151.159 41.7095Z" fill="#FF7500"/>
<path d="M23.8135 2.12784C22.4566 -0.0371979 19.1548 0.610382 18.7081 3.12864L16.2855 16.9742C16.216 17.3988 16.5801 17.7747 17.0039 17.716C21.9316 16.9915 26.377 15.8713 30.4584 14.3259C30.833 14.1881 30.9716 13.7339 30.7651 13.3977L23.8135 2.12784Z" fill="#FF7500"/>
<path d="M16.4754 37.3722C15.3619 37.3708 14.3175 37.32 13.3125 37.2397C12.9874 37.2096 12.7014 37.4364 12.6517 37.7524L10.527 49.8994C10.0703 52.5164 13.1719 54.2293 15.1351 52.4539L27.3779 41.3871C28.1376 40.6967 29.2217 40.4808 30.1869 40.8377L44.7049 45.4698C47.1967 46.372 49.4174 43.6091 48.0113 41.365L42.2592 32.0525C42.0921 31.7757 41.7375 31.6863 41.4515 31.8242C36.8766 34.0012 32.7565 34.9934 31.5442 35.2585C26.8916 36.6056 21.274 37.3983 16.4655 37.392L16.4754 37.3722Z" fill="#FF7500"/>
<path d="M47.5774 11.7209C47.9519 11.7214 48.3065 11.7811 48.5723 11.9593C48.5725 11.9595 48.575 11.9608 48.5795 11.9632C48.7901 12.076 53.4937 14.5951 47.4567 21.0849C45.0885 23.6303 42.0117 25.5327 39.1129 26.9018C34.4493 29.1083 30.2505 29.9622 30.2505 29.9622C26.9188 30.9456 21.7246 31.9462 16.4924 31.9393C15.5662 31.9381 14.6301 31.8974 13.704 31.827C7.94025 31.3848 2.54304 29.4712 0.0367091 24.6772C-0.0910869 24.4498 0.135922 24.1636 0.392114 24.164L1.50556 24.1655C6.27467 24.1717 10.8175 23.9308 15.1635 23.4229C21.9537 22.6219 28.2422 21.1287 34.059 18.7163C38.1307 17.0227 41.9863 14.9041 45.6159 12.2418C46.1287 11.9561 46.8975 11.72 47.5774 11.7209Z" fill="#FF7500"/>
</svg>
</a>
<a href="https://www.plus-que-pro.shop/nous-contacter" class="font-medium hover:underline cursor-pointer" rel="nofollow">
Contactez nous
</a>
<a href="https://www.plus-que-pro.shop/politique-de-confidentialite" class="font-medium hover:underline cursor-pointer" rel="nofollow">
Politique de confidentialité
</a>
<a href="https://www.plus-que-pro.shop/mentions-legales" class="font-medium hover:underline cursor-pointer" rel="nofollow">
Mentions légales
</a>
<a href="https://www.plus-que-pro.shop/vendeurs/all" class="font-medium hover:underline cursor-pointer" rel="nofollow">
Nos marchands
</a>
</nav>
<nav class="flex flex-col space-y-3">
<a href="https://www.plus-que-pro.shop/conditions-generales-vente" class="font-medium hover:underline cursor-pointer" rel="nofollow">
Conditions Générales de Vente
</a>
<a href="https://www.plus-que-pro.shop/classement-referencement-des-offres" class="font-medium hover:underline cursor-pointer" rel="nofollow">
Classement et référencement des offres
</a>
<a href="https://www.plus-que-pro.shop/conditions-generales-d-utilisations" class="font-medium hover:underline cursor-pointer" rel="nofollow">
Conditions Générales d'Utilisation
</a>
<a href="https://www.plus-que-pro.fr/conditions-generales-utilisation" class="font-medium hover:underline cursor-pointer" target="_blank" rel="noopener">
Conditions Générales d'Utilisation Avis
</a>
<a href="javascript:Didomi.preferences.show();" class="font-medium hover:underline">
Gestion des cookies
</a>
</nav>
</div>
</div>
<div class="bg-pqpDeep-800 py-3.5">
<div class="container flex flex-col justify-between space-y-3 md:space-y-0 md:flex-row">
<p class="content-center text-sm text-pqpDeep-50 max-md:text-center">
© Plus-que-pro.shop 2025. By <a href="https://www.plus-que-pro.fr/" class="font-semibold hover:underline" target="_blank" rel="noopener">Plus que Pro</a> - Tous droits réservés </p>
<p class="flex justify-center md:justify-end items-center space-x-2">
<img width="50" height="32" src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/logo-visa-f56339ee.svg" alt="VISA" class="object-contain">
<img width="50" height="32" src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/logo-mastercard-ae4d4795.svg" alt="Mastercard" class="object-contain">
<img width="50" height="32" src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/logo-cb-2ebae6c6.svg" alt="Carte Bleue" class="object-contain">
<img width="50" height="32" src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/oney-white-bg-11bf4a1a.svg" alt="Oney" class="object-contain">
</p>
</div>
<div class="container flex justify-center py-5">
<div class="flex flex-col sm:flex-row justify-between alcohol-legals border p-[1rem] space-y-3 sm:space-y-0 sm:space-x-6 md:space-x-10">
<div class="flex justify-center items-start">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/logo-rep-fr-42da5fef.png" alt="vente interdite alcool mineurs">
</div>
<div>
<p class="text-[1.5rem]">Interdiction de vente de boissons alcoolisées aux mineurs de moins de 18 ans.</p>
<p class="text-sm">La preuve de majorité de l'acheteur est exigée au moment de la vente en ligne.</p>
<p class="text-right text-sm"><small>CODE DE LA SANTÉ PUBLIQUE : ART. L. 3342-1. L. 3342-3</small></p>
</div>
</div>
</div>
</div>
</footer>
</div>
<style>
.path-hint {
border: solid 1px transparent;
padding: 1px;
}
.path-hint:hover {
border: 1px solid red;
}
.path-hint-tooltip {
padding: 0px 10px;
position: absolute;
background: #000000;
z-index: 10000;
color: #fff;
font-size: 10px;
}
.path-hint-tooltip h4 {
margin-top: 5px;
margin-bottom: 3px;
color: #fff;
font-size: 12px;
}
.path-hint-tooltip ul li {
margin-bottom: 3px;
}
.main-container-wrapper .product-card .product-image img {
max-width: 100%;
height: 260px;
object-fit: cover;
}
</style>
<script defer src="https://widget-assets.pqp-infra.io/2.3.0/js/widget-list.js?id=72d51f5735b042a5d3e88d294817b63d"></script>
<script
type="text/x-template"
id="v-shimmer-image-template"
>
<div
:id="'image-shimmer-' + $.uid"
class="shimmer"
v-bind="$attrs"
v-show="isLoading"
>
</div>
<img
v-bind="$attrs"
:data-src="src"
:id="'image-' + $.uid"
@load="onLoad"
v-show="! isLoading"
v-if="lazy"
>
<img
v-bind="$attrs"
:data-src="src"
:id="'image-' + $.uid"
@load="onLoad"
v-else
v-show="! isLoading"
>
</script>
<script type="module">
app.component('v-shimmer-image', {
template: '#v-shimmer-image-template',
props: {
lazy: {
type: Boolean,
default: true,
},
src: {
type: String,
default: '',
},
},
data() {
return {
isLoading: true,
};
},
mounted() {
let self = this;
if (! this.lazy) {
return;
}
let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = document.getElementById('image-' + self.$.uid);
lazyImage.src = lazyImage.dataset.src;
lazyImageObserver.unobserve(lazyImage);
}
});
});
lazyImageObserver.observe(document.getElementById('image-shimmer-' + this.$.uid));
},
methods: {
onLoad() {
this.isLoading = false;
},
},
});
</script>
<script
type="text/x-template"
id="v-product-ratings-template"
>
<div>
<span class="text-sm font-medium text-black max-sm:text-xs">
{{ average }}
</span>
<span
class="icon-star-fill -mt-1 text-xl text-amber-500 max-sm:-mt-1 max-sm:text-lg"
role="presentation"
>
</span>
<span class="border-l border-zinc-300 text-sm font-medium text-black max-sm:border-zinc-300 max-sm:text-xs ltr:pl-1 rtl:pr-1">
{{ abbreviatedTotal }}
<span v-if="rating">Évaluations</span>
</span>
</div>
</script>
<script type="module">
app.component("v-product-ratings", {
template: "#v-product-ratings-template",
props: {
average: {
type: String,
required: true,
},
total: {
type: String,
required: true,
},
rating: {
type: Boolean,
required: false,
},
},
computed: {
starColorClasses() {
return {
'text-emerald-600': this.average > 4,
'text-emerald-500': this.average >= 4 && this.average < 5,
'text-emerald-400': this.average >= 3 && this.average < 4,
'text-amber-500': this.average >= 2 && this.average < 3,
'text-red-500': this.average >= 1 && this.average < 2,
'text-gray-400': this.average <= 0,
};
},
abbreviatedTotal() {
if (this.total >= 1000) {
return `${(this.total / 1000).toFixed(1)}k`;
}
return this.total;
},
},
});
</script>
<script
type="text/x-template"
id="v-button-template"
>
<button
v-if="! loading"
:class="[buttonClass, '']"
>
{{ title }}
</button>
<button
v-else
:class="[buttonClass, '']"
:disabled="disabled"
>
<!-- Spinner -->
<svg
class="text-blue absolute h-5 w-5 animate-spin"
xmlns="http://www.w3.org/2000/svg"
fill="none"
aria-hidden="true"
viewBox="0 0 24 24"
>
<circle
class="opacity-25"
cx="12"
cy="12"
r="10"
stroke="currentColor"
stroke-width="4"
>
</circle>
<path
class="opacity-75"
fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
>
</path>
</svg>
<span class="realative h-full w-full opacity-0">
{{ title }}
</span>
</button>
</script>
<script type="module">
app.component('v-button', {
template: '#v-button-template',
props: {
loading: Boolean,
buttonType: String,
title: String,
buttonClass: String,
},
});
</script>
<script
type="text/x-template"
id="v-flash-item-template"
>
<div
class="flex w-max max-w-[408px] justify-between gap-12 rounded-lg px-5 py-3 max-sm:max-w-80 max-sm:items-center max-sm:gap-2 max-sm:p-3"
:style="typeStyles[flash.type]['container']"
>
<p
class="flex items-center break-words text-sm"
:style="typeStyles[flash.type]['message']"
>
<span
class="icon-toast-done text-2xl ltr:mr-2.5 rtl:ml-2.5"
:class="iconClasses[flash.type]"
:style="typeStyles[flash.type]['icon']"
></span>
{{ flash.message }}
</p>
<span
class="icon-cancel max-h-4 max-w-4 cursor-pointer"
:style="typeStyles[flash.type]['icon']"
@click="remove"
></span>
</div>
</script>
<script type="module">
app.component('v-flash-item', {
template: '#v-flash-item-template',
props: ['flash'],
data() {
return {
iconClasses: {
success: 'icon-toast-done',
error: 'icon-toast-error',
warning: 'icon-toast-exclamation-mark',
info: 'icon-toast-info',
},
typeStyles: {
success: {
container: 'background: #D4EDDA',
message: 'color: #155721',
icon: 'color: #155721'
},
error: {
container: 'background: #F8D7DA',
message: 'color: #721C24',
icon: 'color: #721C24'
},
warning: {
container: 'background: #FFF3CD',
message: 'color: #856404',
icon: 'color: #856404'
},
info: {
container: 'background: #E2E3E5',
message: 'color: #383D41',
icon: 'color: #383D41'
},
},
};
},
created() {
var self = this;
setTimeout(function() {
self.remove()
}, 5000)
},
methods: {
remove() {
this.$emit('onRemove', this.flash)
}
}
});
</script>
<script
type="text/x-template"
id="v-mobile-category-template"
>
<div>
<span class="icon-hamburger cursor-pointer text-2xl bg-pqpOrange-500 h-6 rounded-full text-white"
@click="toggleSidebar"
>
</span>
</div>
<!-- Sidebar menu -->
<div
v-show="isSidebarOpen"
class="fixed top-0 left-0 h-full w-full bg-white p-6 shadow-lg transition-transform duration-300 z-10"
>
<div v-if="menuHistory.length">
<span
class="cursor-pointer"
@click="goBack"
>
<span class="mr-2"><</span>
<span>
Retour </span>
</span>
<div class="absolute top-4 right-4">
<span
class="icon-cancel cursor-pointer text-3xl"
@click="toggleSidebar"
>
</span>
</div>
<div class="content flex mt-8">
<span
class="w-9 h-9 bg-pqpOrange-200 rounded-full inline-block align-middle mr-5"
>
<img v-if="currentLogo" :src="currentLogo" :alt="currentTitle">
</span>
<h2 class="text-xl py-1">
{{currentTitle}}
</h2>
</div>
<div class="py-3 mt-3 mb-3">
<span
class="cursor-pointer"
@click="reset"
>
Voir tout </span>
</div>
</div>
<div v-else>
<div class="mb-8">
<span class="text-xl font-bold border-b-1">
{{currentTitle}}
</span>
</div>
<div class="absolute top-4 right-4">
<span
class="icon-cancel cursor-pointer text-3xl"
@click="toggleSidebar"
>
</span>
</div>
</div>
<hr>
<div class="h-full py-8 overflow-y-auto">
<div
v-for="(category, index) in categories"
:class="`flex justify-between ${index !== 0 ? 'my-8' : ''}`"
>
<a class="item-body" :href="category.url">
<span
v-if="!menuHistory.length"
class="w-9 h-9 bg-pqpOrange-200 rounded-full inline-block align-middle"
>
<img :src="category.logo" alt="">
</span>
<span class="inline-block py-1 px-5">
{{ category.name }}
</span>
</a>
<span v-if="category.children.length" @click="selectedCategory(category)" class="cursor-pointer right-4 px-5 py-1">></span>
</div>
<div v-if="!menuHistory.length" class="flex justify-between mb-8">
<a href="https://www.plus-que-pro.shop/categories/all" class="item-body">
<span class="w-9 h-9 bg-pqpOrange-200 rounded-full inline-block align-middle">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/default-c2e3b1a9.png" alt="Toutes les catégories">
</span>
<span class="inline-block py-1 px-5">
Toutes les catégories
</span>
</a>
</div>
</div>
</div>
<!-- End sidebar menu -->
<!-- Localization & Currency Section -->
</script>
<script type="module">
app.component('v-mobile-category', {
template: '#v-mobile-category-template',
data() {
return {
isSidebarOpen: false,
categories: [],
menuHistory: [],
currentTitle: "Catégories",
currentLogo: null,
}
},
mounted() {
this.get();
},
computed: {
getCurrentScreenHeight() {
return window.innerHeight - (window.innerWidth < 920 ? 61 : 0) + 'px';
},
},
methods: {
toggleSidebar() {
this.isSidebarOpen = !this.isSidebarOpen;
if(!this.isSidebarOpen){
this.reset();
}
},
reset() {
this.get();
this.menuHistory = [];
this.currentTitle = "Catégories";
this.currentLogo = null;
},
get() {
this.$axios.get("https://www.plus-que-pro.shop/api/categories/tree")
.then(response => {
this.categories = response.data.data;
}).catch(error => {
console.log(error);
});
},
toggle(selectedCategory) {
this.categories = this.categories.map((category) => ({
...category,
isOpen: category.id === selectedCategory.id ? ! category.isOpen : false,
}));
},
selectedCategory(category) {
if(category.children.length){
this.menuHistory.push({
menu: this.categories,
title: this.currentTitle,
logo: this.currentLogo,
});
this.categories = category.children
this.currentTitle = category.name;
this.currentLogo = category.logo
}
},
goBack() {
const lastState = this.menuHistory.pop();
if (lastState) {
this.categories = lastState.menu;
this.currentTitle = lastState.title;
this.currentLogo = lastState.logo
}
},
},
});
</script>
<script
type="text/x-template"
id="v-product-card-template"
>
<!-- Grid Card -->
<div
class="1180:transtion-all group w-full bg-white 1180:relative 1180:grid 1180:content-start 1180:overflow-hidden 1180:duration-300 1180:hover:shadow-[0_5px_10px_rgba(0,0,0,0.1)]"
v-if="mode != 'list'"
>
<div class="relative max-h-[300px] overflow-hidden max-md:max-h-60 max-md:max-w-full max-md:rounded-lg max-sm:max-h-[200px] max-sm:max-w-full">
<!-- Product Image -->
<a
class="cursor-pointer"
:aria-label="product.name + ' '"
@click="goToProduct(product.url_key)"
>
<v-shimmer-image class="after:content-[' '] h-[255px] max-lg:h-[180px] max-sm:h-[180px] min-h-[180px] w-full object-cover object-center relative bg-zinc-100 transition-all duration-300 after:block after:pb-[calc(100%+9px)] group-hover:scale-105" :src="product.base_image.medium_image_url" :key="product.id" :index="product.id" :alt="product.name">
<div class="shimmer after:content-[' '] h-[255px] max-lg:h-[180px] max-sm:h-[180px] min-h-[180px] w-full object-cover object-center relative bg-zinc-100 transition-all duration-300 after:block after:pb-[calc(100%+9px)] group-hover:scale-105" :src="product.base_image.medium_image_url" :key="product.id" :index="product.id" :alt="product.name"></div>
</v-shimmer-image>
</a>
<!-- Product Ratings -->
<v-product-ratings
class="flex w-max items-center rounded-md border border-zinc-200 px-4 py-2 absolute bottom-1.5 items-center !border-white bg-white/80 !px-2 !py-1 text-xs max-sm:!px-1.5 max-sm:!py-0.5 ltr:left-1.5 rtl:right-1.5" :average="product.ratings.average" :total="product.reviews.total" :rating="false" v-if="product.reviews.total"
average="0"
total="0"
>
</v-product-ratings>
<div class="action-items bg-black">
<!-- Product Sale Badge -->
<p
class="absolute top-1.5 inline-block rounded-[44px] bg-red-600 px-2.5 text-sm text-white max-sm:rounded-l-none max-sm:rounded-r-xl max-sm:px-2 max-sm:py-0.5 max-sm:text-xs ltr:left-1.5 max-sm:ltr:left-0 rtl:right-5 max-sm:rtl:right-0"
v-if="product.on_sale"
>
En solde </p>
<!-- Product New Badge -->
<p
class="absolute top-1.5 inline-block rounded-[44px] bg-pqpOrange-500 px-2.5 text-sm text-pqpOrange-50 max-sm:rounded-l-none max-sm:rounded-r-xl max-sm:px-2 max-sm:py-0.5 max-sm:text-xs ltr:left-1.5 max-sm:ltr:left-0 rtl:right-1.5 max-sm:rtl:right-0"
v-else-if="product.is_new"
>
Nouveau </p>
<div class="opacity-0 transition-all duration-300 group-hover:bottom-0 group-hover:opacity-100 max-lg:opacity-100 max-sm:opacity-100">
</div>
</div>
</div>
<!-- Product Information Section -->
<div class="-mt-9 grid translate-y-9 content-start gap-2.5 bg-white p-2.5 transition-transform duration-300 ease-out group-hover:-translate-y-0 max-md:relative max-md:mt-0 max-md:translate-y-0 max-md:gap-0 max-md:py-1.5 ">
<a
:href="`https://www.plus-que-pro.shop/p/${product.url_key}`"
>
<h3 class="text-base font-medium
overflow-hidden
w-full h-[3.1em]
max-h-[3.1em]
whitespace-normal
break-words
max-md:mb-1.5">
{{ product.name }}
</h3>
</a>
<!-- Pricing -->
<template v-if="showPrice">
<div
class="flex items-center gap-2.5 text-lg font-semibold max-sm:text-sm max-sm:leading-6"
v-html="product.price_html"
>
</div>
</template>
<!-- Product Actions Section -->
<div class="action-items flex items-center justify-between opacity-0 transition-all duration-300 ease-in-out group-hover:opacity-100 max-md:hidden">
<a
@click="goToProduct(product.url_key)"
class="cursor-pointer secondary-button w-full max-w-full p-2.5 text-sm font-medium max-sm:rounded-xl max-sm:p-2"
>
Plus d'informations </a>
</div>
</div>
</div>
<!-- List Card -->
<div
class="relative flex max-w-max grid-cols-2 gap-4 overflow-hidden rounded max-sm:flex-wrap"
v-else
>
<div class="group relative max-h-[258px] max-w-[250px] overflow-hidden">
<a :href="`https://www.plus-que-pro.shop/p/${product.url_key}`">
<v-shimmer-image class="after:content-[' '] relative min-h-[255px] bg-zinc-100 transition-all duration-300 after:block after:pb-[calc(100%+9px)] group-hover:scale-105" :src="product.base_image.medium_image_url" :key="product.id" :index="product.id" width="291" height="300" :alt="product.name">
<div class="shimmer after:content-[' '] relative min-h-[255px] bg-zinc-100 transition-all duration-300 after:block after:pb-[calc(100%+9px)] group-hover:scale-105" :src="product.base_image.medium_image_url" :key="product.id" :index="product.id" width="291" height="300" :alt="product.name"></div>
</v-shimmer-image>
</a>
<div class="action-items bg-black">
<p
class="absolute top-5 inline-block rounded-[44px] bg-red-500 px-2.5 text-sm text-white ltr:left-5 max-sm:ltr:left-2 rtl:right-5"
v-if="product.on_sale"
>
En solde </p>
<p
class="absolute top-5 inline-block rounded-[44px] bg-pqpOrange-500 px-2.5 text-sm text-pqpOrange-50 ltr:left-5 max-sm:ltr:left-2 rtl:right-5"
v-else-if="product.is_new"
>
Nouveau </p>
<div class="opacity-0 transition-all duration-300 group-hover:bottom-0 group-hover:opacity-100 max-sm:opacity-100">
</div>
</div>
</div>
<div class="grid content-start gap-4">
<p class="text-base">
{{ product.name }}
</p>
<div
class="flex gap-2.5 text-lg font-semibold"
v-html="product.price_html"
>
</div>
<!-- Needs to implement that in future -->
<div class="flex hidden gap-4">
<span class="block h-[30px] w-[30px] rounded-full bg-[#B5DCB4]">
</span>
<span class="block h-[30px] w-[30px] rounded-full bg-zinc-500">
</span>
</div>
<p class="text-sm text-zinc-500">
<template v-if="! product.ratings.total">
<p class="text-sm text-zinc-500">
Soyez le premier à évaluer ce produit </p>
</template>
<template v-else>
<v-product-ratings
class="flex w-max items-center rounded-md border border-zinc-200 px-4 py-2" :average="product.ratings.average" :total="product.reviews.total" :rating="false"
average="0"
total="0"
>
</v-product-ratings>
</template>
</p>
<v-button class="primary-button whitespace-nowrap px-8 py-2.5" title="Ajouter au panier" :loading="isAddingToCart" :disabled="! product.is_saleable || isAddingToCart" @click="addToCart()"></v-button>
</div>
</div>
</script>
<script type="module">
app.component('v-product-card', {
template: '#v-product-card-template',
props: ['mode', 'product'],
data() {
return {
isCustomer: '',
isAddingToCart: false,
}
},
computed: {
showPrice() {
if(this.product.prices.final.price > 0 && this.product.prices.regular.price > 0) {
return true;
}
return false;
}
},
methods: {
addToWishlist() {
if (this.isCustomer) {
this.$axios.post(`https://www.plus-que-pro.shop/api/customer/wishlist`, {
product_id: this.product.id
})
.then(response => {
this.product.is_wishlist = ! this.product.is_wishlist;
this.$emitter.emit('add-flash', { type: 'success', message: response.data.data.message });
})
.catch(error => {});
} else {
window.location.href = "https://www.plus-que-pro.shop/customer/login";
}
},
addToCompare(productId) {
/**
* This will handle for customers.
*/
if (this.isCustomer) {
this.$axios.post('https://www.plus-que-pro.shop/api/compare-items', {
'product_id': productId
})
.then(response => {
this.$emitter.emit('add-flash', { type: 'success', message: response.data.data.message });
})
.catch(error => {
if ([400, 422].includes(error.response.status)) {
this.$emitter.emit('add-flash', { type: 'warning', message: error.response.data.data.message });
return;
}
this.$emitter.emit('add-flash', { type: 'error', message: error.response.data.message});
});
return;
}
/**
* This will handle for guests.
*/
let items = this.getStorageValue() ?? [];
if (items.length) {
if (! items.includes(productId)) {
items.push(productId);
localStorage.setItem('compare_items', JSON.stringify(items));
this.$emitter.emit('add-flash', { type: 'success', message: "Article ajouté avec succès à la liste de comparaison." });
} else {
this.$emitter.emit('add-flash', { type: 'warning', message: "L'article est déjà ajouté à la liste de comparaison." });
}
} else {
localStorage.setItem('compare_items', JSON.stringify([productId]));
this.$emitter.emit('add-flash', { type: 'success', message: "Article ajouté avec succès à la liste de comparaison." });
}
},
getStorageValue(key) {
let value = localStorage.getItem('compare_items');
if (! value) {
return [];
}
return JSON.parse(value);
},
addToCart() {
this.isAddingToCart = true;
this.$axios.post('https://www.plus-que-pro.shop/api/checkout/cart', {
'quantity': 1,
'product_id': this.product.id,
})
.then(response => {
if (response.data.message) {
this.$emitter.emit('update-mini-cart', response.data.data );
this.$emitter.emit('add-flash', { type: 'success', message: response.data.message });
} else {
this.$emitter.emit('add-flash', { type: 'warning', message: response.data.data.message });
}
this.isAddingToCart = false;
})
.catch(error => {
this.$emitter.emit('add-flash', { type: 'error', message: error.response.data.message });
if (error.response.data.redirect_uri) {
window.location.href = error.response.data.redirect_uri;
}
this.isAddingToCart = false;
});
},
goToProduct(urlKey) {
window.location.href = `https://www.plus-que-pro.shop/p/${urlKey}`;
}
},
});
</script>
<script
type="text/x-template"
id="v-flash-group-template"
>
<transition-group
tag='div'
name="flash-group"
enter-from-class="ltr:translate-x-full rtl:-translate-x-full"
enter-active-class="transform transition duration-200 ease-in-out"
enter-to-class="ltr:translate-x-0 rtl:-translate-x-0"
leave-from-class="ltr:translate-x-0 rtl:-translate-x-0"
leave-active-class="transform transition duration-200 ease-in-out"
leave-to-class="ltr:translate-x-full rtl:-translate-x-full"
class='fixed top-5 z-[1001] grid justify-items-end gap-2.5 max-sm:hidden ltr:right-5 rtl:left-5'
>
<v-flash-item
v-for='flash in flashes'
:key='flash.uid'
:flash="flash"
@onRemove="remove($event)"
/>
</transition-group>
<transition-group
tag='div'
name="flash-group"
enter-from-class="ltr:translate-y-full rtl:-translate-y-full"
enter-active-class="transform transition duration-200 ease-in-out"
enter-to-class="ltr:translate-y-0 rtl:-translate-y-0"
leave-from-class="ltr:translate-y-0 rtl:-translate-y-0"
leave-active-class="transform transition duration-200 ease-in-out"
leave-to-class="ltr:translate-y-full rtl:-translate-y-full"
class='fixed bottom-10 left-1/2 z-[1001] grid -translate-x-1/2 -translate-y-1/2 transform justify-items-center gap-2.5 sm:hidden'
>
<v-flash-item
v-for='flash in flashes'
:key='flash.uid'
:flash="flash"
@onRemove="remove($event)"
/>
</transition-group>
</script>
<script type="module">
app.component('v-flash-group', {
template: '#v-flash-group-template',
data() {
return {
uid: 0,
flashes: []
}
},
created() {
this.registerGlobalEvents();
},
methods: {
add(flash) {
flash.uid = this.uid++;
this.flashes.push(flash);
},
remove(flash) {
let index = this.flashes.indexOf(flash);
this.flashes.splice(index, 1);
},
registerGlobalEvents() {
this.$emitter.on('add-flash', this.add);
},
}
});
</script>
<script
type="text/x-template"
id="v-modal-confirm-template"
>
<div>
<transition
tag="div"
name="modal-content"
enter-class="duration-300 ease-out"
enter-from-class="translate-y-4 opacity-0 md:translate-y-0 md:scale-95"
enter-to-class="translate-y-0 opacity-100 md:scale-100"
leave-class="duration-200 ease-in"
leave-from-class="translate-y-0 opacity-100 md:scale-100"
leave-to-class="translate-y-4 opacity-0 md:translate-y-0 md:scale-95"
>
<div
class="fixed inset-0 z-[9999] transform overflow-y-auto transition" v-show="isOpen"
>
<div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
<div class="absolute left-1/2 top-1/2 z-[999] w-full max-w-[475px] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-xl bg-white p-5 max-md:w-[90%] max-sm:p-4">
<div class="flex gap-2.5">
<div>
<span class="flex rounded-full border border-gray-300 p-2.5">
<i class="icon-error text-3xl max-sm:text-xl"></i>
</span>
</div>
<div>
<div class="flex items-center justify-between gap-5 text-xl max-sm:text-lg">
{{ title }}
</div>
<div class="pb-5 pt-1.5 text-left text-sm text-gray-500">
{{ message }}
</div>
<div class="flex justify-end gap-2.5">
<button
type="button"
class="secondary-button max-md:py-3 max-sm:px-6 max-sm:py-2.5"
@click="disagree"
>
{{ options.btnDisagree }}
</button>
<button
type="button"
class="primary-button max-md:py-3 max-sm:px-6 max-sm:py-2.5"
@click="agree"
>
{{ options.btnAgree }}
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</transition>
</div>
</script>
<script type="module">
app.component('v-modal-confirm', {
template: '#v-modal-confirm-template',
data() {
return {
isOpen: false,
title: '',
message: '',
options: {
btnDisagree: '',
btnAgree: '',
},
agreeCallback: null,
disagreeCallback: null,
};
},
created() {
this.registerGlobalEvents();
},
methods: {
open({
title = "Êtes-vous sûr ?",
message = "Êtes-vous sûr de vouloir effectuer cette action ?",
options = {
btnDisagree: "Pas d'accord",
btnAgree: "D'accord",
},
agree = () => {},
disagree = () => {},
}) {
this.isOpen = true;
document.body.style.overflow = 'hidden';
this.title = title;
this.message = message;
this.options = options;
this.agreeCallback = agree;
this.disagreeCallback = disagree;
},
disagree() {
this.isOpen = false;
document.body.style.overflow = 'auto';
this.disagreeCallback();
},
agree() {
this.isOpen = false;
document.body.style.overflow = 'auto';
this.agreeCallback();
},
registerGlobalEvents() {
this.$emitter.on('open-confirm-modal', this.open);
},
}
});
</script>
<script
type="text/x-template"
id="v-products-featured-template"
>
<div class="bg-gray-100 pt-[3rem]">
<div
class="container max-md:mt-8 max-sm:mt-7"
v-if="! isLoading && products.length"
>
<h2 class="text-3xl">
{{ title }}
</h2>
<div
class="mt-10 lg:px-8 md:mt-8 max-sm:mt-7"
>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 flex pb-2.5 [&>*]:flex-[0] gap-8 max-md:gap-7 max-sm:gap-4 max-md:mt-5 max-md:pb-0 max-md:whitespace-nowrap">
<v-product-card
class="max-md:h-fit" v-for="product in products"
:product="product"
>
</v-product-card>
</div>
</div>
</div>
</div>
<!-- Product Card Listing -->
<template v-if="isLoading">
<div class="container mt-20 max-md:mt-8 max-sm:mt-7">
<div class="flex items-center justify-between">
<h3 class="shimmer h-8 w-[200px] max-sm:h-7"></h3>
<div class="flex items-center justify-between gap-8 max-lg:hidden">
<span
class="shimmer inline-block h-6 w-6"
role="presentation"
></span>
<span
class="shimmer inline-block h-6 w-6 max-sm:hidden"
role="presentation"
></span>
</div>
<div class="shimmer h-7 w-24 max-sm:h-5 max-sm:w-[68px] lg:hidden"></div>
</div>
<div class="scrollbar-hide mt-10 flex gap-8 overflow-auto pb-2.5 max-md:mt-5 max-sm:gap-4">
<div class="grid gap-2.5 relative w-full max-sm:grid-cols-1 min-w-[291px] max-md:h-fit max-md:min-w-56 max-sm:min-w-[192px]">
<div class="shimmer relative w-full rounded max-sm:!rounded-lg">
<div class="after:content-[' '] relative after:block after:pb-[calc(100%+9px)]"></div>
</div>
<div class="grid content-start gap-2.5 max-sm:gap-1">
<p class="shimmer h-4 w-3/4"></p>
<p class="shimmer h-4 w-[55%]"></p>
<!-- Needs to implement that in future -->
<div class="mt-3 flex hidden gap-4">
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
</div>
</div>
</div>
<div class="grid gap-2.5 relative w-full max-sm:grid-cols-1 min-w-[291px] max-md:h-fit max-md:min-w-56 max-sm:min-w-[192px]">
<div class="shimmer relative w-full rounded max-sm:!rounded-lg">
<div class="after:content-[' '] relative after:block after:pb-[calc(100%+9px)]"></div>
</div>
<div class="grid content-start gap-2.5 max-sm:gap-1">
<p class="shimmer h-4 w-3/4"></p>
<p class="shimmer h-4 w-[55%]"></p>
<!-- Needs to implement that in future -->
<div class="mt-3 flex hidden gap-4">
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
</div>
</div>
</div>
<div class="grid gap-2.5 relative w-full max-sm:grid-cols-1 min-w-[291px] max-md:h-fit max-md:min-w-56 max-sm:min-w-[192px]">
<div class="shimmer relative w-full rounded max-sm:!rounded-lg">
<div class="after:content-[' '] relative after:block after:pb-[calc(100%+9px)]"></div>
</div>
<div class="grid content-start gap-2.5 max-sm:gap-1">
<p class="shimmer h-4 w-3/4"></p>
<p class="shimmer h-4 w-[55%]"></p>
<!-- Needs to implement that in future -->
<div class="mt-3 flex hidden gap-4">
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
</div>
</div>
</div>
<div class="grid gap-2.5 relative w-full max-sm:grid-cols-1 min-w-[291px] max-md:h-fit max-md:min-w-56 max-sm:min-w-[192px]">
<div class="shimmer relative w-full rounded max-sm:!rounded-lg">
<div class="after:content-[' '] relative after:block after:pb-[calc(100%+9px)]"></div>
</div>
<div class="grid content-start gap-2.5 max-sm:gap-1">
<p class="shimmer h-4 w-3/4"></p>
<p class="shimmer h-4 w-[55%]"></p>
<!-- Needs to implement that in future -->
<div class="mt-3 flex hidden gap-4">
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
<span class="shimmer block h-[30px] w-[30px] rounded-full"></span>
</div>
</div>
</div>
</div>
<a
class="shimmer mx-auto mt-16 block h-12 w-[150.172px] rounded-2xl max-md:hidden"
role="button"
aria-label="Show more products"
></a>
</div>
</template>
</script>
<script type="module">
app.component('v-products-featured', {
template: '#v-products-featured-template',
props: [
'src',
'title',
'navigationLink',
],
data() {
return {
isLoading: true,
products: [],
};
},
mounted() {
this.getProducts();
},
methods: {
getProducts() {
this.$axios.get(this.src)
.then(response => {
this.isLoading = false;
this.products = response.data.data;
}).catch(error => {
console.log(error);
});
},
},
});
</script>
<script
type="text/x-template"
id="v-quantity-changer-template"
>
<div>
<span
class="icon-minus cursor-pointer text-2xl"
role="button"
tabindex="0"
aria-label="Diminuer la quantité"
@click="decrease"
>
</span>
<p class="w-2.5 select-none text-center max-sm:text-sm">
{{ quantity }}
</p>
<span
class="icon-plus cursor-pointer text-2xl"
role="button"
tabindex="0"
aria-label="Augmenter la quantité"
@click="increase"
>
</span>
<v-field
type="hidden"
:name="name"
v-model="quantity"
></v-field>
</div>
</script>
<script type="module">
app.component("v-quantity-changer", {
template: '#v-quantity-changer-template',
props:['name', 'value'],
data() {
return {
quantity: this.value,
}
},
watch: {
value() {
this.quantity = this.value;
},
},
methods: {
increase() {
this.$emit('change', ++this.quantity);
},
decrease() {
if (this.quantity > 1) {
this.quantity -= 1;
this.$emit('change', this.quantity);
}
},
}
});
</script>
<script
type="text/x-template"
id="v-drawer-template"
>
<div>
<!-- Toggler -->
<div @click="open">
<slot name="toggle">
admin::app.components.drawer.default-toggle </slot>
</div>
<!-- Overlay -->
<transition
tag="div"
name="drawer-overlay"
enter-class="duration-300 ease-out"
enter-from-class="opacity-0"
enter-to-class="opacity-100"
leave-class="duration-200 ease-in"
leave-from-class="opacity-100"
leave-to-class="opacity-0"
>
<div
class="fixed inset-0 z-20 bg-gray-500 bg-opacity-50 transition-opacity"
v-show="isOpen"
></div>
</transition>
<!-- Content -->
<transition
tag="div"
name="drawer"
:enter-from-class="enterFromLeaveToClasses"
enter-active-class="transform transition duration-200 ease-in-out"
enter-to-class="translate-x-0"
leave-from-class="translate-x-0"
leave-active-class="transform transition duration-200 ease-in-out"
:leave-to-class="enterFromLeaveToClasses"
>
<div
class="fixed z-[1000] overflow-hidden bg-white max-md:!w-full"
:class="{
'inset-x-0 top-0': position == 'top',
'inset-x-0 bottom-0 max-sm:max-h-full': position == 'bottom',
'inset-y-0 ltr:right-0 rtl:left-0': position == 'right',
'inset-y-0 ltr:left-0 rtl:right-0': position == 'left'
}"
:style="'width:' + width"
v-show="isOpen"
>
<div class="pointer-events-auto h-full w-full overflow-auto bg-white">
<div class="flex h-full w-full flex-col">
<div class="min-h-0 min-w-0 flex-1 overflow-auto">
<div class="flex h-full flex-col">
<slot
name="header"
:close="close"
>
Default Header
</slot>
<!-- Content Slot -->
<slot name="content"></slot>
<!-- Footer Slot -->
<slot name="footer"></slot>
</div>
</div>
</div>
</div>
</div>
</transition>
</div>
</script>
<script type="module">
app.component('v-drawer', {
template: '#v-drawer-template',
props: [
'isActive',
'position',
'width'
],
data() {
return {
isOpen: this.isActive,
};
},
watch: {
isActive: function(newVal, oldVal) {
this.isOpen = newVal;
}
},
computed: {
enterFromLeaveToClasses() {
if (this.position == 'top') {
return '-translate-y-full';
} else if (this.position == 'bottom') {
return 'translate-y-full';
} else if (this.position == 'left') {
return 'ltr:-translate-x-full rtl:translate-x-full';
} else if (this.position == 'right') {
return 'ltr:translate-x-full rtl:-translate-x-full';
}
}
},
methods: {
toggle() {
this.isOpen = ! this.isOpen;
if (this.isOpen) {
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow ='auto';
}
this.$emit('toggle', { isActive: this.isOpen });
},
open() {
this.isOpen = true;
document.body.style.overflow = 'hidden';
this.$emit('open', { isActive: this.isOpen });
},
close() {
this.isOpen = false;
document.body.style.overflow = 'auto';
this.$emit('close', { isActive: this.isOpen });
}
},
});
</script>
<script
type="text/x-template"
id="v-mini-cart-template"
>
<v-drawer
ref="miniCartDrawer"
is-active=""
position="right"
width="500px"
>
<template v-slot:toggle>
<span class="relative">
<span
class="icon-cart cursor-pointer text-3xl"
role="button"
aria-label="Panier d'achat"
tabindex="0"
></span>
<span
class="absolute -top-4 rounded-[44px] bg-pqpOrange-500 px-2 py-1.5 text-xs font-semibold leading-[9px] text-pqpOrange-50 ltr:left-5 max-md:ltr:left-4 rtl:right-5 max-md:rtl:right-4"
v-if="cart?.items_qty"
>
{{ cart.items_qty }}
</span>
</span>
</template>
<template v-slot:header="{ close }">
<div class="grid gap-y-2.5 p-6 pb-5 max-md:gap-y-1.5 max-md:border-b max-md:border-zinc-200 max-md:p-4 max-md:gap-y-1 max-md:font-semibold">
<div class="flex items-center justify-between">
<p class="text-2xl font-medium max-md:text-xl max-sm:text-xl">
Panier d'achat </p>
</div>
<p class="text-base max-md:text-zinc-500 max-sm:text-xs">
</p>
<div class="absolute top-5 max-sm:top-4 ltr:right-5 rtl:left-5">
<span
class="icon-cancel cursor-pointer text-3xl max-md:text-2xl"
@click="close"
>
</span>
</div>
</div>
</template>
<template v-slot:content>
<div class="flex-1 overflow-auto px-6 max-md:px-4">
<!-- Cart Item Listing -->
<div
class="mt-9 grid gap-12 max-md:mt-2.5 max-md:gap-5"
v-if="cart?.items?.length"
>
<div
class="flex gap-x-5 max-md:gap-x-4"
v-for="item in cart?.items"
>
<!-- Cart Item Image -->
<div class="">
<a :href="`https://www.plus-que-pro.shop/p/${item.product_url_key}`">
<img
:src="item.base_image.small_image_url"
class="max-h-28 max-w-28 rounded-xl max-md:max-h-20 max-md:max-w-[76px]"
/>
</a>
</div>
<!-- Cart Item Information -->
<div class="grid flex-1 place-content-start justify-stretch gap-y-2.5">
<div class="flex justify-between gap-2 max-md:gap-0 max-sm:flex-wrap">
<a
class="max-w-4/5 max-md:w-full"
:href="`https://www.plus-que-pro.shop/p/${item.product_url_key}`"
>
<p class="text-base font-medium max-md:font-normal max-sm:text-sm">
{{ item.name }}
</p>
</a>
<template v-if="displayTax.prices == 'including_tax'">
<p class="text-lg max-md:font-semibold max-sm:text-sm">
{{ item.formatted_price_incl_tax }}
</p>
</template>
<template v-else-if="displayTax.prices == 'both'">
<p class="flex flex-col text-lg max-md:font-semibold max-sm:text-sm">
{{ item.formatted_price_incl_tax }}
<span class="text-xs font-normal text-zinc-500">
Hors taxes :
<span class="font-medium text-black">{{ item.formatted_price }}</span>
</span>
</p>
</template>
<template v-else>
<p class="text-lg max-md:font-semibold max-sm:text-sm">
{{ item.formatted_price }}
</p>
</template>
</div>
<!-- Cart Item Options Container -->
<div
class="grid select-none gap-x-2.5 gap-y-1.5 max-sm:gap-y-0.5"
v-if="item.options.length"
>
<!-- Details Toggler -->
<div class="">
<p
class="flex cursor-pointer items-center gap-x-4 text-base max-md:gap-x-1.5 max-md:text-sm max-sm:text-xs"
@click="item.option_show = ! item.option_show"
>
Voir les détails
<span
class="text-2xl max-md:text-xl max-sm:text-lg"
:class="{'icon-arrow-up': item.option_show, 'icon-arrow-down': ! item.option_show}"
></span>
</p>
</div>
<!-- Option Details -->
<div
class="grid gap-2"
v-show="item.option_show"
>
<template v-for="option in item.options">
<div class="max-md:grid max-md:gap-0.5">
<p class="text-sm font-medium text-zinc-500 max-md:font-normal max-sm:text-xs">
{{ option.attribute_name + ':' }}
</p>
<p class="text-sm max-sm:text-xs">
{{ option.option_label }}
</p>
</div>
</template>
</div>
</div>
<!-- Cart Item Selected Options -->
<div v-if="item.selected_options && Object.keys(item.selected_options).length > 0" class="flex flex-col space-y-1">
<span
v-for="(selected, option) in item.selected_options"
class="text-sm text-zinc-500"
v-text="`${option}: ${selected}`"
></span>
</div>
<div class="flex flex-wrap items-center gap-5 max-md:gap-2.5">
<!-- Cart Item Quantity Changer -->
<v-quantity-changer
class="flex items-center border max-h-9 max-w-[150px] gap-x-2.5 rounded-[54px] px-3.5 py-1.5 max-md:gap-x-2 max-md:px-1 max-md:py-0.5" :value="item?.quantity" @change="updateItem($event, item)"
name="quantity"
value="1"
>
</v-quantity-changer>
<!-- Cart Item Remove Button -->
<button
type="button"
class="text-blue-700 max-md:text-sm"
@click="removeItem(item.id)"
>
Supprimer </button>
<span
class="w-full text-xs font-normal text-zinc-500"
v-if="item.shop_title"
>
Vendu par
<span class="font-medium text-black">{{ item.shop_title }}</span>
</span>
</div>
</div>
</div>
</div>
<!-- Empty Cart Section -->
<div
class="mt-32 pb-8 max-md:mt-32"
v-else
>
<div class="b-0 grid place-items-center gap-y-5 max-md:gap-y-0">
<img
class="max-md:h-[100px] max-md:w-[100px]"
src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/thank-you-aa4a2b62.png"
>
<p
class="text-xl max-md:text-sm"
role="heading"
>
Votre panier est vide </p>
</div>
</div>
</div>
</template>
<template v-slot:footer>
<div class="pb-8 max-md:pb-2">
<div
v-if="cart?.items?.length"
class="grid-col-1 grid gap-5 max-md:gap-2.5"
>
<div
class="my-8 flex items-center justify-between border-b border-zinc-200 px-6 pb-2 max-md:my-0 max-md:border-t max-md:px-5 max-md:py-2"
:class="{'!justify-end': isLoading}"
>
<template v-if="! isLoading">
<p class="text-sm font-medium text-zinc-500">
Sous-total </p>
<template v-if="displayTax.subtotal == 'including_tax'">
<p class="text-3xl font-semibold max-md:text-base">
{{ cart.formatted_sub_total_incl_tax }}
</p>
</template>
<template v-else-if="displayTax.subtotal == 'both'">
<p class="flex flex-col text-3xl font-semibold max-md:text-sm max-sm:text-right">
{{ cart.formatted_sub_total_incl_tax }}
<span class="text-sm font-normal text-zinc-500 max-sm:text-xs">
Hors taxes :
<span class="font-medium text-black">{{ cart.formatted_sub_total }}</span>
</span>
</p>
</template>
<template v-else>
<p class="text-3xl font-semibold max-md:text-base">
{{ cart.formatted_sub_total }}
</p>
</template>
</template>
<template v-else>
<!-- Spinner -->
<svg
class="text-blue h-8 w-8 animate-spin text-[5px] font-semibold max-md:h-7 max-md:w-7 max-sm:h-4 max-sm:w-4"
xmlns="http://www.w3.org/2000/svg"
fill="none"
aria-hidden="true"
viewBox="0 0 24 24"
>
<circle
class="opacity-25"
cx="12"
cy="12"
r="10"
stroke="currentColor"
stroke-width="4"
></circle>
<path
class="opacity-75"
fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
></path>
</svg>
</template>
</div>
<!-- Cart Action Container -->
<div class="grid gap-2.5 px-6 max-md:px-4 max-sm:gap-1.5">
<a href="https://www.plus-que-pro.shop/checkout/cart"
class="mx-auto block w-full cursor-pointer rounded-2xl bg-pqpOrange-500 px-11 py-4 text-center text-base font-medium text-pqpOrange-50 max-md:rounded-lg max-md:px-5 max-md:py-2"
>
Voir le panier </a>
<div class="block cursor-pointer text-center text-base font-medium max-md:py-1.5">
<span
@click="closeMiniCart"
>
Continuer mes achats </span>
</div>
</div>
</div>
</div>
</template>
</v-drawer>
</script>
<script type="module">
app.component("v-mini-cart", {
template: '#v-mini-cart-template',
data() {
return {
cart: null,
isLoading:false,
displayTax: {
prices: "including_tax",
subtotal: "including_tax",
},
}
},
mounted() {
this.getCart();
/**
* To Do: Implement this.
*
* Action.
*/
this.$emitter.on('update-mini-cart', (cart) => {
this.getCart()
});
/**
* Listen for open-mini-cart event to programmatically open the drawer
*/
this.$emitter.on('open-mini-cart', () => {
if (this.$refs.miniCartDrawer) {
this.$refs.miniCartDrawer.open();
}
});
},
methods: {
getCart() {
this.$axios.get('https://www.plus-que-pro.shop/api/checkout/cart')
.then(response => {
this.cart = response.data.data;
})
.catch(error => {});
},
updateItem(quantity, item) {
this.isLoading = true;
let qty = {};
qty[item.id] = quantity;
this.$axios.put('https://www.plus-que-pro.shop/api/checkout/cart', { qty })
.then(response => {
if (response.data.message) {
this.cart = response.data.data;
} else {
this.$emitter.emit('add-flash', { type: 'warning', message: response.data.data.message });
}
this.isLoading = false;
}).catch(error => this.isLoading = false);
},
removeItem(itemId) {
this.$emitter.emit('open-confirm-modal', {
agree: () => {
this.isLoading = true;
this.$axios.post('https://www.plus-que-pro.shop/api/checkout/cart', {
'_method': 'DELETE',
'cart_item_id': itemId,
})
.then(response => {
this.cart = response.data.data;
this.$emitter.emit('add-flash', { type: 'success', message: response.data.message });
this.isLoading = false;
})
.catch(error => {
this.$emitter.emit('add-flash', { type: 'error', message: response.data.message });
this.isLoading = false;
});
}
});
},
closeMiniCart() {
if (this.$refs.miniCartDrawer) {
this.$refs.miniCartDrawer.close();
}
},
},
});
</script>
<script
type="text/x-template"
id="v-dropdown-template"
>
<div>
<div
class="select-none"
ref="toggleBlock"
@click="toggle()"
>
<slot name="toggle">Toggle</slot>
</div>
<transition
tag="div"
name="dropdown"
enter-active-class="transition duration-100 ease-out"
enter-from-class="scale-95 transform opacity-0"
enter-to-class="scale-100 transform opacity-100"
leave-active-class="transition duration-75 ease-in"
leave-from-class="scale-100 transform opacity-100"
leave-to-class="scale-95 transform opacity-0"
>
<div
class="absolute z-20 w-max overflow-hidden rounded-[20px] bg-white shadow-[0px_10px_84px_rgba(0,0,0,0.1)] max-md:rounded-lg"
:style="positionStyles"
v-show="isActive"
>
<slot name="content"></slot>
<slot name="menu"></slot>
</div>
</transition>
</div>
</script>
<script type="module">
app.component('v-dropdown', {
template: '#v-dropdown-template',
props: {
position: String,
closeOnClick: {
type: Boolean,
required: false,
default: true
},
},
data() {
return {
toggleBlockWidth: 0,
toggleBlockHeight: 0,
isActive: false,
};
},
created() {
window.addEventListener('click', this.handleFocusOut);
},
mounted() {
this.toggleBlockWidth = this.$refs.toggleBlock.clientWidth;
this.toggleBlockHeight = this.$refs.toggleBlock.clientHeight;
},
beforeDestroy() {
window.removeEventListener('click', this.handleFocusOut);
},
computed: {
positionStyles() {
switch (this.position) {
case 'bottom-left':
return [
`min-width: ${this.toggleBlockWidth}px`,
`top: ${this.toggleBlockHeight}px`,
'left: 0',
];
case 'bottom-right':
return [
`min-width: ${this.toggleBlockWidth}px`,
`top: ${this.toggleBlockHeight}px`,
'right: 0',
];
case 'top-left':
return [
`min-width: ${this.toggleBlockWidth}px`,
`bottom: ${this.toggleBlockHeight}px`,
'left: 0',
];
case 'top-right':
return [
`min-width: ${this.toggleBlockWidth}px`,
`bottom: ${this.toggleBlockHeight}px`,
'right: 0',
];
default:
return [
`min-width: ${this.toggleBlockWidth}px`,
`top: ${this.toggleBlockHeight}px`,
'left: 0',
];
}
},
},
methods: {
toggle() {
/**
* If still somehow width is zero then this will check for width one more time.
*/
if (this.toggleBlockWidth === 0) {
this.toggleBlockWidth = this.$refs.toggleBlock.clientWidth;
}
/**
* If still somehow height is zero then this will check for height one more time.
*/
if (this.toggleBlockHeight === 0) {
this.toggleBlockHeight = this.$refs.toggleBlock.clientHeight;
}
this.isActive = ! this.isActive;
},
handleFocusOut(e) {
if (! this.$el.contains(e.target) || (this.closeOnClick && this.$el.children[1].contains(e.target))) {
this.isActive = false;
}
},
},
});
</script>
<script
type="text/x-template"
id="v-desktop-category-template"
>
<!-- Hamburger menu button -->
<div class="icon-hamburger cursor-pointer text-md border border-pqpDeep-400 rounded-full px-5 p-3"
@click="toggleSidebar"
>
<span class="pl-1">Catégories</span>
</div>
<!-- End hamburger menu button -->
<!-- Sidebar menu -->
<div
v-show="isSidebarOpen"
class="fixed top-0 left-0 h-full z-[999] xl:w-1/4 lg:w-1/2 md:w-1/3 sm:w-1/2 w-full bg-white p-6 shadow-lg transition-transform duration-300"
>
<div v-if="menuHistory.length">
<span
class="cursor-pointer"
@click="goBack"
>
<span class="mr-2"><</span>
<span>
Retour </span>
</span>
<div class="absolute top-4 right-4">
<span
class="icon-cancel cursor-pointer text-3xl"
@click="toggleSidebar"
>
</span>
</div>
<div class="content flex mt-8">
<span
class="w-9 h-9 bg-pqpOrange-200 rounded-full inline-block align-middle mr-5"
>
<img v-if="currentLogo" :src="currentLogo" :alt="currentTitle">
</span>
<h2 class="text-xl py-1">
{{currentTitle}}
</h2>
</div>
<div class="py-3 mt-3 mb-3">
<span
class="cursor-pointer"
@click="reset"
>
Voir tout </span>
</div>
</div>
<div v-else>
<div class="mb-8">
<span class="text-xl font-bold border-b-1">
{{currentTitle}}
</span>
</div>
<div class="absolute top-4 right-4">
<span
class="icon-cancel cursor-pointer text-3xl"
@click="toggleSidebar"
>
</span>
</div>
</div>
<hr>
<div class="h-full py-8 overflow-y-auto">
<div
v-for="(category, index) in categories"
:class="`flex justify-between ${index !== 0 ? 'my-8' : ''}`"
>
<a class="item-body" :href="category.url">
<span
v-if="!menuHistory.length"
class="w-9 h-9 bg-pqpOrange-200 rounded-full inline-block align-middle"
>
<img :src="category.logo" alt="">
</span>
<span class="inline-block py-1 px-5">
{{ category.name }}
</span>
</a>
<span v-if="category.children.length" @click="selectedCategory(category)" class="cursor-pointer right-4 px-5 py-1">></span>
</div>
<div v-if="!menuHistory.length" class="flex justify-between mb-8">
<a href="https://www.plus-que-pro.shop/categories/all" class="item-body">
<span class="w-9 h-9 bg-pqpOrange-200 rounded-full inline-block align-middle">
<img src="https://www.plus-que-pro.shop/themes/shop/pqpshop/build/assets/default-c2e3b1a9.png" alt="Toutes les catégories">
</span>
<span class="inline-block py-1 px-5">
Toutes les catégories
</span>
</a>
</div>
</div>
</div>
<!-- End sidebar menu -->
</script>
<script type="module">
app.component('v-desktop-category', {
template: '#v-desktop-category-template',
data() {
return {
isLoading: true,
isSidebarOpen: false,
categories: [],
menuHistory: [],
currentTitle: "Catégories",
currentLogo: null,
}
},
mounted() {
this.get();
},
methods: {
toggleSidebar() {
this.isSidebarOpen = !this.isSidebarOpen;
if(!this.isSidebarOpen){
this.reset();
}
},
reset() {
this.get();
this.menuHistory = [];
this.currentTitle = "Catégories";
this.currentLogo = null;
},
selectedCategory(category) {
if(category.children.length){
this.menuHistory.push({
menu: this.categories,
title: this.currentTitle,
logo: this.currentLogo,
});
this.categories = category.children;
this.currentTitle = category.name;
this.currentLogo = category.logo
}
},
get() {
this.$axios.get("https://www.plus-que-pro.shop/api/categories/tree")
.then(response => {
this.isLoading = false;
this.categories = response.data.data;
}).catch(error => {
console.log(error);
});
},
goBack() {
const lastState = this.menuHistory.pop();
if (lastState) {
this.categories = lastState.menu;
this.currentTitle = lastState.title;
this.currentLogo = lastState.logo
}
},
pairCategoryChildren(category) {
return category.children.reduce((result, value, index, array) => {
if (index % 2 === 0) {
result.push(array.slice(index, index + 2));
}
return result;
}, []);
}
},
});
</script>
<script src="https://assets.oney.io/build/loader.min.js"></script>
<script>
/**
* Load event, the purpose of using the event is to mount the application
* after all of our `Vue` components which is present in blade file have
* been registered in the app. No matter what `app.mount()` should be
* called in the last.
*/
window.addEventListener("load", function (event) {
app.mount("#app");
});
</script>
<script type="text/javascript">
</script>
<script>
// Script d'obfuscation des liens
document.addEventListener("DOMContentLoaded", function () {
document.body.addEventListener("click", function (event) {
let dataRef = event.target.getAttribute("data-href");
// click on link
if (dataRef) {
event.preventDefault();
let decodedHref = atob(dataRef)
if(event.target.getAttribute('target') !== '_blank'){
window.location.href = decodedHref
}else{
window.open(decodedHref, '_blank')
}
}
});
});
</script>
</body>
</html>