{"id":4076,"date":"2026-03-27T11:44:13","date_gmt":"2026-03-27T11:44:13","guid":{"rendered":"https:\/\/kiyaya.nl\/?p=4076"},"modified":"2026-04-08T10:25:40","modified_gmt":"2026-04-08T10:25:40","slug":"signature-builder-plugin","status":"publish","type":"post","link":"https:\/\/kiyaya.nl\/en\/signature-builder-plugin\/","title":{"rendered":"Signature Builder Plugin"},"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 Signature Builder \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\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 position: relative;\r\n z-index: 2;\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\n h1 {\r\n margin: 0;\r\n font-family: 'Orbitron', sans-serif;\r\n font-weight: 800;\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, 2.2rem);\r\n line-height: 1.05;\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\r\n .robot-card__visual {\r\n position: relative;\r\n min-height: 700px;\r\n background-color: #F58734;\r\n }\r\n\r\n .robot-card__visual::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-color: #F5b734;\r\n background-image: url('https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-12-mrt-2026-09_24_54-depositphotos-bgremover-1.png');\r\n background-position: center;\r\n background-size: 80%;\r\n background-repeat: no-repeat;\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\r\n #demo {\r\n background: radial-gradient(circle at center, #CF531A, #CF531A);\r\n }\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\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 {\r\n margin: 0;\r\n padding-left: 18px;\r\n }\r\n\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: 28px;\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\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-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), 0 0 30px rgba(61,242,255,0.15);\r\n background: rgba(0,0,0,0.4);\r\n margin: 24px 0 40px;\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 .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), 0 0 60px rgba(174,100,255,0.2);\r\n }\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%;\r\n right: 10%;\r\n top: 16%;\r\n 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%;\r\n height: 42%;\r\n left: 27%;\r\n 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%;\r\n height: 12%;\r\n left: 34%;\r\n 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 .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 width: 100%;\r\n max-width: 320px;\r\n position: relative;\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 .image-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\njustify-content: center;\r\n }\r\n\r\n.img-card {\r\n padding: 10px;\r\n border-radius: 20px;\r\n\r\n position: relative;\r\n overflow: hidden;\r\n\r\n display: block; \/* \ud83d\udd25 belangrijk *\/\r\n\r\n box-shadow:\r\n 0 10px 30px rgba(0,0,0,0.15),\r\n 0 0 0 1px rgba(255,255,255,0.4) inset;\r\n}\r\n\r\n\/* KIYAYA glow layer *\/\r\n.img-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(61,242,255,0.15),\r\n rgba(174,100,255,0.15)\r\n );\r\n opacity: 0;\r\n transition: 0.3s;\r\n}\r\n.img-card img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n}\r\nimg {\r\n image-rendering: -webkit-optimize-contrast;\r\n}\r\n.img-card {\r\n height: auto !important;\r\n align-self: start;\r\n}\r\n.img-card {\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n padding: 10px;\r\n border-radius: 20px;\r\n}\r\n.img-card:hover::before {\r\n opacity: 1;\r\n}\r\n.img-card {\r\n width: 420px;\r\n padding: 12px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n}\r\n.img-card img {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 16px;\r\n display: block;\r\n}\r\n.img-card:hover {\r\n transform: translateY(-6px); \/* \u274c geen scale *\/\r\n}\r\n\/* hover blijft maar cleaner *\/\r\n.img-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow:\r\n 0 20px 40px rgba(0,0,0,0.2),\r\n 0 0 40px rgba(174,100,255,0.25);\r\n}\r\n\r\n .price-cards {\r\n display: flex;\r\n justify-content: center;\r\n gap: 30px;\r\n flex-wrap: wrap;\r\n margin: 40px auto;\r\n }\r\n\r\n\/* ===== KIYAYA SIGNATURE (CLEAN) ===== *\/\r\n.signature-card {\r\n background: transparent;\r\n padding: 0;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n\r\n\/* \ud83d\udd25 NIEUW: echte kaart *\/\r\n.sig-main {\r\n background: linear-gradient(135deg, #6d35ff, #4b2fd6);\r\n padding: 24px;\r\n}\r\n.sig-top {\r\n width: 160px;\r\n display: block;\r\n margin-bottom: 16px;\r\n border-radius: 12px;\r\n}\r\n\/* banner sluit NAADLOOS aan *\/\r\n.sig-banner-wrap {\r\n margin: 0;\r\n}\r\n.signature-inner {\r\n width: 100%;\r\n max-width: 296px; \/* 320 - padding *\/\r\n}\r\n\r\n.sig-accent {\r\n width: 12px;\r\n min-width: 12px;\r\n background: #ff00ff;\r\n}\r\n\r\n\r\n.sig-socials {\r\n margin-top: 12px;\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.sig-socials img {\r\n width: 22px;\r\n height: 22px;\r\n padding: 4px;\r\n border-radius: 6px;\r\n background: rgba(255,255,255,0.1);\r\n}\r\n\r\n.sig-main {\r\n padding: 20px;\r\n}\r\n\r\n.sig-top {\r\n width: 140px;\r\n display: block;\r\n margin-bottom: 14px;\r\n border-radius: 12px;\r\n}\r\n.signature-inner {\r\n max-width: 380px;\r\n margin: 0 auto;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n background: #eb007d;\r\n}\r\n\r\n.sig-top {\r\n padding:14px;\r\n}\r\n\r\n.sig-top img {\r\n display:block;\r\n width:160px;\r\n border-radius:12px;\r\n}\r\n.sig-banner {\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\n.sig-socials img {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n.sig-name {\r\n font-size: 28px;\r\n margin-bottom: 4px;\r\n}\r\n.sig-main {\r\n padding: 20px;\r\n}\r\n.sig-role {\r\n margin-bottom: 14px;\r\n}\r\n.sig-banner {\r\n padding: 0 !important;\r\n line-height: 0;\r\n}\r\n\r\n\r\n.sig-banner-wrap img {\r\n border-radius: 0 0 18px 18px;\r\n}\r\n\r\n.sig-banner img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n}\r\n\r\n.sig-info {\r\n font-size: 14px;\r\n color: #fff;\r\n line-height: 1.5;\r\n}\r\n\r\n.sig-banner-img {\r\n width: 100%;\r\n border-radius: 0 0 18px 18px;\r\n display: block;\r\n}\r\n\r\n.sig-photo img {\r\n width: 100px; \/* vaste size = stabiel *\/\r\n max-width: none;\r\n}\r\n\r\n.sig-wrap {\r\n width: 100%;\r\n max-width: 300px; \/* \ud83d\udd25 zelfde als je images *\/\r\n}\r\n\r\n\r\n\r\n\/* ===== KILL ALL LINES ===== *\/\r\n.signature-inner,\r\n.signature-inner table,\r\n.signature-inner td,\r\n.signature-inner tr {\r\n border: none !important;\r\n border-spacing: 0 !important;\r\n border-collapse: collapse !important;\r\n outline: none !important;\r\n}\r\n\r\n\/* voorkomt hairlines *\/\r\n.signature-inner {\r\n transform: translateZ(0); \/* GPU fix *\/\r\n backface-visibility: hidden;\r\n}\r\n\r\n .hero-video-bg {\r\n position: relative;\r\n max-width: 800px;\r\n margin: 0 auto 24px;\r\n cursor: pointer;\r\n z-index: 3;\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\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 z-index: 4;\r\n }\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(5,8,22,0.6), rgba(5,8,22,0.85));\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n @media (max-width: 1120px) {\r\n .hero__grid,\r\n .demo,\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 .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\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 .image-grid {\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\r\n .price-cards {\r\n flex-direction: column;\r\n align-items: center;\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 Signature Builder<\/p>\r\n <p class=\"brand__sub\">Futuristic \u2022 Intuitive \u2022 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\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\/04\/banner-950x570@1x.png\" playsinline>\r\n <source src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/04\/email-signature-builder-1.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\"> Email Signature Maker Plugin<\/div>\r\n <h1>\r\n Put an end to<span class=\"headline-accent\">ugly<\/span>\r\n Signatures\r\n <\/h1>\r\n <p class=\"lead\">\r\n You know, those minimalist signature makers where leaving something blank creates such an ugly hole.\r\n <\/p>\r\n\r\n <div class=\"hero-bullets\">\r\n <span>Drag, drop, style and export<\/span>\r\n <span>Suitable for Gmail and Outlook<\/span>\r\n <span>Intuitive editing program<\/span>\r\n <span>Just in your own WordPress<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-ctas\">\r\n\r\n <a class=\"cta--ghost\" href=\"#demo\">Show Demo<\/a>\r\n <\/div>\r\n\r\n <p class=\"hero-note\">\r\n \u26a0\ufe0f Warning: Once you have experienced the convenience and options, you will never choose those overpriced online signature makers again.\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>Versatile <\/span>\r\n <span>Multilingual<\/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 Signatures Creators Fail<\/h2>\r\n <p class=\"section-subtitle\">\r\n They are generic. Outdated and far too expensive. And as soon as the recipient of your email sees it, your conversion collapses.\r\n <\/p>\r\n\r\n <div class=\"grid-2\">\r\n <div class=\"warn-card warn-card--danger\">\r\n <h3>What are the challenges?<\/h3>\r\n <ul>\r\n <li>Your email signature looks like everyone else's.<\/li>\r\n <li>It comes across as cheap and damages your reputation.<\/li>\r\n <li>Your customers feel no urgency.<\/li>\r\n <li>You waste hours on a signature that still doesn't look good in the end.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"warn-card warn-card--good\">\r\n <h3>What changes when you use the KIYAYA Signature Maker?<\/h3>\r\n <ul>\r\n <li>You get a futuristic look that immediately increases the value.<\/li>\r\n <li>Your email signature looks premium, not like a hobby add-on.<\/li>\r\n <li>You stun your email recipients with the sublime design.<\/li>\r\n <li>The visual DNA of your brand remains safeguarded.<\/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 luxurious KIYAYA style<\/h2>\r\n <p class=\"section-subtitle\">\r\n Same premium energy. Same intuitive Dashboard feel. Same advantageous purchase price.\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>This is what the score feels like when you have created an email signature.<\/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 play with the possibilities and you can't go wrong.<\/p>\r\n <\/article>\r\n <article class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\ude80<\/div>\r\n <h3>Compatible<\/h3>\r\n <p>Works with Gmail, Outlook, and other mail providers.<\/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 email signature maker looks like<\/h2>\r\n\r\n <div class=\"demo-image\">\r\n <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/04\/signatures.png\" alt=\"Signature Builder\">\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">Here are a few examples<\/h2>\r\n\r\n<div class=\"image-grid\">\r\n\r\n <!-- IMAGE -->\r\n <div class=\"img-card\">\r\n <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/rob.png\" alt=\"\">\r\n <\/div>\r\n\r\n<div class=\"img-card\">\r\n\r\n <div class=\"sig-wrap\">\r\n\r\n <div class=\"signature-inner\">\r\n\r\n <!-- \ud83d\udd25 GIF BUITEN TABLE -->\r\n <div class=\"sig-top\">\r\n <img decoding=\"async\" src=\"https:\/\/salesletterplugin.com\/wp-content\/uploads\/2026\/04\/easter.gif\">\r\n <\/div>\r\n\r\n <!-- \ud83d\udd25 TABLE BLIJFT (INCL. SOCIALS) -->\r\n <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" style=\" background:#eb007d; font-family:Tahoma, Geneva, sans-serif; \">\r\n <tr>\r\n <td style=\"padding:14px; color:#fff;\">\r\n\r\n <div style=\"font-size:21px; font-weight:700; margin-bottom:6px;\">\r\n Manuela Maneschijn\r\n <\/div>\r\n\r\n <div style=\"font-size:17px; margin-bottom:10px;\">\r\n Creative Director\r\n <\/div>\r\n\r\n <div style=\" background:#0296f2; padding:6px 10px; border-radius:6px; font-size:14px; margin-bottom:12px; \">\r\n Design that gets remembered.\r\n <\/div>\r\n\r\n <div style=\"font-size:14px; line-height:1.5;\">\r\n \u2709 hello@example.com<br>\r\n \u260e +31 6 12345678<br>\r\n \u2197 info@abcbv.com\r\n <\/div>\r\n\r\n <!-- \ud83d\udd25 SOCIALS BLIJVEN GEWOON -->\r\n <div class=\"sig-socials\">\r\n <img decoding=\"async\" src=\"https:\/\/salesletterplugin.com\/wp-content\/plugins\/kiyaya-signature-builder-FULL-1\/assets\/icons\/facebook.png\">\r\n <img decoding=\"async\" src=\"https:\/\/salesletterplugin.com\/wp-content\/plugins\/kiyaya-signature-builder-FULL-1\/assets\/icons\/instagram.png\">\r\n <img decoding=\"async\" src=\"https:\/\/salesletterplugin.com\/wp-content\/plugins\/kiyaya-signature-builder-FULL-1\/assets\/icons\/linkedin.png\">\r\n <img decoding=\"async\" src=\"https:\/\/salesletterplugin.com\/wp-content\/plugins\/kiyaya-signature-builder-FULL-1\/assets\/icons\/tiktok.png\">\r\n <img decoding=\"async\" src=\"https:\/\/salesletterplugin.com\/wp-content\/plugins\/kiyaya-signature-builder-FULL-1\/assets\/icons\/youtube.png\">\r\n <img decoding=\"async\" src=\"https:\/\/salesletterplugin.com\/wp-content\/plugins\/kiyaya-signature-builder-FULL-1\/assets\/icons\/whatsapp.png\">\r\n <\/div>\r\n\r\n <\/td>\r\n <\/tr>\r\n <\/table>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- \ud83d\udd25 SIGNATURE (FIXED DEFINITIEF) -->\r\n<div class=\"img-card\">\r\n\r\n <div class=\"signature-inner\">\r\n\r\n <!-- CONTENT -->\r\n <div class=\"sig-main\">\r\n\r\n <table width=\"100%\">\r\n <tr>\r\n\r\n <td class=\"sig-accent\"><\/td>\r\n\r\n <td class=\"sig-content\">\r\n <table width=\"100%\">\r\n <tr>\r\n\r\n <td class=\"sig-photo\" style=\"padding-right:12px;\">\r\n <img decoding=\"async\" src=\"https:\/\/salesletterplugin.com\/wp-content\/uploads\/2026\/04\/Vastgoedprofessional-met-modelhuis.png\">\r\n <\/td>\r\n\r\n <td>\r\n <div class=\"sig-name\">Ragne<\/div>\r\n <div class=\"sig-role\">Real Estate Agent<\/div>\r\n\r\n <div class=\"sig-info\">\r\n \u2709 ragne@reality.nl<br>\r\n \u260e +31 6 12345678<br>\r\n \u2302 Zwaluwsteeg 56, 9758TT, Appelscha<br>\r\n \u2197 reality.nl\r\n <\/div>\r\n <\/td>\r\n\r\n <\/tr>\r\n <\/table>\r\n <\/td>\r\n\r\n <\/tr>\r\n <\/table>\r\n\r\n <\/div>\r\n\r\n <!-- BANNER -->\r\n <div class=\"sig-banner-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/salesletterplugin.com\/wp-content\/uploads\/2026\/04\/Real-Estate-Art-GIF-by-Explainly.gif\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n <!-- IMAGE -->\r\n <div class=\"img-card\">\r\n <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/harm.png\" alt=\"\">\r\n <\/div>\r\n\r\n <!-- IMAGE -->\r\n <div class=\"img-card\">\r\n <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/harry.png\" alt=\"\">\r\n <\/div>\r\n\r\n <!-- IMAGE -->\r\n <div class=\"img-card\">\r\n <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/04\/fred.png\" alt=\"\">\r\n <\/div>\r\n\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\">Introductory prices that feel like a bargain<\/h2>\r\n\r\n <div class=\"price-cards\">\r\n\r\n <!-- CARD 1 -->\r\n <aside class=\"price-card\">\r\n <div class=\"price-top\">\r\n <span class=\"mini-badge\">Personal<\/span>\r\n <div class=\"price-tag\">\u20ac17 <small>one-time<\/small><\/div>\r\n <p>Perfect for you and your family.<\/p>\r\n <\/div>\r\n\r\n <ul>\r\n <li>3 Signatures<\/li>\r\n <li>\u2714 Alle Templates<\/li>\r\n <li>\u2714 Updates<\/li>\r\n <\/ul>\r\n\r\n<a class=\"cta--hot\" href=\"https:\/\/payment-links.mollie.com\/payment\/DNUEYHQnPqFkKLGReZ9ta\">\r\n PURCHASE\r\n <\/a>\r\n <\/aside>\r\n\r\n <!-- CARD 2 -->\r\n <aside class=\"price-card\">\r\n <div class=\"price-top\">\r\n <span class=\"mini-badge\">Business<\/span>\r\n <div class=\"price-tag\">\u20ac27 <small>one-time<\/small><\/div>\r\n <p>For businesses or your friends.<\/p>\r\n <\/div>\r\n\r\n <ul>\r\n <li>25 Signatures<\/li>\r\n <li>\u2714 Alle Templates<\/li>\r\n <li>\u2714 Updates<\/li>\r\n \r\n <\/ul>\r\n\r\n <a class=\"cta--hot\" href=\"https:\/\/payment-links.mollie.com\/payment\/dTWjhFoNnXHmxJkRgJZpL\">\r\n PURCHASE\r\n <\/a>\r\n <\/aside>\r\n <\/div>\r\n\r\n\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 ordinary<\/h2>\r\n\r\n<\/section>\r\n\r\n<section class=\"section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n\r\n\r\n <div class=\"faq-grid\">\r\n <article class=\"faq\">\r\n <h3>How many signatures can I make?<\/h3>\r\n <p>3 when choosing Personal. 25 when choosing Business.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>I don't have WordPress?<\/h3>\r\n <p>Perhaps you know someone with a small business. Then you can piggyback on that.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>Is it easy to create an email signature?<\/h3>\r\n <p>Yes, it is very intuitive.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>I have a website, but it wasn't made with WordPress?<\/h3>\r\n <p>Attach a free subdomain to it and install free WordPress on it.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>I don't have a website and I don't know anyone either?<\/h3>\r\n <p>That's the end of it!<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>Can the plugin be installed on multiple websites?<\/h3>\r\n <p>No. Suitable for 1 website per purchase.<\/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 Email Signature Maker is licensed. Therefore, if you choose a refund, the license expires and the plugin becomes unusable. We have to set everything up manually for you. If you place your order and we are asleep, it can take up to 15 hours before you receive a message. Please check your email and spam folder.\r\n <\/p>\r\n <div class=\"final-actions\">\r\n\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\">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 Signature Builder \u2013 Sales Page K KIYAYA Email handtekening Futuristisch \u2022 Intuitief-Premium style Lanceringsdeal actief \u25b6 Email Handtekening Maker Plugin Maak een eind aanlelijke handtekeningen Je weet wel, die minimale handtekeningmakers waarbij wanneer je iets leeg laat zo’n naar gat ontstaat. Drag, drop, stijl en exporteer Geschikt voor Gmail en Outlook Intuitief bewerkingsprogramma Gewoon […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-4076","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts\/4076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"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=4076"}],"version-history":[{"count":183,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts\/4076\/revisions"}],"predecessor-version":[{"id":4360,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts\/4076\/revisions\/4360"}],"wp:attachment":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/media?parent=4076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/categories?post=4076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/tags?post=4076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}