{"id":72,"date":"2026-06-29T21:06:04","date_gmt":"2026-06-29T21:06:04","guid":{"rendered":"https:\/\/darvespa.ma\/cart\/"},"modified":"2026-07-09T12:33:40","modified_gmt":"2026-07-09T12:33:40","slug":"dar-vespa-cart","status":"publish","type":"page","link":"https:\/\/darvespa.ma\/ar\/dar-vespa-cart\/","title":{"rendered":"DAR VESPA CART"},"content":{"rendered":"<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/darvespa.ma\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-5-2026-03_16_48-PM-1024x683.png\" alt=\"Luxury Dar Vespa shopping cart page featuring premium Vespa parts, secure checkout, fast delivery, and customer support in a black and gold design.\" class=\"wp-image-273\" style=\"width:1085px;height:auto\" srcset=\"https:\/\/darvespa.ma\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-5-2026-03_16_48-PM-1024x683.png 1024w, https:\/\/darvespa.ma\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-5-2026-03_16_48-PM-300x200.png 300w, https:\/\/darvespa.ma\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-5-2026-03_16_48-PM-600x400.png 600w, https:\/\/darvespa.ma\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-5-2026-03_16_48-PM-768x512.png 768w, https:\/\/darvespa.ma\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-5-2026-03_16_48-PM.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ===========================\n   DAR VESPA CART SECTION\n=========================== *\/\n\n.dar-vespa-cart{\n    background:linear-gradient(135deg,#0b0b0b,#0A1F44);\n    padding:100px 20px;\n    color:#fff;\n    overflow:hidden;\n}\n\n.dar-vespa-cart .container{\n    max-width:1200px;\n    margin:auto;\n}\n\n\/* Heading *\/\n\n.dar-vespa-cart h2{\n    text-align:center;\n    font-size:48px;\n    font-weight:700;\n    color:#D4AF37;\n    margin-bottom:15px;\n    letter-spacing:1px;\n}\n\n.dar-vespa-cart .subtitle{\n    max-width:760px;\n    margin:0 auto 60px;\n    text-align:center;\n    color:#d8d8d8;\n    font-size:18px;\n    line-height:1.9;\n}\n\n\/* Cards *\/\n\n.cart-grid{\n    display:grid;\n    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n    gap:30px;\n}\n\n.cart-card{\n    background:rgba(255,255,255,.05);\n    backdrop-filter:blur(12px);\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:25px;\n    padding:40px 30px;\n    text-align:center;\n    transition:.35s;\n}\n\n.cart-card:hover{\n    transform:translateY(-10px);\n    border-color:#D4AF37;\n    box-shadow:0 20px 45px rgba(212,175,55,.20);\n}\n\n\/* Icon *\/\n\n.cart-card .icon{\n    width:85px;\n    height:85px;\n    margin:auto auto 25px;\n    border-radius:50%;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    background:rgba(212,175,55,.10);\n    color:#D4AF37;\n    font-size:38px;\n    transition:.3s;\n}\n\n.cart-card:hover .icon{\n    transform:rotate(10deg) scale(1.08);\n}\n\n\/* Titles *\/\n\n.cart-card h3{\n    color:#D4AF37;\n    font-size:24px;\n    margin-bottom:18px;\n}\n\n\/* Text *\/\n\n.cart-card p{\n    color:#d7d7d7;\n    line-height:1.8;\n    font-size:15px;\n}\n\n\/* List *\/\n\n.cart-card ul{\n    margin:0;\n    padding:0;\n    list-style:none;\n}\n\n.cart-card li{\n    padding:8px 0;\n    color:#efefef;\n}\n\n\/* Bottom Banner *\/\n\n.cart-banner{\n    margin-top:60px;\n    background:rgba(255,255,255,.05);\n    backdrop-filter:blur(15px);\n    border:1px solid rgba(212,175,55,.30);\n    border-radius:25px;\n    padding:50px;\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:30px;\n    flex-wrap:wrap;\n}\n\n.cart-banner h3{\n    color:#D4AF37;\n    font-size:32px;\n    margin-bottom:15px;\n}\n\n.cart-banner p{\n    color:#ddd;\n    line-height:1.9;\n    max-width:650px;\n}\n\n\/* Button *\/\n\n.cart-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    background:#D4AF37;\n    color:#111;\n    text-decoration:none;\n    font-size:17px;\n    font-weight:700;\n    padding:18px 40px;\n    border-radius:50px;\n    transition:.3s;\n}\n\n.cart-btn:hover{\n    background:#fff;\n    color:#000;\n    transform:translateY(-4px);\n    box-shadow:0 15px 35px rgba(212,175,55,.30);\n}\n\n\/* Responsive *\/\n\n@media(max-width:992px){\n\n.cart-banner{\n    text-align:center;\n    justify-content:center;\n}\n\n}\n\n@media(max-width:768px){\n\n.dar-vespa-cart{\n    padding:70px 20px;\n}\n\n.dar-vespa-cart h2{\n    font-size:34px;\n}\n\n.dar-vespa-cart .subtitle{\n    font-size:16px;\n}\n\n.cart-card{\n    padding:30px;\n}\n\n.cart-banner{\n    padding:35px 25px;\n}\n\n.cart-banner h3{\n    font-size:26px;\n}\n\n.cart-btn{\n    width:100%;\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    \/\/ Animate cards when they appear\n    const cards = document.querySelectorAll(\".cart-card\");\n\n    const observer = new IntersectionObserver((entries) => {\n\n        entries.forEach(entry => {\n\n            if (entry.isIntersecting) {\n\n                entry.target.style.opacity = \"1\";\n                entry.target.style.transform = \"translateY(0)\";\n                observer.unobserve(entry.target);\n\n            }\n\n        });\n\n    }, {\n        threshold: 0.15\n    });\n\n    cards.forEach(card => {\n\n        card.style.opacity = \"0\";\n        card.style.transform = \"translateY(50px)\";\n        card.style.transition = \"all .8s ease\";\n\n        observer.observe(card);\n\n    });\n\n    \/\/ Banner animation\n    const banner = document.querySelector(\".cart-banner\");\n\n    if (banner) {\n\n        banner.style.opacity = \"0\";\n        banner.style.transform = \"translateY(60px)\";\n        banner.style.transition = \"all 1s ease\";\n\n        const bannerObserver = new IntersectionObserver(entries => {\n\n            entries.forEach(entry => {\n\n                if (entry.isIntersecting) {\n\n                    banner.style.opacity = \"1\";\n                    banner.style.transform = \"translateY(0)\";\n\n                }\n\n            });\n\n        });\n\n        bannerObserver.observe(banner);\n\n    }\n\n    \/\/ Ripple Effect\n    document.querySelectorAll(\".cart-btn\").forEach(button => {\n\n        button.addEventListener(\"click\", function(e) {\n\n            const circle = document.createElement(\"span\");\n\n            const diameter = Math.max(this.clientWidth, this.clientHeight);\n\n            circle.style.width = circle.style.height = diameter + \"px\";\n\n            circle.style.left = e.offsetX - diameter \/ 2 + \"px\";\n            circle.style.top = e.offsetY - diameter \/ 2 + \"px\";\n\n            circle.classList.add(\"ripple\");\n\n            const ripple = this.querySelector(\".ripple\");\n\n            if (ripple) ripple.remove();\n\n            this.appendChild(circle);\n\n        });\n\n    });\n\n});\n<\/script>\n\n<section class=\"dar-vespa-cart\">\n\n<div class=\"container\">\n\n<h2>Complete Your Order<\/h2>\n\n<p class=\"subtitle\">\nYou&#8217;re just one step away from upgrading your Vespa with premium accessories.\nReview your cart and enjoy a secure shopping experience with Dar Vespa.\n<\/p>\n\n<div class=\"cart-grid\">\n\n<div class=\"cart-card\">\n\n<div class=\"icon\">\n\ud83d\udef5\n<\/div>\n\n<h3>Premium Vespa Parts<\/h3>\n\n<p>\nDiscover genuine Vespa accessories designed for style, durability,\nand perfect compatibility with your scooter.\n<\/p>\n\n<\/div>\n\n<div class=\"cart-card\">\n\n<div class=\"icon\">\n\ud83d\ude9a\n<\/div>\n\n<h3>Fast Delivery<\/h3>\n\n<p>\nYour order is carefully packed and shipped quickly anywhere in Morocco,\nso you can get back on the road sooner.\n<\/p>\n\n<\/div>\n\n<div class=\"cart-card\">\n\n<div class=\"icon\">\n\ud83d\udd12\n<\/div>\n\n<h3>Secure Checkout<\/h3>\n\n<p>\nShop with confidence using our protected checkout and trusted payment methods.\n<\/p>\n\n<\/div>\n\n<div class=\"cart-card\">\n\n<div class=\"icon\">\n\u2b50\n<\/div>\n\n<h3>Why Choose Dar Vespa?<\/h3>\n\n<ul>\n\n<li>\u2714 Original Vespa Parts<\/li>\n\n<li>\u2714 Premium Accessories<\/li>\n\n<li>\u2714 Fast Shipping<\/li>\n\n<li>\u2714 Secure Payments<\/li>\n\n<li>\u2714 Customer Support<\/li>\n\n<li>\u2714 Trusted by Riders<\/li>\n\n<\/ul>\n\n<\/div>\n\n<\/div>\n\n<div class=\"cart-banner\">\n\n<div>\n\n<h3>Need Assistance?<\/h3>\n\n<p>\nHave questions about compatibility or your order?\nOur Vespa specialists are ready to help you choose the perfect accessories.\n<\/p>\n\n<\/div>\n\n<a href=\"https:\/\/wa.me\/212658915064\" class=\"cart-btn\" target=\"_blank\" rel=\"noopener\">\n\nChat on WhatsApp\n\n<\/a>\n\n<\/div>\n\n<\/div>\n\n<\/section>\n\n<style>\n\n.dar-vespa-cart{\nbackground:linear-gradient(135deg,#111,#0A1F44);\npadding:100px 20px;\ncolor:#fff;\n}\n\n.dar-vespa-cart .container{\nmax-width:1200px;\nmargin:auto;\n}\n\n.dar-vespa-cart h2{\ntext-align:center;\nfont-size:48px;\ncolor:#D4AF37;\nmargin-bottom:15px;\n}\n\n.subtitle{\ntext-align:center;\nmax-width:700px;\nmargin:auto auto 60px;\ncolor:#ddd;\nfont-size:18px;\nline-height:1.8;\n}\n\n.cart-grid{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(260px,1fr));\ngap:30px;\n}\n\n.cart-card{\nbackground:rgba(255,255,255,.08);\nbackdrop-filter:blur(12px);\npadding:35px;\nborder-radius:25px;\nborder:1px solid rgba(255,255,255,.15);\ntransition:.35s;\ntext-align:center;\n}\n\n.cart-card:hover{\ntransform:translateY(-8px);\nborder-color:#D4AF37;\nbox-shadow:0 20px 40px rgba(212,175,55,.20);\n}\n\n.icon{\nwidth:80px;\nheight:80px;\nmargin:auto auto 20px;\nbackground:rgba(212,175,55,.12);\nborder-radius:50%;\ndisplay:flex;\nalign-items:center;\njustify-content:center;\nfont-size:38px;\n}\n\n.cart-card h3{\ncolor:#D4AF37;\nmargin-bottom:20px;\nfont-size:24px;\n}\n\n.cart-card p{\ncolor:#ddd;\nline-height:1.8;\n}\n\n.cart-card ul{\npadding:0;\nmargin:0;\nlist-style:none;\n}\n\n.cart-card li{\npadding:8px 0;\ncolor:#eee;\n}\n\n.cart-banner{\nmargin-top:60px;\npadding:45px;\nborder-radius:25px;\ndisplay:flex;\njustify-content:space-between;\nalign-items:center;\nbackground:rgba(255,255,255,.08);\nborder:1px solid rgba(212,175,55,.35);\nflex-wrap:wrap;\ngap:30px;\n}\n\n.cart-banner h3{\ncolor:#D4AF37;\nfont-size:30px;\nmargin-bottom:15px;\n}\n\n.cart-banner p{\ncolor:#ddd;\nmax-width:650px;\nline-height:1.8;\n}\n\n.cart-btn{\nbackground:#D4AF37;\ncolor:#111;\npadding:18px 40px;\nfont-weight:bold;\nborder-radius:50px;\ntext-decoration:none;\ntransition:.3s;\n}\n\n.cart-btn:hover{\nbackground:#fff;\ntransform:translateY(-4px);\n}\n\n@media(max-width:768px){\n\n.dar-vespa-cart h2{\nfont-size:34px;\n}\n\n.cart-banner{\ntext-align:center;\njustify-content:center;\n}\n\n}\n\n<\/style>\n\n\n\n<p class=\"has-ast-global-color-5-color has-text-color has-link-color wp-elements-21532b5d6066d783b7f3450398857e1f wp-block-paragraph\"><a href=\"https:\/\/darvespa.ma\/ar\/\" data-type=\"page\" data-id=\"9\">Dar Vespa<\/a>  Cart, Vespa Parts Morocco, Premium Vespa Accessories, Original Vespa Parts, Secure Checkout, Vespa Store, Vespa Accessories Morocco, Luxury Vespa Shop<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>Luxury Dar Vespa cart page featuring premium Vespa parts, secure checkout, fast delivery, and customer support in a black and gold design.<\/strong><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Complete Your Order You&#8217;re just one step away from upgrading your Vespa with premium accessories. Review your cart and enjoy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-72","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/darvespa.ma\/ar\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darvespa.ma\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darvespa.ma\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darvespa.ma\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darvespa.ma\/ar\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":2,"href":"https:\/\/darvespa.ma\/ar\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/darvespa.ma\/ar\/wp-json\/wp\/v2\/pages\/72\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/darvespa.ma\/ar\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}