{"id":124919,"date":"2024-09-07T10:45:11","date_gmt":"2024-09-07T08:45:11","guid":{"rendered":"https:\/\/imagineme.ai\/printshop\/"},"modified":"2025-11-29T19:50:58","modified_gmt":"2025-11-29T18:50:58","slug":"printshop","status":"publish","type":"page","link":"https:\/\/imagineme.ai\/it\/printshop\/","title":{"rendered":"Stamperia"},"content":{"rendered":"    <link rel=\"stylesheet\" href=\"https:\/\/imagineme.ai\/wp-content\/plugins\/custom-code-imagineme\/\/assets\/css\/im-general-wpml-hide.css\" type=\"text\/css\" media=\"all\">\n    <style>\n        \/* .elementor-location-footer {\n            display: none\n        } *\/\n\n        html {\n            margin-top: unset !important;\n        }\n\n        #wpadminbar {\n            display: none;\n        }\n    <\/style>\n\n    <!-- Plaats in de style element de css -->\n    <style>\n        \/* ALERT POPUP *\/\n        .shop-header {\n            position: relative;\n            margin-bottom: 60px;\n        }\n\n        .shop-header__slide-wrapper {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            scroll-behavior: smooth;\n            display: flex;\n            height: 44.25vw;\n        }\n\n        .shop-header__slide-container {\n            display: flex;\n            width: 100%;\n            transform: translateX(-100%);\n            transition: transform 0.5s ease-in-out;\n        }\n\n        .shop-header__slide {\n            width: 100%;\n            text-align: center;\n            height: 100%;\n            flex: 0 0 100%;\n        }\n\n        .shop-header__slide-img {\n            width: 100%;\n            height: 100%;\n            vertical-align: middle;\n            object-fit: cover;\n        }\n\n        .shop-header__title-container {\n            position: absolute;\n            top: 50%;\n            left: calc(60px + 10%);\n            transform: translateY(-50%);\n            max-width: 550px;\n            width: 30vw;\n        }\n\n        h1.shop-header__title {\n            color: white;\n            line-height: 1.25;\n            text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n            font-size: clamp(24px, 2.4vw, 46px);\n        }\n\n        h2.shop-header__sub-title {\n            color: white;\n            line-height: 1.25;\n            font-weight: 400;\n            text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n            font-size: clamp(20px, 1.475vw, 28px);\n            margin-bottom: clamp(50px, 5vw, 90px);\n        }\n\n        button.shop-header__button {\n            color: white;\n            border: none;\n            background: linear-gradient(136deg, rgba(255, 61, 189, 1), rgba(255, 77, 0, 1));\n            border-radius: 10px;\n            position: relative;\n            white-space: nowrap;\n            font-size: clamp(22px, 2.1vw, 35px);\n            padding-top: clamp(12px, 1vw, 24px);\n            padding-bottom: clamp(12px, 1.1vw, 24px);\n            padding-left: clamp(32px, 3vw, 48px);\n            padding-right: clamp(32px, 3vw, 48px);\n            transition: all 0.15s ease;\n            width: 100%;\n        }\n\n        button.shop-header__button:hover {\n            box-shadow: 0 0 40px 10px rgba(255, 61, 189, 0.4), 0 0 20px rgba(255, 77, 0, 0.4);\n        }\n\n        .shop-header__button-link {\n            opacity: 0;\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n        }\n\n        @media screen and (max-width: 1023px) {\n            .shop-header__title-container {\n                width: 40vw;\n                left: 60px;\n            }\n\n            button.shop-header__button {\n                font-size: clamp(17px, 2.1vw, 22px);\n                padding: 1.2vw 3.1vw;\n            }\n        }\n\n        @media screen and (max-width: 767px) {\n            .shop-header__slide-wrapper {\n                height: 178vw;\n            }\n\n            .shop-header__slide-img {\n                object-position: 82% 0;\n            }\n\n            .shop-header__title-container {\n                width: 100%;\n                left: 50%;\n                transform: translateX(-50%);\n                bottom: 0%;\n                top: unset;\n                max-width: unset;\n                padding: 75vw 4% 30px;\n                background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);\n                padding-bottom: clamp(30px, 7.8vw, 90px);\n            }\n\n            h1.shop-header__title {\n                margin-bottom: 5px;\n                font-size: clamp(24px, 7.7vw, 56px);\n            }\n\n            h2.shop-header__sub-title {\n                font-size: clamp(16px, 4.1vw, 32px);\n            }\n\n            button.shop-header__button {\n                font-size: clamp(20px, 5.2vw, 36px);\n                padding: clamp(15px, 4vw, 20px);\n            }\n\n        }\n\n        .shop-section {\n            padding: 0 calc(60px + 10%) 150px;\n        }\n\n        h2.shop-section__title {\n            line-height: 1.25;\n            font-size: clamp(24px, 2.4vw, 46px);\n            margin-bottom: 10px;\n        }\n\n        h3.shop-section__subtitle {\n            line-height: 1.25;\n            font-weight: 400;\n            font-size: clamp(20px, 1.475vw, 28px);\n            max-width: max(40vw, 550px);\n            margin-bottom: 30px;\n        }\n\n        .shop-section__step-container {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 15px;\n            margin-bottom: 45px;\n        }\n\n        .shop-section__step {\n            width: 24%;\n        }\n\n        h4.shop-section__step-number {\n            line-height: 1.25;\n            font-size: clamp(24px, 2.4vw, 46px);\n            margin-bottom: 15px;\n        }\n        \n        .shop-section__step-img {\n            border-radius: 15px;\n            margin-bottom: 15px;\n        }\n\n        h5.shop-section__step-title {\n            text-align: center;\n            line-height: 1.25;\n            margin-bottom: 10px;\n            font-size: clamp(20px, 1.475vw, 28px);\n        }\n\n        p.shop-section__step-subtitle {\n            text-align: center;\n            margin-bottom: 0;\n            color: black;\n            font-size: clamp(16px, 1.37vw, 26px);\n            line-height: 1.15;\n        }\n\n        .shop-section__step-separator-container {\n            width: 8%;\n        }\n\n        .shop-section__step-separator {\n            height: 5px;\n            background: black;\n            width: 100%;\n            border-radius: 5px;\n            margin-bottom: 0;\n        }\n\n        .shop-section__button-container {\n            display: flex;\n            justify-content: center;\n            width: 100%;\n        }\n\n        .shop-section__button-container--mobile {\n            display: none;\n        }\n\n        button.shop-section__button {\n            color: white;\n            border: none;\n            background: black;\n            border-radius: 10px;\n            position: relative;\n            white-space: nowrap;\n            font-size: clamp(22px, 2.1vw, 35px);\n            padding-top: clamp(12px, 1vw, 24px);\n            padding-bottom: clamp(12px, 1.1vw, 24px);\n            padding-left: clamp(32px, 3vw, 48px);\n            padding-right: clamp(32px, 3vw, 48px);\n            transition: all 0.15s ease;\n            width: 100%;\n            max-width: min(30vw, 550px);\n        }\n\n        button.shop-section__button--color {\n            background: linear-gradient(136deg, rgba(255, 61, 189, 1), rgba(255, 77, 0, 1));\n        }\n\n        button.shop-section__button--color:hover {\n            box-shadow: 0 0 40px 10px rgba(255, 61, 189, 0.4), 0 0 20px rgba(255, 77, 0, 0.4);\n        }\n\n        @media screen and (max-width: 1023px) {\n            .shop-section {\n                padding: 0 60px 120px;\n            }\n\n            h3.shop-section__subtitle {\n                max-width: min(50vw, 550px);\n            }\n\n            h4.shop-section__step-number {\n                margin-bottom: 10px;\n            }\n\n            .shop-section__step-img {\n                margin-bottom: 10px;\n            }\n\n            h5.shop-section__step-title {\n                margin-bottom: 5px;\n            }\n\n            p.shop-section__step-subtitle {\n                font-size: clamp(15px, 1.9vw, 28px);\n            }\n\n            button.shop-section__button {\n                font-size: clamp(17px, 2.1vw, 22px);\n                padding: 1.2vw 3.1vw;\n                max-width: min(40vw, 550px);\n            }\n        }\n\n        @media screen and (max-width: 767px) {\n            .shop-section {\n                padding: 0 4% 90px;\n            }\n\n            h2.shop-section__title {\n                font-size: clamp(24px, 7.7vw, 56px);\n            }\n\n            h3.shop-section__subtitle {\n                max-width: unset;\n                font-size: clamp(16px, 4.1vw, 32px);\n            }\n\n            .shop-section__step-container {\n                display: block;\n            }\n\n            .shop-section__step {\n                width: 55%;\n                margin-bottom: 5vw;\n            }\n\n            .shop-section__step--right {\n                margin-left: auto;\n            }\n\n            h4.shop-section__step-number {\n                font-size: clamp(24px, 7.7vw, 56px);\n            }\n\n            .shop-section__step-img {\n                margin-bottom: 15px;\n            }\n\n            h5.shop-section__step-title {\n                margin-bottom: 10px;\n                font-size: clamp(16px, 4.1vw, 32px);\n            }\n\n            p.shop-section__step-subtitle {\n                font-size: clamp(16px, 4.1vw, 32px);\n            }\n\n            .shop-section__step-separator-container {\n                display: none;\n            }\n\n            .shop-section__button-container--mobile {\n                display: flex;\n                margin-top: 15px;\n            }\n\n            button.shop-section__button {\n                font-size: clamp(20px, 5.2vw, 36px);\n                padding: clamp(15px, 4vw, 20px);\n                max-width: unset;\n            }\n\n        }\n\n        .shop-section__category-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .shop-section__category {\n            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n            padding: 11px 20px;\n            line-height: 1;\n            color: black;\n            border-radius: 10px;\n            border: 2px solid white;\n            transition: all 0.15s ease;\n            font-size: clamp(18px, 1.4vw, 22px);\n            cursor: pointer;\n        }\n\n        .shop-section__category--selected, .shop-section__category:hover {\n            border: 2px solid black;\n        }\n\n        .shop-section__slider--invisible {\n            display: none;\n        }\n\n        .shop-section__slide-wrapper {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n            scroll-behavior: smooth;\n            display: flex;\n            border-radius: 30px;\n            margin-bottom: 30px;\n        }\n\n        .shop-section__slide-container {\n            display: flex;\n            width: 100%;\n            transform: translateX(-100%);\n            transition: transform 0.5s ease-in-out;\n        }\n\n        .shop-section__slide {\n            width: 100%;\n            text-align: center;\n            height: 100%;\n            flex: 0 0 100%;\n        }\n\n        .shop-section__slide-img {\n            width: 100%;\n            object-fit: cover;\n            object-position: 50% 0;\n            aspect-ratio: 2.35;\n        }\n\n        .shop-section__slide-gradient {\n            position: absolute;\n            right: 0px;\n            height: 100%;\n            width: min(125px, 8vw);\n            background: linear-gradient(to left, rgb(255 255 255 \/ 75%) 0%, rgb(255 255 255 \/ 0%) 100%);\n        }\n\n        .shop-section__slide-gradient--left {\n            left: 0;\n            transform: scaleX(-1);\n        }\n\n        .shop-section__slide-gradient {\n            position: absolute;\n            right: 0px;\n            height: 100%;\n            width: min(125px, 8vw);\n            background: linear-gradient(to left, rgb(255 255 255 \/ 75%) 0%, rgb(255 255 255 \/ 0%) 100%);\n        }\n\n        .shop-section__arrow {\n            right: 15px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: white;\n            height: 50px;\n            width: 50px;\n            border-radius: 50%;\n            border: none;\n            outline: none;\n            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);\n            user-select: none;\n            padding: 16px;\n        }\n\n        .shop-section__arrow--left {\n            left: 15px;\n        }\n\n        .shop-section__dot-container {\n            display: flex;\n            justify-content: center;\n            gap: 7px;\n        }\n\n        .shop-section__dot {\n            width: 16px;\n            height: 16px;\n            border: 1px solid grey;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.15s ease;\n        }\n\n        .shop-section__dot--selected, .shop-section__dot:hover {\n            background: #ff9300;\n            border: 1px solid #ff9300;\n        }\n\n        @media screen and (max-width: 1023px) {\n            .shop-section__category-container {\n                gap: 15px;\n            }\n\n            .shop-section__category {\n                font-size: clamp(15px, 1.8vw, 18px);\n            }\n\n            .shop-section__dot {\n                width: 14px;\n                height: 14px;\n            }\n        }\n\n        @media screen and (max-width: 767px) {\n            .shop-section__category-container {\n                gap: 10px;\n                margin-bottom: 15px;\n            }\n\n            .shop-section__category {\n                font-size: clamp(15px, 3.8vw, 24px);\n                padding: 9px 18px;\n            }\n\n            .shop-section__slide-wrapper {\n                margin-bottom: 15px;\n            }\n\n            .shop-section__slide-img {\n                height: 100%;\n                aspect-ratio: 12 \/ 16;\n            }\n        }\n\n        .shop-section__column-container {\n            padding-right: 50%;\n            position: relative;\n        }\n\n        .shop-section__ideas-container {\n            margin-top: 45px;\n            margin-bottom: 90px;\n        }\n\n        h3.shop-section__ideas-title {\n            line-height: 1.25;\n            font-size: clamp(20px, 1.475vw, 26px);\n            margin-bottom: 0px;\n        }\n\n        p.shop-section__ideas-text {\n            line-height: 1.25;\n            font-weight: 400;\n            font-size: clamp(16px, 1.37vw, 26px);\n            color: black;\n            margin-bottom: clamp(15px, 1.6vw, 30px);\n        }\n\n        .shop-section__ideas-img {\n            position: absolute;\n            right: 0;\n            top: 0;\n            border-radius: 10px;\n            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n            width: 17.5%;\n        }\n\n        .shop-section__ideas-img:first-of-type {\n            right: calc(17.5% + 3%);\n        }\n\n        .shop-section__ideas-img:nth-of-type(2) {\n            top: 47%;\n        }\n\n        .shop-section__ideas-img:nth-of-type(3) {\n            top: 81%;\n            right: calc(17.5% + 3%);\n        }\n\n        .shop-section__button-container--left {\n            justify-content: start;\n        }\n\n        @media screen and (max-width: 1023px) {\n            .shop-section__ideas-container {\n                margin-top: 30px;\n                margin-bottom: 60px;\n            }\n\n            p.shop-section__ideas-text {\n                font-size: clamp(15px, 1.9vw, 28px);\n            }\n\n        }\n\n        @media screen and (max-width: 767px) {\n            .shop-section__column-container {\n                padding-right: 0;\n                padding-bottom: 130vw;\n            }\n\n            .shop-section__title--desktop {\n                display: none;\n            }\n\n            .shop-section__ideas-container {\n                margin-top: 0;\n            }\n\n            h3.shop-section__ideas-title {\n                font-size: clamp(24px, 7.7vw, 56px);\n            }\n\n            p.shop-section__ideas-text {\n                font-size: clamp(16px, 4.1vw, 32px);\n                margin-bottom: clamp(15px, 8vw, 30px);\n            }\n\n            .shop-section__ideas-img:first-of-type {\n                top: unset;\n                bottom: calc(30px + 35%);\n                width: 55%;\n                left: 0;\n            }\n\n            .shop-section__ideas-img:nth-of-type(2) {\n                top: unset;\n                bottom: 21%;\n                width: 42%;\n            }\n\n            .shop-section__ideas-img:nth-of-type(3) {\n                top: unset;\n                bottom: 5%;\n                width: 50%;\n                left: 0;\n            }\n        }\n\n        .shop-section--bottomless {\n            padding-bottom: 0;\n        }\n\n        .shop-section__label-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-bottom: 30px;\n            justify-content: space-between;\n        }\n\n        .shop-section__label {\n            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n            line-height: 1;\n            color: black;\n            border-radius: 10px;\n            font-size: clamp(16px, 1.05vw, 20px);\n            padding: 16px 20px;\n            padding-right: clamp(15px, 1.4vw, 20px);\n            padding-left: clamp(15px, 1.4vw, 20px);\n        }\n\n        .shop-section--sideless {\n            padding-left: 0;\n            padding-right: 0;\n            margin-top: -5px;\n        }\n\n        .shop-section__slide-card-container {\n            display: flex;\n            justify-content: space-between;\n            padding: 5px 30px 7px;\n            gap: 3.1vw;\n        }\n\n        .shop-section__slide-card {\n            border-radius: 30px;\n            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n            overflow: hidden;\n            padding: 15px 15px 45px;\n            padding-bottom: clamp(30px, 2.4vw, 45px);\n            flex: 1;\n        }\n\n        .shop-section__slide-card-img {\n            border-radius: 25px;\n            margin-bottom: 30px;\n        }\n\n        h3.shop-section__slide-card-title {\n            line-height: 1.25;\n            font-size: clamp(20px, 1.475vw, 28px);\n            margin-bottom: 15px;\n        }\n\n        p.shop-section__slide-card-text {\n            line-height: 1.25;\n            font-weight: 400;\n            font-size: clamp(16px, 1.05vw, 20px);\n            color: black;\n            padding: 0 0.5vw;\n            margin-bottom: 0px;\n        }\n\n        .shop-section__button-container--space {\n            margin-top: 30px;\n        }\n\n        @media screen and (max-width: 1023px) {\n            .shop-section__label {\n                font-size: clamp(15px, 1.8vw, 18px);\n                padding: 14px 20px;\n                padding-right: clamp(10px, 1.3vw, 20px);\n                padding-left: clamp(10px, 1.3vw, 20px);\n            }\n\n            .shop-section__slide-card:nth-child(4) {\n                display: none;\n            }\n        }\n\n        @media screen and (max-width: 767px) {\n            .shop-section__label-container {\n                display: none;\n            }\n\n            .shop-section__slide-card:nth-child(1), .shop-section__slide-card:nth-child(3) {\n                display: none;\n            }\n\n            .shop-section__slide-card-img {\n                margin-bottom: 15px;\n            }\n\n            h3.shop-section__slide-card-title {\n                font-size: clamp(24px, 7.7vw, 56px);\n            }\n\n            p.shop-section__slide-card-text {\n                font-size: clamp(16px, 4.1vw, 32px);\n            }\n\n            .shop-section__button-container--space {\n                margin-top: 15px;\n                padding: 0 4%;\n            }\n        }\n\n        .shop-section__title--center {\n            text-align: center;\n        }\n\n        .shop-section__item-container {\n            position: relative;\n            margin-top: -10px;\n        }\n\n        .shop-section__item--mobile {\n            display: none;\n        }\n\n        .shop-section__button-container--float {\n            position: absolute;\n            top: 30px;\n        }\n\n        @media screen and (max-width: 767px) {\n            .shop-section__item-container {\n                margin-top: clamp(5px, 2vw, 20px);\n            }\n\n            .shop-section__item--desktop {\n                display: none;\n            }\n\n            .shop-section__item--mobile {\n                display: initial;\n            }\n\n            .shop-section__button-container--float {\n                padding: 0 4%;\n                top: clamp(0px, 8vw, 45px);\n            }\n        }\n\n        .shop-section__color-container {\n            padding-top: 120px;\n            padding-bottom: 60px;\n            background: linear-gradient(136deg, rgba(255, 77, 0, 1), rgba(255, 61, 189, 1));\n        }\n\n        h2.shop-section__title--white {\n            color: white;\n        }\n\n        .shop-section__inf-wrapper {\n            width: 100%;\n            overflow: hidden;\n        }\n\n        .shop-section__inf-container {\n            display: inline-flex;\n            position: relative;\n            padding: 35px 0px 15px;\n        }\n\n        .shop-section__inf-card {\n            width: 19vw;\n            border-radius: 8px;\n            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n            background: white;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            margin-right: clamp(45px, 4.4vw, 60px);\n        }\n\n        .shop-section__inf-card-img {\n            margin-bottom: clamp(20px, 1.9vw, 30px);\n            border-radius: 10px;\n        }\n\n        .shop-section__inf-card-container {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            padding-right: clamp(15px, 1.4vw, 20px);\n            padding-left: clamp(15px, 1.4vw, 20px);\n        }\n\n        h3.shop-section__inf-card-quote {\n            font-weight: 400;\n            font-size: clamp(16px, 1.05vw, 20px);\n            margin-bottom: clamp(25px, 3.15vw, 60px);\n        }\n\n        p.shop-section__inf-card-name {\n            font-size: clamp(16px, 1.05vw, 20px);\n            color: black;\n            text-align: end;\n            margin-bottom: 15px;\n            margin-top: auto;\n        }\n\n        @media screen and (max-width: 1023px) {\n            .shop-section__inf-card {\n                width: 25vw;\n            }\n        }\n\n        @media screen and (max-width: 767px) {\n            .shop-section__inf-card {\n                width: 68vw;\n                margin-right: clamp(30px, 6.8vw, 60px);\n            }\n\n            .shop-section__inf-card-img {\n                margin-bottom: clamp(20px, 4.7vw, 30px);\n            }\n\n            .shop-section__inf-card-container {\n                padding-right: clamp(15px, 3.5vw, 20px);\n                padding-left: clamp(15px, 3.5vw, 20px);\n            }\n\n            h3.shop-section__inf-card-quote {\n                font-size: clamp(16px, 4.1vw, 32px);\n                margin-bottom: clamp(25px, 5.8vw, 60px);\n            }\n\n            p.shop-section__inf-card-name {\n                font-size: clamp(16px, 4.1vw, 32px);\n                margin-bottom: clamp(15px, 3.5vw, 30px);\n            }\n        }\n\n    <\/style>\n    <!-- Plaats direct hieronder HTML -->\n\n    <section class=\"shop-header\">\n        <div class=\"shop-header__slide-wrapper\">\n            <div class=\"shop-header__slide-container\">\n                <div class=\"shop-header__slide shop-header__slide--last\">\n                    <img  class=\"shop-header__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Banner_03.jpg\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n                <div class=\"shop-header__slide\">\n                    <img  class=\"shop-header__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Banner_01.jpg\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n                <div class=\"shop-header__slide\">\n                    <img  class=\"shop-header__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Banner_02.jpg\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n                <div class=\"shop-header__slide\">\n                    <img  class=\"shop-header__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Banner_03.jpg\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n                <div class=\"shop-header__slide shop-header__slide--first\">\n                    <img  class=\"shop-header__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Banner_01.jpg\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"shop-header__title-container\">\n            <h1 class=\"shop-header__title\">Create Unique Art Gifts for your Loved Ones<\/h1>\n            <h2 class=\"shop-header__sub-title\">Design one-of-a-kind gifts that express your creativity and show how much you care<\/h2>\n            <button class=\"shop-header__button\">Start creating\n                <a class=\"shop-header__button-link\" id=\"shop-section__button-01\" href=\"\/design-product\"><\/a>\n            <\/button>\n        <\/div>\n    <\/section>\n    <section class=\"shop-section\">\n        <h2 class=\"shop-section__title\">Easily Create Unique, Personalized Products<\/h2>\n        <h3 class=\"shop-section__subtitle\">Our powerful tool lets you effortlessly design gifts that are as unique as your creativity<\/h3>\n        <div class=\"shop-section__step-container\">\n            <div class=\"shop-section__step\">\n                <h4 class=\"shop-section__step-number\">1.<\/h4>\n                <img  class=\"shop-section__step-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_02_Generate.jpg\" loading=\"lazy\" decoding=\"async\">\n                <h5 class=\"shop-section__step-title\">Generate<\/h5>\n                <p class=\"shop-section__step-subtitle\">Use ImagineMe AI to generate beautiful, personalized designs<\/p>\n            <\/div>\n            <div class=\"shop-section__step-separator-container\">\n                <hr class=\"shop-section__step-separator\">\n            <\/div>\n            <div class=\"shop-section__step shop-section__step--right\">\n                <h4 class=\"shop-section__step-number\">2.<\/h4>\n                <img  class=\"shop-section__step-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_02_Create.jpg\" loading=\"lazy\" decoding=\"async\">\n                <h5 class=\"shop-section__step-title\">Create<\/h5>\n                <p class=\"shop-section__step-subtitle\">Bring your ideas to life using our powerful and intuitive editor<\/p>\n            <\/div>\n            <div class=\"shop-section__step-separator-container\">\n                <hr class=\"shop-section__step-separator\">\n            <\/div>\n            <div class=\"shop-section__step\">\n                <h4 class=\"shop-section__step-number\">3.<\/h4>\n                <img  class=\"shop-section__step-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_02_Gift.jpg\" loading=\"lazy\" decoding=\"async\">\n                <h5 class=\"shop-section__step-title\">Receive<\/h5>\n                <p class=\"shop-section__step-subtitle\">Surprise your loved one with a custom gift, made just for them<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"shop-section__button-container\">\n            <button class=\"shop-section__button shop-section__button--color\">Try now\n                <a class=\"shop-header__button-link\" id=\"shop-section__button-02\" href=\"\/design-product\"><\/a>\n            <\/button>\n        <\/div>\n    <\/section>\n    <section class=\"shop-section\">\n        <h2 class=\"shop-section__title\">Custom Product Ideas for Any Occasion<\/h2>\n        <div class=\"shop-section__category-container\">\n            <div class=\"shop-section__category shop-section__category--selected\">Christmas gifts<\/div>\n            <div class=\"shop-section__category\">Merchandise<\/div>\n            <div class=\"shop-section__category\">Anniversary<\/div>\n        <\/div>\n        <div class=\"shop-section__category-slider-container\">\n            <div class=\"shop-section__slider\">\n                <div class=\"shop-section__slide-wrapper\">\n                    <div class=\"shop-section__slide-container\">\n                        <div class=\"shop-section__slide shop-section__slide--last\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Poker.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Mug.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Kidspuzzle.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Poker.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide shop-section__slide--first\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Mug.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"shop-section__slide-gradient shop-section__slide-gradient--left\"><\/div>\n                    <div class=\"shop-section__slide-gradient\"><\/div>\n                    <div class=\"shop-section__arrow shop-section__arrow--left\">\n                        <img   src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2023\/04\/left-chevron.svg\" alt=\"Left arrow\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"shop-section__arrow shop-section__arrow--right\">\n                        <img   src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2023\/04\/right-chevron.svg\" alt=\"Left arrow\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                <\/div>\n                <div class=\"shop-section__dot-container\">\n                    <div class=\"shop-section__dot shop-section__dot--selected\"><\/div>\n                    <div class=\"shop-section__dot\"><\/div>\n                    <div class=\"shop-section__dot\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"shop-section__slider shop-section__slider--invisible\">\n                <div class=\"shop-section__slide-wrapper\">\n                    <div class=\"shop-section__slide-container\">\n                        <div class=\"shop-section__slide shop-section__slide--last\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Bottleopener.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Waterbottle.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Totebag.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Bottleopener.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide shop-section__slide--first\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Waterbottle.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"shop-section__slide-gradient shop-section__slide-gradient--left\"><\/div>\n                    <div class=\"shop-section__slide-gradient\"><\/div>\n                    <div class=\"shop-section__arrow shop-section__arrow--left\">\n                        <img   src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2023\/04\/left-chevron.svg\" alt=\"Left arrow\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"shop-section__arrow shop-section__arrow--right\">\n                        <img   src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2023\/04\/right-chevron.svg\" alt=\"Left arrow\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                <\/div>\n                <div class=\"shop-section__dot-container\">\n                    <div class=\"shop-section__dot shop-section__dot--selected\"><\/div>\n                    <div class=\"shop-section__dot\"><\/div>\n                    <div class=\"shop-section__dot\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"shop-section__slider shop-section__slider--invisible\">\n                <div class=\"shop-section__slide-wrapper\">\n                    <div class=\"shop-section__slide-container\">\n                        <div class=\"shop-section__slide shop-section__slide--last\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Canvasphototile.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Tshirt.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Necklace.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Canvasphototile.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                        <div class=\"shop-section__slide shop-section__slide--first\">\n                            <img  class=\"shop-section__slide-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Anniversary_Tshirt.jpg\" loading=\"lazy\" decoding=\"async\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"shop-section__slide-gradient shop-section__slide-gradient--left\"><\/div>\n                    <div class=\"shop-section__slide-gradient\"><\/div>\n                    <div class=\"shop-section__arrow shop-section__arrow--left\">\n                        <img   src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2023\/04\/left-chevron.svg\" alt=\"Left arrow\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                    <div class=\"shop-section__arrow shop-section__arrow--right\">\n                        <img   src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2023\/04\/right-chevron.svg\" alt=\"Left arrow\" loading=\"lazy\" decoding=\"async\">\n                    <\/div>\n                <\/div>\n                <div class=\"shop-section__dot-container\">\n                    <div class=\"shop-section__dot shop-section__dot--selected\"><\/div>\n                    <div class=\"shop-section__dot\"><\/div>\n                    <div class=\"shop-section__dot\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"shop-section__button-container shop-section__button-container--mobile\">\n            <button class=\"shop-section__button\">Try now\n                <a class=\"shop-header__button-link\" id=\"shop-section__button-03\" href=\"\/design-product\"><\/a>\n            <\/button>\n        <\/div>\n    <\/section>\n    <section class=\"shop-section\">\n        <div class=\"shop-section__column-container\">\n            <h2 class=\"shop-section__title shop-section__title--desktop\">Get Inspired: Creative Ways to Customize<\/h2>\n            <div class=\"shop-section__ideas-container\">\n                <h3 class=\"shop-section__ideas-title\">Gift Ideas:<\/h3>\n                <p class=\"shop-section__ideas-text\">From birthdays to anniversaries, create heartfelt gifts for any special occasion..<\/p>\n                <h3 class=\"shop-section__ideas-title\">Special Events:<\/h3>\n                <p class=\"shop-section__ideas-text\">Design custom items for weddings, graduations, reunions, and more.<\/p>\n                <h3 class=\"shop-section__ideas-title\">Personal Expression:<\/h3>\n                <p class=\"shop-section__ideas-text\">Show off your unique style and creativity with fully personalized products.<\/p>\n            <\/div>\n            <img  class=\"shop-section__ideas-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_04_Mug.jpg\" loading=\"lazy\" decoding=\"async\">\n            <img  class=\"shop-section__ideas-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_04_Shirt.jpg\" loading=\"lazy\" decoding=\"async\">\n            <img  class=\"shop-section__ideas-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_04_Poster.jpg\" loading=\"lazy\" decoding=\"async\">\n        <\/div>\n        <div class=\"shop-section__button-container shop-section__button-container--left\">\n            <button class=\"shop-section__button\">Get started\n                <a class=\"shop-header__button-link\" id=\"shop-section__button-04\" href=\"\/design-product\"><\/a>\n            <\/button>\n        <\/div>\n    <\/section>\n    <section class=\"shop-section shop-section--bottomless\">\n        <h2 class=\"shop-section__title\">Products for Everyday Use<\/h2>\n        <h3 class=\"shop-section__subtitle\">From phone cases to eco-friendly bags, we offer products you can personalize for daily use<\/h3>\n        <div class=\"shop-section__label-container\">\n            <div class=\"shop-section__label\">Worldwide shipping \ud83c\udf0e<\/div>\n            <div class=\"shop-section__label\">Sustainable materials \ud83c\udf31<\/div>\n            <div class=\"shop-section__label\">Secure payment \ud83d\udcb5<\/div>\n        <\/div>\n    <\/section>\n    <section class=\"shop-section shop-section--sideless\">\n        <div class=\"shop-section__slider\">\n            <div class=\"shop-section__slide-wrapper\">\n                <div class=\"shop-section__slide-container\">\n                    <div class=\"shop-section__slide shop-section__slide-card-container shop-section__slide--last\">\n                    <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Passport.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Passport Holder<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Travel in style with a passport holder that reflects your unique personality<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Waterbottle.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Stylish Water Bottle<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Stay hydrated on the go with a water bottle designed by you<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Journal.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Your Personal Journal<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Put your thoughts to paper in a journal that's as individual as you are<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Canvasphototile.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Canvas Photo Tile<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Showcase your favorite creations with beautiful canvas photo tiles<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shop-section__slide shop-section__slide-card-container\">\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Phonecase.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Stylish Phone Case<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Protect your phone with a case that matches your personal style<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Mug.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Ceramic Mug<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Brighten your mornings with a mug designed just for you<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Necklace.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Personalized Necklace<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Carry your favorite person close with this beautiful necklace<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Shirt.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Unique T-Shirt<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Make a statement with a t-shirt that reflects your vibe<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shop-section__slide shop-section__slide-card-container\">\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Stuffedanimal.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Unique Plush Toy<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Create a one-of-a-kind plush toy, perfect for gifting or keeping<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Jigsawpuzzle.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Fun Jigsaw Puzzle<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Piece together a personalized jigsaw puzzle for hours of fun<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Sweatshirt.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Cozy Sweatshirt<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Snuggle up in a cozy sweatshirt designed just for you<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Mousepad.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Creative Mousepad<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Upgrade your workspace with a personalized mousepad<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shop-section__slide shop-section__slide-card-container\">\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Passport.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Passport Holder<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Travel in style with a passport holder that reflects your unique personality<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Waterbottle.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Stylish Water Bottle<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Stay hydrated on the go with a water bottle designed by you<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Journal.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Your Personal Journal<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Put your thoughts to paper in a journal that's as individual as you are<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Canvasphototile.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Canvas Photo Tile<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Showcase your favorite creations with beautiful canvas photo tiles<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"shop-section__slide shop-section__slide-card-container shop-section__slide--first\">\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Phonecase.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Stylish Phone Case<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Protect your phone with a case that matches your personal style<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Mug.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Ceramic Mug<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Brighten your mornings with a mug designed just for you<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Necklace.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Personalized Necklace<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Carry your favorite person close with this beautiful necklace<\/p>\n                        <\/div>\n                        <div class=\"shop-section__slide-card\">\n                            <img  class=\"shop-section__slide-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_05_Shirt.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <h3 class=\"shop-section__slide-card-title\">Unique T-Shirt<\/h3>\n                            <p class=\"shop-section__slide-card-text\">Make a statement with a t-shirt that reflects your vibe<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"shop-section__slide-gradient shop-section__slide-gradient--left\"><\/div>\n                <div class=\"shop-section__slide-gradient\"><\/div>\n                <div class=\"shop-section__arrow shop-section__arrow--left\">\n                    <img decoding=\"async\" src=\"https:\/\/imagineme-ai.b-cdn.net\/wp-content\/uploads\/2023\/04\/left-chevron.svg\" alt=\"Left arrow\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n                <div class=\"shop-section__arrow shop-section__arrow--right\">\n                    <img decoding=\"async\" src=\"https:\/\/imagineme-ai.b-cdn.net\/wp-content\/uploads\/2023\/04\/right-chevron.svg\" alt=\"Left arrow\" loading=\"lazy\" decoding=\"async\">\n                <\/div>\n            <\/div>\n            <div class=\"shop-section__dot-container\">\n                <div class=\"shop-section__dot shop-section__dot--selected\"><\/div>\n                <div class=\"shop-section__dot\"><\/div>\n                <div class=\"shop-section__dot\"><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"shop-section__button-container shop-section__button-container--space\">\n            <button class=\"shop-section__button shop-section__button--color\">Explore products\n                <a class=\"shop-header__button-link\" id=\"shop-section__button-05\" href=\"\/design-product\"><\/a>\n            <\/button>\n        <\/div>\n    <\/section>\n    <section class=\"shop-section shop-section--sideless\">\n        <div class=\"shop-section__color-container\">\n            <h2 class=\"shop-section shop-section--bottomless shop-section__title shop-section__title--white\">This is what others said.<br>What will you make?<\/h2>\n            <div>\n                <div class=\"shop-section__inf-wrapper\">\n                    <div class=\"shop-section__inf-container\">\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Canvasphototile.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cThis is the cutest thing I have ever made. Makes me smile just looking at it :D\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Sarah K.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Kidspuzzle.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cIt was really easy to create the Tim Burton style. Just copied someone elses prompt and it worked instantly. This was a really original gift. No one saw it coming\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Lucas P.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Pokercards.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cMy friends and I have poker nights every other week. It will be fun seeing their faces when I pull these out. Good quality, thank you!\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Michael T.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Phonecase.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cMy boyfriend has played The Last of Us a gazillion times. So I gave him a phone case with him as Joel. He f****** loves it!\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Yuki T.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Yogamat.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cLol guess I'll be doing yoga on top of a sexy version of me. Good motivation to keep working out. Weird, but fun! \u2014 Emily\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Greg S.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Stuffedanimals.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cGot really into Ai this year and ImagineMe can definitely produce the best images. Gave my daughter a plushie who wears a shirt with her as a Bratz doll on it!\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Stein R.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Canvasphototile.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cThis is the cutest thing I have ever made. Makes me smile just looking at it :D\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Sarah K.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Kidspuzzle.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cIt was really easy to create the Tim Burton style. Just copied someone elses prompt and it worked instantly. This was a really original gift. No one saw it coming\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Lucas P.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Pokercards.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cMy friends and I have poker nights every other week. It will be fun seeing their faces when I pull these out. Good quality, thank you!\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Michael T.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Phonecase.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cMy boyfriend has played The Last of Us a gazillion times. So I gave him a phone case with him as Joel. He f****** loves it!\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Yuki T.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Yogamat.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cLol guess I'll be doing yoga on top of a sexy version of me. Good motivation to keep working out. Weird, but fun! \u2014 Emily\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Greg S.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"shop-section__inf-card\">\n                            <img  decoding=\"async\" class=\"shop-section__inf-card-img\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Shop_Section_06_Stuffedanimals.jpg\" loading=\"lazy\" decoding=\"async\">\n                            <div class=\"shop-section__inf-card-container\">\n                                <h3 class=\"shop-section__inf-card-quote\">\u201cGot really into Ai this year and ImagineMe can definitely produce the best images. Gave my daughter a plushie who wears a shirt with her as a Bratz doll on it!\u201d<\/h3>\n                                <p class=\"shop-section__inf-card-name\">- Stein R.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"shop-section__button-container shop-section__button-container--space\">\n                <button class=\"shop-section__button\">Try now\n                    <a class=\"shop-header__button-link\" id=\"shop-section__button-06\" href=\"\/design-product\"><\/a>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section class=\"shop-section shop-section--sideless\">\n        <h2 class=\"shop-section__title shop-section__title--center\">You name it, We got it.<br>Create what you Imagine<\/h2>\n        <div class=\"shop-section__item-container\">\n            <img  class=\"shop-section__item--desktop\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Section_07_Group_Desktop.jpg\" loading=\"lazy\" decoding=\"async\">\n            <img  class=\"shop-section__item--mobile\"  src=\"\https://imagineme-ai.b-cdn.net/wp-content\ /uploads\/2024\/09\/Section_07_Group_Mobile.jpg\" loading=\"lazy\" decoding=\"async\">\n            <div class=\"shop-section__button-container shop-section__button-container--float\">\n                <button class=\"shop-section__button shop-section__button--color\">Start creating\n                    <a class=\"shop-header__button-link\" id=\"shop-section__button-07\" href=\"\/design-product\"><\/a>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\t<script type=\"text\/javascript\">\n\t\tjQuery(document).ready(function($) {\n\t\t\n\n\t\t\t\/\/ Header image carousel\n\t\t\t$('.shop-header__slide-wrapper').each(function() {\n\t\t\t\tvar $carousel = $(this);\n\t\t\t\tvar $slideWrapper = $carousel.find('.shop-header__slide-container');\n\t\t\t\tvar $slides = $carousel.find('.shop-header__slide');\n\t\t\t\tvar totalSlides = $slides.length;\n\t\t\t\tvar slideIndex = 2; \/\/ Start at the first actual slide\n\t\t\t\tvar intervalTime = 3000; \/\/ 2 seconds interval\n\t\t\t\tvar transitionDuration = 1000; \/\/ 0.5 second transition\n\n\t\t\t\t\/\/ Function to move to the next slide\n\t\t\t\tfunction moveToNextSlide() {\n\t\t\t\t\tvar movePercentage = -(100 * slideIndex); \/\/ Calculate the percentage to move\n\t\t\t\t\t$slideWrapper.css('transform', 'translateX(' + movePercentage + '%)');\n\t\t\t\t\t$slideWrapper.css('transition', 'transform ' + transitionDuration + 'ms ease-in-out');\n\n\t\t\t\t\t\/\/ Move to the next slide after the transition is complete\n\t\t\t\t\tslideIndex++;\n\t\t\t\t\tif (slideIndex >= totalSlides) {\n\t\t\t\t\t\t\/\/ After the last slide (clone of the first slide), jump back to the real first slide\n\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\tslideIndex = 1;\n\t\t\t\t\t\t\t$slideWrapper.css('transition', 'none'); \/\/ Disable transition for instant jump\n\t\t\t\t\t\t\t$slideWrapper.css('transform', 'translateX(-100%)'); \/\/ Move to the first actual slide\n\t\t\t\t\t\t}, transitionDuration); \/\/ Wait for the transition to complete\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t\/\/ Start the auto-transition\n\t\t\t\tsetInterval(moveToNextSlide, intervalTime + transitionDuration); \/\/ 2 seconds wait plus transition time\n\n\t\t\t\t\/\/ Initially, set to the first slide without animation\n\t\t\t\t\/\/ $slideWrapper.css('transform', 'translateX(-200%)');\n\t\t\t\tsetTimeout(moveToNextSlide, 1000);\n\t\t\t});\n\n\t\t\t\n\t\t\t\/\/ Scroll reviews\n\n\t\t\tconst scrollingContent = $('.shop-section__inf-container');\n\t\t\tlet cardWidth;\n\t\t\tlet totalWidth;\n\t\t\tlet animationSpeed = 30000; \/\/ 20 seconds for the scrolling animation\n\t\t\tlet currentLeft = 0; \/\/ Track the current left position\n\n\t\t\t\/\/ Recalculate card widths and total content width\n\t\t\tfunction setCardWidth() {\n\t\t\t\tcardWidth = $('.shop-section__inf-card').outerWidth(true); \/\/ Get the width of a card including margin\n\t\t\t\ttotalWidth = cardWidth * $('.shop-section__inf-card').length \/ 2; \/\/ Half of the cards are the original set\n\t\t\t\t\/\/ scrollingContent.css('width', totalWidth * 2 + 'px'); \/\/ Set width for the full card set (duplicated)\n\t\t\t}\n\n\t\t\t\/\/ Function to animate the scrolling effect\n\t\t\tfunction scrollCards() {\n\t\t\t\tlet remainingDistance = totalWidth - Math.abs(currentLeft);\n\t\t\t\tlet remainingTime = (remainingDistance \/ totalWidth) * animationSpeed;\n\n\t\t\t\tscrollingContent.animate(\n\t\t\t\t{ left: `-${totalWidth}px` }, \n\t\t\t\tremainingTime, \/\/ Adjust speed for the remaining distance\n\t\t\t\t'linear', \n\t\t\t\tfunction() {\n\t\t\t\t\t\/\/ Reset the position to create a seamless loop\n\t\t\t\t\tscrollingContent.css('left', '0');\n\t\t\t\t\tcurrentLeft = 0;\n\t\t\t\t\tscrollCards(); \/\/ Repeat the animation\n\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t\/\/ Start the scrolling animation\n\t\t\tfunction startScrolling() {\n\t\t\t\tsetCardWidth();\n\t\t\t\tscrollCards();\n\t\t\t}\n\n\t\t\t\/\/ When resizing, we pause the animation and resume it after resize is done\n\t\t\tlet resizeTimeout;\n\t\t\t$(window).on('resize', function() {\n\t\t\t\tclearTimeout(resizeTimeout);\n\t\t\t\t\n\t\t\t\t\/\/ Stop the current animation and capture the current left position\n\t\t\t\tscrollingContent.stop();\n\t\t\t\tcurrentLeft = parseFloat(scrollingContent.css('left')) || 0;\n\n\t\t\t\t\/\/ Restart the scroll after resizing stops (debounced)\n\t\t\t\tresizeTimeout = setTimeout(function() {\n\t\t\t\tsetCardWidth();\n\t\t\t\tscrollCards();\n\t\t\t\t}, 200); \/\/ 200ms debounce time\n\t\t\t});\n\n\t\t\t\/\/ Start the scroll when the page loads\n\t\t\tstartScrolling();\n\n\n\t\t\t\/\/ Image Carousels\n\t\t\t$('.shop-section__slider').each(function() {\n\t\t\t\tvar $carousel = $(this);\n\t\t\t\tvar $slideWrapper = $carousel.find('.shop-section__slide-container');\n\t\t\t\tvar $slides = $carousel.find('.shop-section__slide');\n\t\t\t\tvar totalSlides = $slides.length;\n\t\t\t\tvar slideIndex = 1; \/\/ Start at the first actual slide\n\t\t\t\tvar transitioning = false;\n\n\t\t\t\t\/\/ Variables for swipe functionality\n\t\t\t\tvar startX, endX;\n\t\t\t\tvar threshold = 50; \/\/ Minimum swipe distance (in pixels) to trigger a change\n\n\t\t\t\t\/\/ Update dots based on the active slide\n\t\t\t\tfunction updateDots() {\n\t\t\t\t\tvar $dots = $carousel.find('.shop-section__dot');\n\t\t\t\t\t$dots.removeClass('shop-section__dot--selected');\n\t\t\t\t\tvar activeIndex = slideIndex;\n\t\t\t\t\tif (slideIndex === 0) {\n\t\t\t\t\t\tactiveIndex = totalSlides - 2; \/\/ Last actual slide\n\t\t\t\t\t} else if (slideIndex === totalSlides - 1) {\n\t\t\t\t\t\tactiveIndex = 1; \/\/ First actual slide\n\t\t\t\t\t}\n\t\t\t\t\t$dots.eq(activeIndex - 1).addClass('shop-section__dot--selected');\n\t\t\t\t}\n\n\t\t\t\t\/\/ Move to the specific slide\n\t\t\t\tfunction moveToSlide(index, animate = true) {\n\t\t\t\t\tvar movePercentage = -(100 * index);\n\t\t\t\t\tif (!animate) {\n\t\t\t\t\t\t$slideWrapper.css('transition', 'none');\n\t\t\t\t\t}\n\t\t\t\t\t$slideWrapper.css('transform', 'translateX(' + movePercentage + '%)');\n\t\t\t\t\tif (!animate) {\n\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t$slideWrapper.css('transition', 'transform 0.5s ease-in-out');\n\t\t\t\t\t\t}, 50);\n\t\t\t\t\t}\n\t\t\t\t\tupdateDots();\n\t\t\t\t}\n\n\t\t\t\t\/\/ Next button click\n\t\t\t\t$carousel.find('.shop-section__arrow--right').click(function() {\n\t\t\t\t\tif (transitioning || slideIndex >= totalSlides - 1) return;\n\t\t\t\t\ttransitioning = true;\n\t\t\t\t\tslideIndex++;\n\t\t\t\t\tmoveToSlide(slideIndex);\n\t\t\t\t});\n\n\t\t\t\t\/\/ Previous button click\n\t\t\t\t$carousel.find('.shop-section__arrow--left').click(function() {\n\t\t\t\t\tif (transitioning || slideIndex <= 0) return;\n\t\t\t\t\ttransitioning = true;\n\t\t\t\t\tslideIndex--;\n\t\t\t\t\tmoveToSlide(slideIndex);\n\t\t\t\t});\n\n\t\t\t\t\/\/ Dot navigation click\n\t\t\t\t$carousel.find('.shop-section__dot').click(function() {\n\t\t\t\t\tif (transitioning) return;\n\t\t\t\t\tvar dotIndex = $(this).index() + 1;\n\t\t\t\t\tslideIndex = dotIndex;\n\t\t\t\t\tmoveToSlide(slideIndex);\n\t\t\t\t});\n\n\t\t\t\t\/\/ Handle transition end for cloning\n\t\t\t\t$slideWrapper.on('transitionend', function() {\n\t\t\t\t\tif ($slides.eq(slideIndex).hasClass('shop-section__slide--first')) {\n\t\t\t\t\t\tslideIndex = 1;\n\t\t\t\t\t\tmoveToSlide(slideIndex, false);\n\t\t\t\t\t} else if ($slides.eq(slideIndex).hasClass('shop-section__slide--last')) {\n\t\t\t\t\t\tslideIndex = totalSlides - 2;\n\t\t\t\t\t\tmoveToSlide(slideIndex, false);\n\t\t\t\t\t}\n\t\t\t\t\ttransitioning = false;\n\t\t\t\t});\n\n\t\t\t\t\/\/ On window resize, recalculate and adjust the current slide\n\t\t\t\t$(window).resize(function() {\n\t\t\t\t\tmoveToSlide(slideIndex, false);\n\t\t\t\t});\n\n\t\t\t\t\/\/ Initial setup to move to the first slide without transition\n\t\t\t\tmoveToSlide(slideIndex, false);\n\t\t\t\tupdateDots();\n\n\t\t\t\t\/\/ Touch events for swipe functionality\n\t\t\t\t$carousel.on('touchstart', function(e) {\n\t\t\t\t\tstartX = e.originalEvent.touches[0].clientX;\n\t\t\t\t});\n\n\t\t\t\t$carousel.on('touchmove', function(e) {\n\t\t\t\t\tendX = e.originalEvent.touches[0].clientX;\n\t\t\t\t});\n\n\t\t\t\t$carousel.on('touchend', function() {\n\t\t\t\t\tif (!startX || !endX) return;\n\n\t\t\t\t\tvar diffX = startX - endX;\n\n\t\t\t\t\tif (Math.abs(diffX) > threshold) {\n\t\t\t\t\t\tif (diffX > 0 && !transitioning && slideIndex < totalSlides - 1) {\n\t\t\t\t\t\t\t\/\/ Swiped left, move to next slide\n\t\t\t\t\t\t\ttransitioning = true;\n\t\t\t\t\t\t\tslideIndex++;\n\t\t\t\t\t\t\tmoveToSlide(slideIndex);\n\t\t\t\t\t\t} else if (diffX < 0 && !transitioning && slideIndex > 0) {\n\t\t\t\t\t\t\t\/\/ Swiped right, move to previous slide\n\t\t\t\t\t\t\ttransitioning = true;\n\t\t\t\t\t\t\tslideIndex--;\n\t\t\t\t\t\t\tmoveToSlide(slideIndex);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Reset swipe values\n\t\t\t\t\tstartX = null;\n\t\t\t\t\tendX = null;\n\t\t\t\t});\n\t\t\t});\n\n\n\n\n\t\t\t\/\/ Category selection\n\t\t\t$('.shop-section__category').click(function() {\n\t\t\t\tvar $categories = $('.shop-section__category');\n\t\t\t\tvar $sliders = $('.shop-section__slider');\n\t\t\t\t\n\t\t\t\t\/\/ Get the index of the clicked category\n\t\t\t\tvar index = $(this).index();\n\n\t\t\t\t\/\/ Remove 'shop-section__category--selected' class from all categories\n\t\t\t\t$categories.removeClass('shop-section__category--selected');\n\n\t\t\t\t\/\/ Add 'shop-section__category--selected' class to the clicked category\n\t\t\t\t$(this).addClass('shop-section__category--selected');\n\n\t\t\t\t\/\/ Add 'shop-section__slider--invisible' class to all sliders\n\t\t\t\t$sliders.addClass('shop-section__slider--invisible');\n\n\t\t\t\t\/\/ Remove 'shop-section__slider--invisible' class from the corresponding slider\n\t\t\t\t$sliders.eq(index).removeClass('shop-section__slider--invisible');\n\t\t\t});\n\n\n\n\n\n\t\t\t\/\/ Constants to avoid magic numbers\n\t\t\tconst fadeOutDuration = 291; \/\/ Duration of the fade-out for all elements\n\t\t\tconst fadeInDuration = 291; \/\/ Duration of the fade-in for each element\n\t\t\tconst staggerDelay = 208; \/\/ Delay between each element in a step\n\t\t\tconst separatorAnimationDuration = 1000; \/\/ Duration for the separator hr animation\n\t\t\tconst pauseBetweenSteps = 250; \/\/ Delay before moving to the next step after fade-in\n\t\t\tconst loopPauseDuration = 4000; \/\/ Pause before restarting the loop\n\n\t\t\tlet animationRunning = true; \/\/ Track if the animation is currently running\n\t\t\tlet timeouts = []; \/\/ Store the timeout IDs here\n\t\t\tlet animationStarted = false;\n\n\t\t\tfunction clearAllTimeouts() {\n\t\t\t\t\/\/ Clear all timeouts in the timeouts array\n\t\t\t\ttimeouts.forEach(function(timeout) {\n\t\t\t\t\tclearTimeout(timeout);\n\t\t\t\t});\n\t\t\t\ttimeouts = []; \/\/ Reset the array after clearing\n\t\t\t}\n\n\t\t\tfunction resetAnimation() {\n\t\t\t\t\/\/ Reset all animations and set elements to initial state\n\t\t\t\t$('.shop-section__step-number, .shop-section__step-img, .shop-section__step-title, .shop-section__step-subtitle, .shop-section__step-separator-container')\n\t\t\t\t\t.stop(true, true)\n\t\t\t\t\t.css({\n\t\t\t\t\t\t'opacity': '0',\n\t\t\t\t\t\t'transform': 'translateY(-20px)',\n\t\t\t\t\t\t'transition': `opacity ${fadeOutDuration}ms ease, transform ${fadeOutDuration}ms ease`\n\t\t\t\t\t});\n\n\t\t\t\t$('.shop-section__step-separator-container hr').stop(true, true).css('width', '0');\n\t\t\t\t\n\t\t\t\t\/\/ Clear any ongoing timeouts\n\t\t\t\tclearAllTimeouts();\n\n\t\t\t\tif (animationRunning) {\n\t\t\t\t\trunAnimationLoop();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction runAnimationLoop() {\n\t\t\t\t\/\/ Step 1: Fade out all elements inside the container\n\t\t\t\t$('.shop-section__step-number, .shop-section__step-img, .shop-section__step-title, .shop-section__step-subtitle')\n\t\t\t\t\t.stop(true, true)\n\t\t\t\t\t.animate({\n\t\t\t\t\t\t'opacity': '0'\n\t\t\t\t\t}, fadeOutDuration, function () {\n\t\t\t\t\t\t$(this).css({\n\t\t\t\t\t\t\t'transform': 'translateY(-20px)',\n\t\t\t\t\t\t\t'transition': `opacity ${fadeOutDuration}ms ease, transform ${fadeOutDuration}ms ease`\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t$('.shop-section__step-separator-container')\n\t\t\t\t\t.stop(true, true)\n\t\t\t\t\t.animate({\n\t\t\t\t\t\t'opacity': '0'\n\t\t\t\t\t}, fadeOutDuration);\n\n\t\t\t\t\/\/ Clear any ongoing timeouts before starting the new loop\n\t\t\t\tclearAllTimeouts();\n\n\t\t\t\t\/\/ Wait for the fade out duration before starting the fade-in and staggered animation\n\t\t\t\ttimeouts.push(setTimeout(function () {\n\t\t\t\t\tfadeInStep(0);\n\t\t\t\t}, fadeOutDuration * 2));\n\t\t\t}\n\n\t\t\tfunction fadeInStep(stepIndex) {\n\t\t\t\tvar $step = $('.shop-section__step').eq(stepIndex);\n\t\t\t\tvar $separator = $('.shop-section__step-separator-container').eq(stepIndex);\n\n\t\t\t\t\/\/ Fade-in elements of the current step sequentially\n\t\t\t\ttimeouts.push(setTimeout(function () {\n\t\t\t\t\t$step.find('.shop-section__step-number').css({\n\t\t\t\t\t\t'opacity': '1',\n\t\t\t\t\t\t'transform': 'translateY(0)'\n\t\t\t\t\t});\n\t\t\t\t}, 0));\n\n\t\t\t\ttimeouts.push(setTimeout(function () {\n\t\t\t\t\t$step.find('.shop-section__step-img').css({\n\t\t\t\t\t\t'opacity': '1',\n\t\t\t\t\t\t'transform': 'translateY(0)'\n\t\t\t\t\t});\n\t\t\t\t}, staggerDelay));\n\n\t\t\t\ttimeouts.push(setTimeout(function () {\n\t\t\t\t\t$step.find('.shop-section__step-title').css({\n\t\t\t\t\t\t'opacity': '1',\n\t\t\t\t\t\t'transform': 'translateY(0)'\n\t\t\t\t\t});\n\t\t\t\t}, staggerDelay * 2));\n\n\t\t\t\ttimeouts.push(setTimeout(function () {\n\t\t\t\t\t$step.find('.shop-section__step-subtitle').css({\n\t\t\t\t\t\t'opacity': '1',\n\t\t\t\t\t\t'transform': 'translateY(0)'\n\t\t\t\t\t});\n\t\t\t\t}, staggerDelay * 3));\n\n\t\t\t\t\/\/ Step 3: Animate the separator after the first element starts appearing\n\t\t\t\ttimeouts.push(setTimeout(function () {\n\t\t\t\t\t$separator.css('opacity', '1');\n\t\t\t\t\t$separator.find('hr').css({\n\t\t\t\t\t\t'width': '0'\n\t\t\t\t\t}).animate({\n\t\t\t\t\t\t'width': '100%'\n\t\t\t\t\t}, separatorAnimationDuration);\n\t\t\t\t}, fadeInDuration));\n\n\t\t\t\t\/\/ Step 4: Move to the next step after the current step finishes\n\t\t\t\tif (stepIndex < $('.shop-section__step').length - 1) {\n\t\t\t\t\ttimeouts.push(setTimeout(function () {\n\t\t\t\t\t\tfadeInStep(stepIndex + 1);\n\t\t\t\t\t}, pauseBetweenSteps + (staggerDelay * 3) + fadeInDuration)); \/\/ Ensure the current step finishes before moving to the next\n\t\t\t\t} else {\n\t\t\t\t\t\/\/ Pause before restarting the loop\n\t\t\t\t\ttimeouts.push(setTimeout(function () {\n\t\t\t\t\t\tif (animationRunning) {\n\t\t\t\t\t\t\trunAnimationLoop();\n\t\t\t\t\t\t}\n\t\t\t\t\t}, loopPauseDuration));\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t\/\/ Listen for tab visibility changes\n\t\t\tdocument.addEventListener('visibilitychange', function () {\n\t\t\t\tif (document.hidden) {\n\t\t\t\t\t\/\/ Stop animations and clear timeouts when the tab becomes hidden\n\t\t\t\t\tanimationRunning = false;\n\t\t\t\t\tclearAllTimeouts();\n\t\t\t\t} else {\n\t\t\t\t\t\/\/ When the user returns to the tab, reset and restart the animation\n\t\t\t\t\tanimationRunning = true;\n\t\t\t\t\tresetAnimation();\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t\/\/ Function to check if scroll is past 80px and start the animation\n\t\t\tfunction checkScrollAndStartAnimation() {\n\t\t\t\tif (!animationStarted && $(window).scrollTop() > 80) {\n\t\t\t\t\t\/\/ Start the animation only once\n\t\t\t\t\tanimationStarted = true;\n\t\t\t\t\tanimationRunning = true;\n\t\t\t\t\trunAnimationLoop();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t\/\/ Check the scroll position when the page is loaded\n\t\t\tcheckScrollAndStartAnimation();\n\n\t\t\t\/\/ Detect when the user scrolls more than 80px from the top and start the animation\n\t\t\t$(window).on('scroll', function () {\n\t\t\t\tcheckScrollAndStartAnimation();\n\t\t\t});\n\t\t\t\n\t\t});\n\t<\/script>\n\n","protected":false},"excerpt":{"rendered":"","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":"","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-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":"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":""},"mobile":{"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":""}},"im_meta_structure":"","footnotes":""},"class_list":["post-124919","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Negozio: Crea e stampa prodotti personalizzati con le tue immagini generate dall&#039;IA - ImagineMe<\/title>\n<meta name=\"description\" content=\"Libera la tua creativit\u00e0 nella nostra Stamperia! Progetta e stampa prodotti personalizzati come magliette, tazze e altro con le tue immagini generate dall&#039;IA.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/imagineme.ai\/it\/printshop\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Negozio: Crea e stampa prodotti personalizzati con le tue immagini generate dall&#039;IA - ImagineMe\" \/>\n<meta property=\"og:description\" content=\"Libera la tua creativit\u00e0 nella nostra Stamperia! Progetta e stampa prodotti personalizzati come magliette, tazze e altro con le tue immagini generate dall&#039;IA.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/imagineme.ai\/it\/printshop\/\" \/>\n<meta property=\"og:site_name\" content=\"ImagineMe\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-29T18:50:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/imagineme.ai\/it\/printshop\/\",\"url\":\"https:\/\/imagineme.ai\/it\/printshop\/\",\"name\":\"Negozio: Crea e stampa prodotti personalizzati con le tue immagini generate dall'IA - ImagineMe\",\"isPartOf\":{\"@id\":\"https:\/\/imagineme.ai\/it\/#website\"},\"datePublished\":\"2024-09-07T08:45:11+00:00\",\"dateModified\":\"2025-11-29T18:50:58+00:00\",\"description\":\"Libera la tua creativit\u00e0 nella nostra Stamperia! Progetta e stampa prodotti personalizzati come magliette, tazze e altro con le tue immagini generate dall'IA.\",\"breadcrumb\":{\"@id\":\"https:\/\/imagineme.ai\/it\/printshop\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/imagineme.ai\/it\/printshop\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/imagineme.ai\/it\/printshop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/imagineme.ai\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stamperia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/imagineme.ai\/it\/#website\",\"url\":\"https:\/\/imagineme.ai\/it\/\",\"name\":\"ImagineMe\",\"description\":\"ImagineMe is a new AI system that lets you generate stunning art of yourself from a simple text description.\",\"publisher\":{\"@id\":\"https:\/\/imagineme.ai\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/imagineme.ai\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/imagineme.ai\/it\/#organization\",\"name\":\"ImagineMe\",\"url\":\"https:\/\/imagineme.ai\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/imagineme.ai\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/imagineme-ai.b-cdn.net\/wp-content\/uploads\/2022\/11\/imagineme_logo_512.png\",\"contentUrl\":\"https:\/\/imagineme-ai.b-cdn.net\/wp-content\/uploads\/2022\/11\/imagineme_logo_512.png\",\"width\":512,\"height\":512,\"caption\":\"ImagineMe\"},\"image\":{\"@id\":\"https:\/\/imagineme.ai\/it\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Negozio: Crea e stampa prodotti personalizzati con le tue immagini generate dall'IA - ImagineMe","description":"Libera la tua creativit\u00e0 nella nostra Stamperia! Progetta e stampa prodotti personalizzati come magliette, tazze e altro con le tue immagini generate dall'IA.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/imagineme.ai\/it\/printshop\/","og_locale":"it_IT","og_type":"article","og_title":"Negozio: Crea e stampa prodotti personalizzati con le tue immagini generate dall'IA - ImagineMe","og_description":"Libera la tua creativit\u00e0 nella nostra Stamperia! Progetta e stampa prodotti personalizzati come magliette, tazze e altro con le tue immagini generate dall'IA.","og_url":"https:\/\/imagineme.ai\/it\/printshop\/","og_site_name":"ImagineMe","article_modified_time":"2025-11-29T18:50:58+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/imagineme.ai\/it\/printshop\/","url":"https:\/\/imagineme.ai\/it\/printshop\/","name":"Negozio: Crea e stampa prodotti personalizzati con le tue immagini generate dall'IA - ImagineMe","isPartOf":{"@id":"https:\/\/imagineme.ai\/it\/#website"},"datePublished":"2024-09-07T08:45:11+00:00","dateModified":"2025-11-29T18:50:58+00:00","description":"Libera la tua creativit\u00e0 nella nostra Stamperia! Progetta e stampa prodotti personalizzati come magliette, tazze e altro con le tue immagini generate dall'IA.","breadcrumb":{"@id":"https:\/\/imagineme.ai\/it\/printshop\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/imagineme.ai\/it\/printshop\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/imagineme.ai\/it\/printshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/imagineme.ai\/it\/"},{"@type":"ListItem","position":2,"name":"Stamperia"}]},{"@type":"WebSite","@id":"https:\/\/imagineme.ai\/it\/#website","url":"https:\/\/imagineme.ai\/it\/","name":"ImagineMe","description":"ImagineMe is a new AI system that lets you generate stunning art of yourself from a simple text description.","publisher":{"@id":"https:\/\/imagineme.ai\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/imagineme.ai\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/imagineme.ai\/it\/#organization","name":"ImagineMe","url":"https:\/\/imagineme.ai\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/imagineme.ai\/it\/#\/schema\/logo\/image\/","url":"https:\/\/imagineme-ai.b-cdn.net\/wp-content\/uploads\/2022\/11\/imagineme_logo_512.png","contentUrl":"https:\/\/imagineme-ai.b-cdn.net\/wp-content\/uploads\/2022\/11\/imagineme_logo_512.png","width":512,"height":512,"caption":"ImagineMe"},"image":{"@id":"https:\/\/imagineme.ai\/it\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/imagineme.ai\/it\/wp-json\/wp\/v2\/pages\/124919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagineme.ai\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imagineme.ai\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imagineme.ai\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imagineme.ai\/it\/wp-json\/wp\/v2\/comments?post=124919"}],"version-history":[{"count":2,"href":"https:\/\/imagineme.ai\/it\/wp-json\/wp\/v2\/pages\/124919\/revisions"}],"predecessor-version":[{"id":274495,"href":"https:\/\/imagineme.ai\/it\/wp-json\/wp\/v2\/pages\/124919\/revisions\/274495"}],"wp:attachment":[{"href":"https:\/\/imagineme.ai\/it\/wp-json\/wp\/v2\/media?parent=124919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}