{"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-05T07:32:12","modified_gmt":"2026-04-05T07:32:12","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: 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 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: 870px;\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-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\/03\/mockup.png\" playsinline>\r\n <source src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/03\/English-pitchsignaturecreator.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\"> Signature Builder Plugin<\/div>\r\n <h1>\r\n Stop Working <span class=\"headline-accent\">with<\/span>\r\n ugly e-Mail Signatures\r\n <\/h1>\r\n <p class=\"lead\">\r\n You know, those minimal signatures, where if you leave a placeholder empty it also leaves an empty line in your signature.\r\n <\/p>\r\n\r\n <div class=\"hero-bullets\">\r\n <span>Drag, drop, style and export faster<\/span>\r\n <span>Compatible with Gmail and Outlook<\/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\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 signatures can look, you will never want to go back to one of those expensive online signature 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>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 Signature generators Fail Hard<\/h2>\r\n <p class=\"section-subtitle\">\r\n They are generic. They feel outdated. They are too expensive. 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 email signatures looks like everyone else using the same predictable layout.<\/li>\r\n <li>Your signatures do not feel premium, so your reputation drops.<\/li>\r\n <li>Your image is weakened 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 futuristic look that instantly boosts perceived value.<\/li>\r\n <li>You present your signature like a premium digital weapon, not a hobby add-on.<\/li>\r\n <li>You astonish people with polished mail signatures.<\/li>\r\n <li>You keep the visual DNA of your signatures brand across all your employees.<\/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 UX 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 signature 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 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 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>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 signature designer 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 some examples of email signatures<\/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\">Launch Pricing That Feels Like a Steal<\/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\">Starter<\/span>\r\n <div class=\"price-tag\">\u20ac27 <small>one-time<\/small><\/div>\r\n <p>Perfect for small teams or personal use.<\/p>\r\n <\/div>\r\n\r\n <ul>\r\n <li>\u2714 3 Signatures<\/li>\r\n <li>\u2714 All Templates<\/li>\r\n <li>\u2714 Future Updates<\/li>\r\n <\/ul>\r\n\r\n<a class=\"cta--hot\" href=\"https:\/\/payment-links.mollie.com\/payment\/WaxtumS8SmqwXEKFaowkU\">\r\n Get Started\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\">Unlimited<\/span>\r\n <div class=\"price-tag\">\u20ac37 <small>one-time<\/small><\/div>\r\n <p>For businesses and helping friends.<\/p>\r\n <\/div>\r\n\r\n <ul>\r\n <li>\u2714 Unlimited Signatures<\/li>\r\n <li>\u2714 All Templates<\/li>\r\n <li>\u2714 Future Updates<\/li>\r\n \r\n <\/ul>\r\n\r\n <a class=\"cta--hot\" href=\"https:\/\/payment-links.mollie.com\/payment\/xsJsKxL93iBuUn77aPudp\">\r\n Go Unlimited\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 Generic<\/h2>\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 <\/div>\r\n<\/section>\r\n\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 signatures can I create?<\/h3>\r\n <p>When you purchase Starter you can create 3 signatures. When you purchase Unlimited you can make as many signatures as you want.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>I do not have a wordpress website?<\/h3>\r\n <p>Perhaps you know someone with WordPress. They can buy unlimited and help all their friends.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>Is it easy to create a signature?<\/h3>\r\n <p>Yes, it is very straight forward. Just play around a little and you will see nice results soon.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>I do have a website but it is not on WordPress?<\/h3>\r\n <p>Create a free subdomain and add a free WordPress installation. Easy Peasy.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>I do not have a website or know someone who has?<\/h3>\r\n <p>That's a bummer, we can not help you.<\/p>\r\n <\/article>\r\n <article class=\"faq\">\r\n <h3>Can I install the plugin on more websites?<\/h3>\r\n <p>No, the signature plugin is licensed. Installation is possible on one website.<\/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 Signature Builder 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\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 Signature Builder \u2013 Sales Page K KIYAYA Signature Builder Futuristic \u2022 Intuitive-Premium style Launch Deal Active \u25b6 Signature Builder Plugin Stop Working with ugly e-Mail Signatures You know, those minimal signatures, where if you leave a placeholder empty it also leaves an empty line in your signature. Drag, drop, style and export faster Compatible […]<\/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":150,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts\/4076\/revisions"}],"predecessor-version":[{"id":4301,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/posts\/4076\/revisions\/4301"}],"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}]}}