{"id":3713,"date":"2026-03-18T12:04:41","date_gmt":"2026-03-18T12:04:41","guid":{"rendered":"https:\/\/kiyaya.nl\/?page_id=3713"},"modified":"2026-03-24T11:15:07","modified_gmt":"2026-03-24T11:15:07","slug":"mockup-studio","status":"publish","type":"page","link":"https:\/\/kiyaya.nl\/en\/mockup-studio\/","title":{"rendered":"Mockup Studio"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n KIYAYA Mockup Studio \u2013 Sales Page<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --bg: #050816;\r\n --bg-soft: #0b1026;\r\n --panel: rgba(9, 15, 35, 0.72);\r\n --panel-strong: rgba(11, 18, 42, 0.92);\r\n --line: rgba(76, 108, 255, 0.24);\r\n --text: #eef3ff;\r\n --muted: #9fb0d2;\r\n --cyan: #3df2ff;\r\n --blue: #5b7cff;\r\n --violet: #ae64ff;\r\n --pink: #ff4fd8;\r\n --lime: #a4ff54;\r\n --danger: #ff5d73;\r\n --warning: #ffd84d;\r\n --shadow: 0 20px 80px rgba(0, 0, 0, 0.55);\r\n --glow: 0 0 0 1px rgba(61, 242, 255, 0.18), 0 0 24px rgba(61, 242, 255, 0.16), 0 0 42px rgba(174, 100, 255, 0.18);\r\n --radius-xl: 28px;\r\n --radius-lg: 22px;\r\n --radius-md: 16px;\r\n --container: 1180px;\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n margin: 0;\r\n font-family: 'Inter', sans-serif;\r\n color: var(--text);\r\n background:\r\n radial-gradient(circle at 15% 20%, rgba(61, 242, 255, 0.16), transparent 24%),\r\n radial-gradient(circle at 84% 10%, rgba(255, 79, 216, 0.16), transparent 20%),\r\n radial-gradient(circle at 80% 60%, rgba(91, 124, 255, 0.14), transparent 24%),\r\n linear-gradient(180deg, #050816 0%, #040612 42%, #060916 100%);\r\n overflow-x: hidden;\r\n }\r\n\r\n body::before {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n pointer-events: none;\r\n background-image:\r\n linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n background-size: 42px 42px;\r\n mask-image: linear-gradient(180deg, rgba(0,0,0,0.55), transparent 92%);\r\n opacity: 0.35;\r\n z-index: 0;\r\n }\r\n\r\n a { color: inherit; text-decoration: none; }\r\n img { max-width: 100%; display: block; }\r\n\r\n .kms-shell {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .container {\r\n width: min(var(--container), calc(100% - 32px));\r\n margin: 0 auto;\r\n }\r\n\r\n .topbar {\r\n position: sticky;\r\n top: 0;\r\n z-index: 20;\r\n backdrop-filter: blur(14px);\r\n background: linear-gradient(180deg, rgba(5,8,22,0.92), rgba(5,8,22,0.62));\r\n border-bottom: 1px solid rgba(255,255,255,0.06);\r\n }\r\n\r\n .topbar__inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 18px;\r\n min-height: 78px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n }\r\n\r\n .brand__logo {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 18px;\r\n display: grid;\r\n place-items: center;\r\n font-family: 'Orbitron', sans-serif;\r\n font-weight: 900;\r\n color: #04111b;\r\n background: linear-gradient(135deg, var(--cyan), var(--violet));\r\n box-shadow: 0 0 25px rgba(61, 242, 255, 0.45);\r\n }\r\n\r\n .brand__title {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 1rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.14em;\r\n margin: 0;\r\n }\r\n\r\n .brand__sub {\r\n margin: 4px 0 0;\r\n color: var(--muted);\r\n font-size: 0.9rem;\r\n }\r\n\r\n .topbar__actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n justify-content: flex-end;\r\n }\r\n\r\n .mini-badge {\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(255,255,255,0.09);\r\n background: rgba(255,255,255,0.04);\r\n color: var(--muted);\r\n font-size: 0.84rem;\r\n font-weight: 700;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .cta,\r\n .cta--ghost,\r\n .cta--hot {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-height: 58px;\r\n padding: 0 28px;\r\n border-radius: 18px;\r\n font-weight: 800;\r\n font-size: 0.95rem;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;\r\n border: 1px solid transparent;\r\n cursor: pointer;\r\n }\r\n\r\n .cta:hover,\r\n .cta--ghost:hover,\r\n .cta--hot:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .cta {\r\n color: #07111c;\r\n background: linear-gradient(135deg, var(--cyan), #94f1ff 38%, var(--violet) 100%);\r\n box-shadow: 0 12px 34px rgba(61, 242, 255, 0.28), 0 0 34px rgba(174, 100, 255, 0.22);\r\n }\r\n\r\n .cta--ghost {\r\n color: var(--text);\r\n background: rgba(255,255,255,0.04);\r\n border-color: rgba(255,255,255,0.12);\r\n }\r\n\r\n .cta--hot {\r\n color: #120512;\r\n background: linear-gradient(135deg, #ffd84d 0%, #ff9966 30%, #ff4fd8 100%);\r\n box-shadow: 0 14px 36px rgba(255, 79, 216, 0.3), 0 0 30px rgba(255, 216, 77, 0.18);\r\n animation: pulseHot 2.2s infinite;\r\n }\r\n\r\n @keyframes pulseHot {\r\n 0%, 100% { box-shadow: 0 14px 36px rgba(255, 79, 216, 0.3), 0 0 30px rgba(255, 216, 77, 0.18); }\r\n 50% { box-shadow: 0 18px 40px rgba(255, 79, 216, 0.42), 0 0 38px rgba(255, 216, 77, 0.28); }\r\n }\r\n\r\n .hero {\r\n position: relative;\r\n padding: 72px 0 40px;\r\n }\r\n\r\n .hero__grid {\r\n display: grid;\r\n grid-template-columns: 1.08fr 0.92fr;\r\n gap: 30px;\r\n align-items: center;\r\n }\r\n\r\n .panel {\r\n background: linear-gradient(180deg, rgba(13, 18, 39, 0.8), rgba(8, 13, 29, 0.8));\r\n border: 1px solid rgba(255,255,255,0.08);\r\n box-shadow: var(--shadow);\r\n border-radius: var(--radius-xl);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .panel::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, rgba(61,242,255,0.11), transparent 36%, rgba(174,100,255,0.08) 68%, transparent 100%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-copy {\r\n padding: 38px;\r\n box-shadow: var(--shadow), var(--glow);\r\n }\r\n\r\n .eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n font-size: 0.82rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n color: var(--cyan);\r\n background: rgba(61, 242, 255, 0.08);\r\n border: 1px solid rgba(61, 242, 255, 0.18);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .eyebrow::before {\r\n content: \"\";\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: var(--lime);\r\n box-shadow: 0 0 18px rgba(164,255,84,0.7);\r\n }\r\n\r\nh1 {\r\n margin: 0;\r\n font-family: 'Orbitron', sans-serif;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 0.03em;\r\n line-height: 0.98;\r\n text-shadow: 0 0 24px rgba(61,242,255,0.12);\r\n}\r\n\r\n.hero-copy h1 {\r\n font-size: clamp(2.2rem, 4vw, 4.2rem);\r\n line-height: 1.05;\r\n}\r\n text-shadow: 0 0 24px rgba(61,242,255,0.12);\r\n }\r\n\r\n .headline-accent {\r\n display: block;\r\n background: linear-gradient(90deg, var(--cyan), #ffffff 30%, var(--pink) 85%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n }\r\n\r\n .hero-copy p.lead {\r\n margin: 22px 0 0;\r\n color: #d6def6;\r\n font-size: 1.14rem;\r\n line-height: 1.7;\r\n max-width: 680px;\r\n }\r\n\r\n .hero-bullets {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n margin: 26px 0 0;\r\n }\r\n\r\n .hero-bullets span {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 14px;\r\n border-radius: 14px;\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n color: #ecf3ff;\r\n font-weight: 700;\r\n }\r\n\r\n .hero-bullets span::before {\r\n content: \"\u2726\";\r\n color: var(--cyan);\r\n }\r\n\r\n .hero-ctas {\r\n display: flex;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n margin-top: 28px;\r\n }\r\n\r\n .hero-note {\r\n margin-top: 16px;\r\n color: var(--muted);\r\n font-size: 0.94rem;\r\n }\r\n\r\n .robot-card {\r\n min-height: 100%;\r\n position: relative;\r\n isolation: isolate;\r\n box-shadow: var(--shadow), 0 0 0 1px rgba(255,255,255,0.05);\r\n }\r\n.robot-card__visual::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n\r\n background-color: #F587E4; \/* jouw kleur *\/\r\n\r\n background-image: url('https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-bus-shelter-3-e1773849010892.png');\r\n background-position: center;\r\n background-size: 100%; \/* \ud83d\udc48 kleiner maken *\/\r\n background-repeat: no-repeat;\r\n}\r\n\r\n\r\n .hud {\r\n position: absolute;\r\n inset: auto 20px 20px 20px;\r\n display: grid;\r\n gap: 12px;\r\n z-index: 2;\r\n }\r\n\r\n .hud__bar,\r\n .hud__stats {\r\n padding: 16px 18px;\r\n border-radius: 18px;\r\n background: rgba(8, 14, 31, 0.78);\r\n border: 1px solid rgba(61,242,255,0.14);\r\n backdrop-filter: blur(12px);\r\n }\r\n\r\n .hud__bar {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 12px;\r\n align-items: center;\r\n font-family: 'Orbitron', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .hud__stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n }\r\n\r\n .hud__stat small {\r\n display: block;\r\n color: var(--muted);\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n font-size: 0.74rem;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .hud__stat strong {\r\n display: block;\r\n font-size: 1.2rem;\r\n font-family: 'Orbitron', sans-serif;\r\n color: white;\r\n }\r\n\r\n .section {\r\n padding: 34px 0;\r\n }\r\n#demo {\r\n background: radial-gradient(circle at center, #CF531A, #CF531A);\r\n}\r\n .section-title {\r\n margin: 0 0 10px;\r\n font-family: 'Orbitron', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n font-size: clamp(1.8rem, 3vw, 3rem);\r\n }\r\n\r\n .section-subtitle {\r\n margin: 0;\r\n color: var(--muted);\r\n font-size: 1.05rem;\r\n line-height: 1.75;\r\n max-width: 820px;\r\n }\r\n\r\n .strip {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 16px;\r\n margin-top: 22px;\r\n }\r\n\r\n .strip__item {\r\n padding: 18px;\r\n border-radius: 20px;\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .strip__item strong {\r\n display: block;\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 1.15rem;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .grid-2 {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 24px;\r\n margin-top: 24px;\r\n }\r\n\r\n .warn-card,\r\n .feature-card,\r\n .bonus-card,\r\n .price-card,\r\n .testimonial,\r\n .faq,\r\n .final-card {\r\n border-radius: var(--radius-lg);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n background: linear-gradient(180deg, rgba(13, 19, 40, 0.78), rgba(8, 12, 27, 0.88));\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .warn-card { padding: 28px; }\r\n .warn-card h3,\r\n .feature-card h3,\r\n .bonus-card h3,\r\n .price-card h3,\r\n .testimonial h3,\r\n .faq h3,\r\n .final-card h3 {\r\n margin: 0 0 12px;\r\n font-size: 1.28rem;\r\n font-family: 'Orbitron', sans-serif;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .warn-card ul,\r\n .bonus-card ul,\r\n .price-card ul,\r\n .faq ul { margin: 0; padding-left: 18px; }\r\n .warn-card li,\r\n .bonus-card li,\r\n .price-card li,\r\n .faq li {\r\n margin: 10px 0;\r\n color: #dde7ff;\r\n line-height: 1.6;\r\n }\r\n\r\n .warn-card--danger {\r\n box-shadow: var(--shadow), 0 0 0 1px rgba(255,93,115,0.12), 0 0 28px rgba(255,93,115,0.12);\r\n }\r\n\r\n .warn-card--good {\r\n box-shadow: var(--shadow), 0 0 0 1px rgba(61,242,255,0.12), 0 0 28px rgba(61,242,255,0.12);\r\n }\r\n\r\n .feature-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n margin-top: 24px;\r\n }\r\n\r\n .feature-card {\r\n padding: 24px;\r\n min-height: 240px;\r\n }\r\n\r\n .feature-icon {\r\n width: 58px;\r\n height: 58px;\r\n border-radius: 18px;\r\n display: grid;\r\n place-items: center;\r\n font-size: 1.4rem;\r\n background: linear-gradient(135deg, rgba(61,242,255,0.18), rgba(174,100,255,0.18));\r\n border: 1px solid rgba(61,242,255,0.18);\r\n margin-bottom: 16px;\r\n box-shadow: 0 0 25px rgba(61,242,255,0.1);\r\n }\r\n\r\n .feature-card p,\r\n .bonus-card p,\r\n .testimonial p,\r\n .faq p,\r\n .final-card p,\r\n .warn-card p {\r\n margin: 0;\r\n color: var(--muted);\r\n line-height: 1.75;\r\n }\r\n\r\n .demo {\r\n display: grid;\r\n grid-template-columns: 1.05fr 0.95fr;\r\n gap: 24px;\r\n margin-top: 24px;\r\n align-items: stretch;\r\n }\r\n\r\n .demo-screen {\r\n padding: 22px;\r\n border-radius: var(--radius-xl);\r\n border: 1px solid rgba(61,242,255,0.14);\r\n background: linear-gradient(180deg, rgba(8,12,28,0.92), rgba(6,10,22,0.96));\r\n box-shadow: var(--shadow), var(--glow);\r\n }\r\n\r\n .demo-topbar {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .traffic {\r\n display: flex;\r\n gap: 8px;\r\n }\r\n.demo-image {\r\n border-radius: 22px;\r\n overflow: hidden;\r\n border: 1px solid rgba(61,242,255,0.15);\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.6),\r\n 0 0 30px rgba(61,242,255,0.15);\r\n background: rgba(0,0,0,0.4);\r\n}\r\n\r\n.demo-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n\/* hover effect *\/\r\n.demo-image:hover {\r\n transform: translateY(-4px) scale(1.01);\r\n transition: 0.25s ease;\r\n box-shadow: 0 0 40px rgba(61,242,255,0.25),\r\n 0 0 60px rgba(174,100,255,0.2);\r\n}\r\n .traffic span {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: rgba(255,255,255,0.28);\r\n }\r\n\r\n .traffic span:nth-child(1) { background: #ff5d73; }\r\n .traffic span:nth-child(2) { background: #ffd84d; }\r\n .traffic span:nth-child(3) { background: #60ff9c; }\r\n\r\n .demo-canvas {\r\n display: grid;\r\n grid-template-columns: 210px 1fr;\r\n gap: 16px;\r\n min-height: 420px;\r\n }\r\n\r\n .demo-sidebar,\r\n .demo-main {\r\n border-radius: 18px;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n padding: 16px;\r\n }\r\n\r\n .tool {\r\n padding: 12px 14px;\r\n border-radius: 14px;\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.06);\r\n font-weight: 700;\r\n color: #dfe8ff;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .tool--active {\r\n background: linear-gradient(135deg, rgba(61,242,255,0.16), rgba(174,100,255,0.16));\r\n border-color: rgba(61,242,255,0.16);\r\n color: white;\r\n }\r\n\r\n .mockup-stage {\r\n position: relative;\r\n height: 100%;\r\n min-height: 360px;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(circle at 50% 15%, rgba(61,242,255,0.16), transparent 24%),\r\n linear-gradient(180deg, rgba(15,26,52,0.88), rgba(8,12,24,0.98));\r\n border: 1px solid rgba(61,242,255,0.12);\r\n }\r\n\r\n .mockup-stage::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 22px;\r\n border-radius: 22px;\r\n border: 1px dashed rgba(255,255,255,0.14);\r\n }\r\n\r\n .mockup-object {\r\n position: absolute;\r\n border-radius: 18px;\r\n box-shadow: 0 14px 30px rgba(0,0,0,0.35);\r\n }\r\n\r\n .mockup-object--bg {\r\n left: 10%; right: 10%; top: 16%; bottom: 12%;\r\n background: linear-gradient(135deg, rgba(61,242,255,0.14), rgba(255,79,216,0.16));\r\n border: 1px solid rgba(61,242,255,0.14);\r\n }\r\n\r\n .mockup-object--screen {\r\n width: 46%; height: 42%;\r\n left: 27%; top: 24%;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(209,255,255,0.52));\r\n border: 1px solid rgba(255,255,255,0.62);\r\n backdrop-filter: blur(2px);\r\n }\r\n\r\n .mockup-object--sticker {\r\n width: 30%; height: 12%;\r\n left: 34%; bottom: 18%;\r\n background: linear-gradient(135deg, var(--pink), var(--violet));\r\n border: 1px solid rgba(255,255,255,0.18);\r\n display: grid;\r\n place-items: center;\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: 0.85rem;\r\n font-weight: 800;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .demo-copy {\r\n display: grid;\r\n gap: 18px;\r\n }\r\n\r\n .bonus-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n margin-top: 24px;\r\n }\r\n\r\n .bonus-card,\r\n .testimonial,\r\n .faq,\r\n .price-card,\r\n .final-card {\r\n padding: 26px;\r\n }\r\n\r\n .price-wrap {\r\n display: grid;\r\n grid-template-columns: 1fr 380px;\r\n gap: 24px;\r\n margin-top: 24px;\r\n align-items: start;\r\n }\r\n\r\n .stack-list {\r\n display: grid;\r\n gap: 14px;\r\n }\r\n\r\n .stack-item {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 16px;\r\n padding: 16px 18px;\r\n border-radius: 18px;\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n font-weight: 700;\r\n }\r\n\r\n .stack-item span:last-child {\r\n color: #fff;\r\n white-space: nowrap;\r\n }\r\n\r\n .stack-item del {\r\n color: var(--muted);\r\n }\r\n\r\n .price-card {\r\n position: sticky;\r\n top: 98px;\r\n box-shadow: var(--shadow), 0 0 0 1px rgba(255,79,216,0.12), 0 0 34px rgba(255,79,216,0.18);\r\n }\r\n\r\n .price-top {\r\n padding-bottom: 18px;\r\n border-bottom: 1px solid rgba(255,255,255,0.09);\r\n margin-bottom: 18px;\r\n }\r\n\r\n .price-tag {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: clamp(2.4rem, 5vw, 4.4rem);\r\n line-height: 1;\r\n margin: 12px 0;\r\n color: white;\r\n }\r\n\r\n .price-tag small {\r\n font-size: 1rem;\r\n color: var(--muted);\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .urgency {\r\n margin-top: 18px;\r\n padding: 14px 16px;\r\n border-radius: 16px;\r\n background: rgba(255, 93, 115, 0.08);\r\n border: 1px solid rgba(255, 93, 115, 0.16);\r\n color: #ffd9df;\r\n font-weight: 700;\r\n line-height: 1.6;\r\n }\r\n\r\n .guarantee {\r\n margin-top: 16px;\r\n font-size: 0.95rem;\r\n color: var(--muted);\r\n }\r\n\r\n .logos {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 14px;\r\n margin-top: 20px;\r\n }\r\n\r\n .logo-chip {\r\n padding: 16px;\r\n border-radius: 16px;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n text-align: center;\r\n font-family: 'Orbitron', sans-serif;\r\n color: #dce7ff;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n font-size: 0.84rem;\r\n }\r\n\r\n .testimonial-grid,\r\n .faq-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n margin-top: 24px;\r\n }\r\n\r\n .testimonial .stars {\r\n color: var(--warning);\r\n letter-spacing: 0.12em;\r\n margin-bottom: 12px;\r\n font-size: 1rem;\r\n }\r\n\r\n .person {\r\n margin-top: 16px;\r\n color: #dce7ff;\r\n font-weight: 800;\r\n }\r\n\r\n .person small {\r\n display: block;\r\n color: var(--muted);\r\n font-weight: 600;\r\n margin-top: 4px;\r\n }\r\n\r\n .final-card {\r\n margin-top: 24px;\r\n padding: 34px;\r\n text-align: center;\r\n box-shadow: var(--shadow), 0 0 0 1px rgba(61,242,255,0.12), 0 0 36px rgba(174,100,255,0.16);\r\n }\r\n\r\n .final-card h3 {\r\n font-size: clamp(1.8rem, 3vw, 3rem);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .final-card p {\r\n max-width: 760px;\r\n margin: 0 auto;\r\n }\r\n\r\n .final-actions {\r\n display: flex;\r\n justify-content: center;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n margin-top: 24px;\r\n }\r\n\r\n .footer {\r\n padding: 30px 0 52px;\r\n color: var(--muted);\r\n }\r\n\r\n .footer__inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n padding-top: 20px;\r\n border-top: 1px solid rgba(255,255,255,0.08);\r\n }\r\n\r\n .kiyaya-link {\r\n color: white;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n }\r\n\r\n @media (max-width: 1120px) {\r\n .hero__grid,\r\n .demo,\r\n .price-wrap,\r\n .grid-2 {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .feature-grid,\r\n .bonus-grid,\r\n .testimonial-grid,\r\n .faq-grid,\r\n .logos,\r\n .strip {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .price-card {\r\n position: relative;\r\n top: auto;\r\n }\r\n\r\n .robot-card__visual {\r\n min-height: 620px;\r\n }\r\n }\r\n\r\n @media (max-width: 760px) {\r\n .topbar__inner,\r\n .topbar__actions {\r\n align-items: flex-start;\r\n }\r\n\r\n .hero { padding-top: 34px; }\r\n .hero-copy { padding: 24px; }\r\n .hero-bullets,\r\n .feature-grid,\r\n .bonus-grid,\r\n .testimonial-grid,\r\n .faq-grid,\r\n .logos,\r\n .strip {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-ctas,\r\n .final-actions {\r\n flex-direction: column;\r\n }\r\n\r\n .cta,\r\n .cta--ghost,\r\n .cta--hot {\r\n width: 100%;\r\n }\r\n\r\n .robot-card__visual {\r\n min-height: 520px;\r\n }\r\n\r\n .hud__stats,\r\n .demo-canvas {\r\n grid-template-columns: 1fr;\r\n }\r\n.image-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 18px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.img-card {\r\n background: #ffffff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n}\r\n\r\n.img-card img {\r\n width: auto;\r\n max-width: 100%;\r\n height: auto;\r\n}\r\n.img-card {\r\n background: #ffffff;\r\n padding: 20px; \/* \ud83d\udc48 DIT is de key *\/\r\n}\r\n\/* =========================\r\n HERO VIDEO BACKGROUND\r\n========================= *\/\r\n\r\n.hero-video-bg {\r\n position: relative;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n cursor: pointer;\r\n}\r\n\r\n.hero-video-bg video {\r\n width: 100%;\r\n border-radius: 20px;\r\n display: block;\r\n}\r\n.hero-video-bg {\r\n position: relative;\r\n z-index: 3; \/* \ud83d\udc48 boven overlay *\/\r\n}\r\n.video-play {\r\n z-index: 4;\r\n}\r\n\/* play button *\/\r\n.video-play {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: #ff00c8;\r\n color: white;\r\n font-size: 28px;\r\n padding: 18px 22px;\r\n border-radius: 50%;\r\n box-shadow: 0 0 25px rgba(255,0,200,0.6);\r\n}\r\n\r\n\/* donkere overlay voor contrast *\/\r\n.hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 180deg,\r\n rgba(5,8,22,0.6),\r\n rgba(5,8,22,0.85)\r\n );\r\n z-index: 1;\r\n}\r\n\r\n\/* content boven video *\/\r\n.hero__grid {\r\n position: relative;\r\n z-index: 2;\r\n}\r\n\/* hover effect (KIYAYA vibe \ud83d\ude0e) *\/\r\n.img-card:hover {\r\n transform: translateY(-6px) scale(1.02);\r\n box-shadow: 0 0 25px rgba(61,242,255,0.25),\r\n 0 0 40px rgba(174,100,255,0.2);\r\n}\r\n@media (max-width: 760px) {\r\n .image-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n .container {\r\n width: min(var(--container), calc(100% - 20px));\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"kms-shell\">\r\n <header class=\"topbar\">\r\n <div class=\"container topbar__inner\">\r\n <div class=\"brand\">\r\n <div class=\"brand__logo\">K<\/div>\r\n <div>\r\n <p class=\"brand__title\">KIYAYA Mockup Studio<\/p>\r\n <p class=\"brand__sub\">Futuristic \u2022 Intuitive-Premium style<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"topbar__actions\">\r\n <span class=\"mini-badge\">Launch Deal Active<\/span>\r\n\r\n <a class=\"cta--hot\" href=\"https:\/\/payment-links.mollie.com\/payment\/LEvtnDNTVmHUaH5tukAgi\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n Yes \u2014 I Want Instant Access\r\n<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"hero hero--video\">\r\n\r\n<div class=\"hero-video-bg\">\r\n <video id=\"heroVideo\" poster=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/mockup.png\" playsinline>\r\n <source src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/pitch-mockup-generator.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <div class=\"video-play\">\u25b6<\/div>\r\n<\/div>\r\n<br>\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n <div class=\"container hero__grid\">\r\n <div class=\"panel hero-copy\">\r\n <div class=\"eyebrow\"> Visual Styling Mockup System<\/div>\r\n <h1>\r\n Stop Looking <span class=\"headline-accent\">for Mockups<\/span>\r\n Start Creating your own\r\n <\/h1>\r\n <p class=\"lead\">\r\n Making mockups was never so easy as now. Choose from 32 pre-set templates or create your own. This is not another \u201cnice\u201d plugin. This is your unfair advantage.\r\n <\/p>\r\n\r\n <div class=\"hero-bullets\">\r\n <span>Drag, drop, style and export faster<\/span>\r\n <span>Built for mockups and promo assets<\/span>\r\n <span>Intuitive UI with premium feel<\/span>\r\n <span>Right inside your own WordPress<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-ctas\">\r\n <a class=\"cta--hot\" href=\"https:\/\/payment-links.mollie.com\/payment\/LEvtnDNTVmHUaH5tukAgi\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n Yes \u2014 I Want Instant Access\r\n<\/a>\r\n <a class=\"cta--ghost\" href=\"#demo\">Show Me The Demo<\/a>\r\n <\/div>\r\n\r\n <p class=\"hero-note\">\r\n \u26a0\ufe0f Warning: once you see how good your mockups can look, you will never want to go back to one of those expensive online mockup generators.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"panel robot-card\">\r\n <div class=\"robot-card__visual\">\r\n <div class=\"robot-card__overlay\"><\/div>\r\n <div class=\"scanlines\"><\/div>\r\n <div class=\"hud\">\r\n <div class=\"hud__bar\">\r\n <span>Drag and Drop \/\/ Active<\/span>\r\n <span>JSON: Enabled<\/span>\r\n <\/div>\r\n <div class=\"hud__stats\">\r\n <div class=\"hud__stat\">\r\n <small>Visual Impact<\/small>\r\n <strong>+100%<\/strong>\r\n <\/div>\r\n <div class=\"hud__stat\">\r\n <small>Setup Speed<\/small>\r\n <strong>Minutes<\/strong>\r\n <\/div>\r\n <div class=\"hud__stat\">\r\n <small>Brand Feel<\/small>\r\n <strong>Premium<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Why Most Mockup generators Fail Hard<\/h2>\r\n <p class=\"section-subtitle\">\r\n They are generic. They feel outdated. They scream \u201ctemplate\u201d. And the second your visitor sees that, your conversion power drops like a brick.\r\n <\/p>\r\n\r\n <div class=\"grid-2\">\r\n <div class=\"warn-card warn-card--danger\">\r\n <h3>What You\u2019re Up Against<\/h3>\r\n <ul>\r\n <li>Your mockups looks like everyone else using the same predictable layout.<\/li>\r\n <li>Your screenshots do not feel premium, so your pricing feels harder to justify.<\/li>\r\n <li>Your CTA images are weak, your visual hierarchy is weak, and buyers feel no urgency.<\/li>\r\n <li>You waste hours polishing sections that still don\u2019t hit with that \u201cI need this now\u201d effect.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"warn-card warn-card--good\">\r\n <h3>What Changes With KIYAYA Style<\/h3>\r\n <ul>\r\n <li>You get a cinematic, futuristic look that instantly boosts perceived value.<\/li>\r\n <li>You present your mockups like a premium digital weapon, not a hobby add-on.<\/li>\r\n <li>You astonish people with polished mockups.<\/li>\r\n <li>You keep the visual DNA of the KIYAYA Mockup Studio brand across your pages.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"features\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Built in the KIYAYA Mockup Studio UI Vibe<\/h2>\r\n <p class=\"section-subtitle\">\r\n Same premium energy. Same futuristic dashboard feel. Same slick visual language. But translated into a loud, high-conversion mockup that feels like it belongs to a serious business.\r\n <\/p>\r\n\r\n <div class=\"feature-grid\">\r\n\r\n <article class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n <h3>One hundred and eighty<\/h3>\r\n <p>That's how you feel everytime you've created your mockup.<\/p>\r\n <\/article>\r\n\r\n\r\n <article class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udfa8<\/div>\r\n <h3>Drop it till you've got it<\/h3>\r\n <p>Just toggle a bit around and you will succeed.<\/p>\r\n <\/article>\r\n <article class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\ude80<\/div>\r\n <h3>One size fits all<\/h3>\r\n <p>Adjust your image and see it fit all templates.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<section class=\"section\" id=\"demo\">\r\n <div class=\"container\">\r\n\r\n <h2 class=\"section-title\">This is what your mockup designer looks like<\/h2>\r\n <br>\r\n\r\n <div class=\"demo-image\">\r\n <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/wp-mockup-studio-plugin.png\" alt=\"Mockup preview\">\r\n <\/div>\r\n\r\n <br><br>\r\n\r\n <h2 class=\"section-title\">Here are 11 examples of the 32 mockup templates<\/h2>\r\n <br>\r\n\r\n <div class=\"image-grid\">\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-vintage-computer.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-sixties-tv-1.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-porthole-1.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-wintersport.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-lifebelt-1.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-my-home-is-my-castle.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-neon-1.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-smartphone-red-1.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-old-computer.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-vinyl-record.png\"><\/div>\r\n <div class=\"img-card\"><img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/kiyaya-spring-is-in-the-air-1.png\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Your Stack Gets Bigger Fast<\/h2>\r\n <p class=\"section-subtitle\">\r\n Ask your customers which mockup they want and make a sale.\r\n <\/p>\r\n\r\n <div class=\"bonus-grid\">\r\n <article class=\"bonus-card\">\r\n <h3>Main Plugin Access<\/h3>\r\n <p>Get the core plugin. No upsells, One-time-offers or Cross-sells.<\/p>\r\n <\/article>\r\n <article class=\"bonus-card\">\r\n <h3>Future Updates<\/h3>\r\n <p>Keep the product fresh, modern and compatible.<\/p>\r\n <\/article>\r\n <article class=\"bonus-card\">\r\n <h3>Bonus Templates<\/h3>\r\n <p>Launch faster with our 32 ready-made promotional mockups.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"pricing\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Launch Pricing That Feels Like a Steal<\/h2>\r\n <br>\r\n<br>\r\n <div class=\"price-wrap\">\r\n <div>\r\n <div class=\"stack-list\">\r\n <div class=\"stack-item\"><span>KIYAYA Mockup Studio Commercial License<\/span><span><del>\u20ac97<\/del><\/span><\/div>\r\n <div class=\"stack-item\"><span>Advanced Mockup Controls & Export Engine<\/span><span><del>\u20ac67<\/del><\/span><\/div>\r\n <div class=\"stack-item\"><span>Future Updates<\/span><span><del>\u20ac97<\/del><\/span><\/div>\r\n <div class=\"stack-item\"><span>32 Sales Mockup Templates<\/span><span><del>\u20ac47<\/del><\/span><\/div>\r\n <div class=\"stack-item\"><span>Create your own Mockups<\/span><span><del>\u20ac97<\/del><\/span><\/div>\r\n <div class=\"stack-item\"><span>Brand Boost \/ Premium Perception<\/span><span>Priceless<\/span><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <aside class=\"price-card\">\r\n <div class=\"price-top\">\r\n <span class=\"mini-badge\">Early Launch Access<\/span>\r\n <div class=\"price-tag\">\u20ac27 <small>one-time<\/small><\/div>\r\n <p>Get instant access now and lock in the launch deal before the price jumps.<\/p>\r\n <\/div>\r\n\r\n <a class=\"cta--hot\" href=\"https:\/\/payment-links.mollie.com\/payment\/LEvtnDNTVmHUaH5tukAgi\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n Yes \u2014 I Want Instant Access\r\n<\/a>\r\n <div class=\"urgency\">\r\n \u26a0\ufe0f Price will jump to \u20ac97 after the launch is over.\r\n <\/div>\r\n <p class=\"guarantee\">\r\n 14-day satisfaction promise. After purchase we have to set things up manually. So please give us up to 18 hours. There is that possibilty that when you order we just went to sleep.\r\n <\/p>\r\n <\/aside>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Trusted By People Who Hate Generic<\/h2>\r\n\r\n\r\n <div class=\"logos\">\r\n <div class=\"logo-chip\">Power Sellers<\/div>\r\n <div class=\"logo-chip\">WP Creators<\/div>\r\n <div class=\"logo-chip\">Design Brands<\/div>\r\n <div class=\"logo-chip\">Launch Teams<\/div>\r\n <\/div>\r\n\r\n<br>\r\n<br>\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Frequently Asked Before Buying<\/h2>\r\n <p class=\"section-subtitle\">\r\n Also useful for reducing purchase friction near the close.\r\n <\/p>\r\n\r\n <div class=\"faq-grid\">\r\n <article class=\"faq\">\r\n <h3>How many mockups can I create?<\/h3>\r\n <p>As many as you want. After purchase you own it.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>Is it easy to create templates myself?<\/h3>\r\n <p>Yes, it's not difficult. Beware that you need to have your own template designs.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>Is it hard to get my own templates?<\/h3>\r\n <p>We use ChatGTP. Ask for your scene and ask for a transparent sign, banner or box.<\/p>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"final-card\" id=\"buy\">\r\n <h3>Fair Warning<\/h3>\r\n <p>\r\n The Mockup Studio Plugin comes with a license. So if you go for a refund the license will be revoked. As stated earlier we have to set it up manually. Keep an eye on your inbox and also check your spam folder.\r\n <\/p>\r\n <div class=\"final-actions\">\r\n <a class=\"cta--hot\" href=\"https:\/\/payment-links.mollie.com\/payment\/LEvtnDNTVmHUaH5tukAgi\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n Yes \u2014 I Want Instant Access\r\n<\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"footer\">\r\n <div class=\"container footer__inner\">\r\n <div>\u00a9 2026 KIYAYA \u2022 Futuristic plugin selling experience<\/div>\r\n <a class=\"kiyaya-link\" href=\"https:\/\/kiyaya.nl\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\">Back HOME<\/a>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n<script>\r\nconst wrapper = document.querySelector(\".hero-video-bg\");\r\nconst video = document.getElementById(\"heroVideo\");\r\nconst playBtn = document.querySelector(\".video-play\");\r\n\r\n\/\/ klik = starten\r\nwrapper.addEventListener(\"click\", () => {\r\n video.play();\r\n video.setAttribute(\"controls\", \"controls\");\r\n playBtn.style.display = \"none\";\r\n});\r\n\r\n\/\/ EINDE video \u2192 terug naar thumbnail (FIXED)\r\nvideo.addEventListener(\"ended\", () => {\r\n video.pause();\r\n video.currentTime = 0;\r\n\r\n video.removeAttribute(\"controls\");\r\n\r\n \/\/ \ud83d\udc47 KEY FIX\r\n video.load(); \/\/ zorgt dat poster weer zichtbaar wordt\r\n\r\n playBtn.style.display = \"block\";\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>KIYAYA Mockup Studio \u2013 Sales Page K KIYAYA Mockup Studio Futuristic \u2022 Intuitive-Premium style Launch Deal Active Yes \u2014 I Want Instant Access \u25b6 Visual Styling Mockup System Stop Looking for Mockups Start Creating your own Making mockups was never so easy as now. Choose from 32 pre-set templates or create your own. This is […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3713","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages\/3713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/comments?post=3713"}],"version-history":[{"count":250,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages\/3713\/revisions"}],"predecessor-version":[{"id":4055,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages\/3713\/revisions\/4055"}],"wp:attachment":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/media?parent=3713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}