{"id":57,"date":"2026-09-10T09:25:23","date_gmt":"2026-09-10T06:25:23","guid":{"rendered":"https:\/\/vishal.digicaneasy.com\/vishalj\/?page_id=57"},"modified":"2026-09-27T16:38:30","modified_gmt":"2026-09-27T13:38:30","slug":"cart","status":"publish","type":"page","link":"https:\/\/vishal.digicaneasy.com\/vishalj\/?page_id=57","title":{"rendered":"Cart"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"57\" class=\"elementor elementor-57\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eef47d0 e-flex e-con-boxed e-con e-parent\" data-id=\"4eef47d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6560ed4 e-con-full e-flex e-con e-child\" data-id=\"6560ed4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8682d1 elementor-widget elementor-widget-html\" data-id=\"a8682d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Cart Hero Section<\/title>\r\n    <!-- Font Awesome Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Google Fonts -->\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&family=Caveat:wght@600&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Poppins', sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #f6f3ee;\r\n        }\r\n\r\n        \/* Hero Container *\/\r\n        .cart-hero-section {\r\n            width: 100%;\r\n            min-height: 85vh;\r\n            background: linear-gradient(135deg, #fdfbf7 0%, #f4eee6 100%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 3rem 8%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Left Content Styling *\/\r\n        .cart-hero-left {\r\n            flex: 1;\r\n            max-width: 500px;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Breadcrumbs Nav *\/\r\n        .breadcrumb {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 0.9rem;\r\n            color: #78716c;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .breadcrumb a {\r\n            color: #78716c;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .breadcrumb a:hover {\r\n            color: #1c1917;\r\n        }\r\n\r\n        .breadcrumb span {\r\n            font-weight: 600;\r\n            color: #1c1917;\r\n        }\r\n\r\n        \/* Cart Icon Badge *\/\r\n        .cart-icon-wrapper {\r\n            position: relative;\r\n            display: inline-block;\r\n            margin-bottom: 1.2rem;\r\n        }\r\n\r\n        .cart-icon-wrapper i {\r\n            font-size: 2.8rem;\r\n            color: #1c1917;\r\n        }\r\n\r\n        .cart-badge {\r\n            position: absolute;\r\n            top: -6px;\r\n            right: -10px;\r\n            background-color: #1c1917;\r\n            color: #ffffff;\r\n            font-size: 0.75rem;\r\n            font-weight: 700;\r\n            width: 22px;\r\n            height: 22px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* Titles *\/\r\n        .hero-title {\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            line-height: 1.1;\r\n            color: #1c1917;\r\n            margin-bottom: 1.2rem;\r\n        }\r\n\r\n        .hero-title span {\r\n            color: #9a6845;\r\n        }\r\n\r\n        .hero-description {\r\n            font-size: 1rem;\r\n            color: #57534e;\r\n            line-height: 1.6;\r\n            max-width: 440px;\r\n        }\r\n\r\n        \/* Right Side Layout *\/\r\n        .cart-hero-right {\r\n            flex: 1;\r\n            display: flex;\r\n            justify-content: flex-end;\r\n            align-items: center;\r\n            position: relative;\r\n        }\r\n\r\n        .image-container {\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* Main Shopping Cart Image *\/\r\n        .cart-main-img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            max-height: 480px;\r\n            object-fit: contain;\r\n            filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.08));\r\n        }\r\n\r\n        \/* Handwritten Quote Text *\/\r\n        .handwritten-text {\r\n            position: absolute;\r\n            right: -20px;\r\n            top: 25%;\r\n            font-family: 'Caveat', cursive;\r\n            font-size: 2rem;\r\n            color: #44403c;\r\n            line-height: 1.1;\r\n            text-align: center;\r\n            z-index: 3;\r\n            transform: rotate(-3deg);\r\n        }\r\n\r\n        .handwritten-text span {\r\n            font-size: 1.5rem;\r\n            display: block;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        \/* Responsive Media Queries *\/\r\n        @media (max-width: 992px) {\r\n            .cart-hero-section {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                padding: 3rem 5%;\r\n            }\r\n\r\n            .breadcrumb {\r\n                justify-content: center;\r\n            }\r\n\r\n            .cart-hero-left {\r\n                max-width: 100%;\r\n                margin-bottom: 3rem;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: 2.8rem;\r\n            }\r\n\r\n            .hero-description {\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .cart-hero-right {\r\n                justify-content: center;\r\n                width: 100%;\r\n            }\r\n\r\n            .handwritten-text {\r\n                position: relative;\r\n                right: auto;\r\n                top: auto;\r\n                margin-top: 15px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .hero-title {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .cart-icon-wrapper i {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .cart-main-img {\r\n                max-height: 320px;\r\n            }\r\n\r\n            .handwritten-text {\r\n                font-size: 1.6rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"cart-hero-section\">\r\n        <!-- Left Text Content -->\r\n        <div class=\"cart-hero-left\">\r\n            <nav class=\"breadcrumb\">\r\n                <a href=\"#\">Home<\/a>\r\n                <i class=\"fa-solid fa-chevron-right\" style=\"font-size: 0.7rem;\"><\/i>\r\n                <span>Cart<\/span>\r\n            <\/nav>\r\n\r\n            <div class=\"cart-icon-wrapper\">\r\n                <i class=\"fa-solid fa-cart-shopping\"><\/i>\r\n                <span class=\"cart-badge\">2<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"hero-title\">\r\n                Your Cart <br>\r\n                <span>Looks Great!<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"hero-description\">\r\n                You're one step closer to something amazing. Review your items and continue shopping when you're ready.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Right Visual Content -->\r\n        <div class=\"cart-hero-right\">\r\n            <div class=\"image-container\">\r\n                <!-- Replace src with your shopping cart image -->\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/500x400?text=Shopping+Cart+Image\" alt=\"Shopping Cart\" class=\"cart-main-img\">\r\n                \r\n                <div class=\"handwritten-text\">\r\n                    Good<br>Things<br>Ahead\r\n                    <span>\u2661<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e4d5869 elementor-widget elementor-widget-text-editor\" data-id=\"4e4d5869\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cart Hero Section Home Cart 2 Your Cart Looks Great! You&#8217;re one step closer to something amazing. Review your items [&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":"","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-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":4,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":127,"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions\/127"}],"wp:attachment":[{"href":"https:\/\/vishal.digicaneasy.com\/vishalj\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}