{"id":4755,"date":"2026-05-13T10:39:33","date_gmt":"2026-05-13T10:39:33","guid":{"rendered":"https:\/\/kiyaya.nl\/?page_id=4755"},"modified":"2026-05-13T12:47:59","modified_gmt":"2026-05-13T12:47:59","slug":"faq-plugin","status":"publish","type":"page","link":"https:\/\/kiyaya.nl\/en\/faq-plugin\/","title":{"rendered":"faq 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\r\nFAQ Plugin<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\n\r\n.kiyaya-qa-standalone{\r\n \r\n font-family:var(--kqa-font);\r\n max-width:var(--kqa-width);\r\n margin:32px auto 120px;\r\n padding:18px;\r\n background:linear-gradient(135deg,var(--kqa-bg),#05060f);\r\n border-radius:calc(var(--kqa-radius) + 0px);\r\n\r\n overflow:visible !important;\r\n\r\n}\r\n.faq-section{\r\n position:relative;\r\n z-index:50;\r\n}\r\n\r\n.kiyaya-qa-standalone{\r\n position:relative;\r\n z-index:50;\r\n}\r\n\r\n.kqa-question{\r\n\r\n color:white;\r\n\r\n text-shadow:\r\n 0 0 8px rgba(140,0,255,.55);\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(140,0,255,.12),\r\n rgba(255,255,255,0)\r\n );\r\n}\r\n\r\n.kiyaya-qa-standalone .kqa-item:hover{\r\n border-color:var(--kqa-accent);\r\n\r\nbox-shadow:\r\n 0 0 30px var(--kqa-accent),\r\n inset 0 0 10px rgba(255,255,255,.05);\r\n\r\n transform:translateY(-2px);\r\n}\r\n\r\n.kiyaya-qa-standalone *{\r\n box-sizing:border-box;\r\n}\r\n\r\n.kiyaya-qa-standalone,\r\n.kiyaya-qa-standalone *{\r\n font-family:var(--kqa-font) !important;\r\n}\r\n\r\nhtml,\r\nbody{\r\n overflow-x:hidden;\r\n overflow-y:visible !important;\r\n}\r\n.kiyaya-qa-standalone .kqa-shell{\r\n display:flex;\r\n flex-direction:column;\r\n gap:var(--kqa-gap);\r\n}\r\n.kqa-item{\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(12,15,35,.96),\r\n rgba(18,10,40,.94)\r\n );\r\n\r\n border:1px solid rgba(140,0,255,.18);\r\n\r\n box-shadow:\r\n 0 0 8px rgba(140,0,255,.08);\r\n\r\n transition:.35s ease;\r\n}\r\n.kqa-answer{\r\n\r\n display:none;\r\n\r\n padding:0;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(5,10,25,.92),\r\n rgba(10,15,35,.96)\r\n );\r\n\r\n border-top:\r\n 1px solid rgba(0,240,255,.25);\r\n\r\n color:#dfe7ff;\r\n\r\n font-size:17px;\r\n\r\n line-height:1.8;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n.kqa-item.active .kqa-answer{\r\n\r\n display:block;\r\n\r\n padding:28px 34px;\r\n\r\n animation:faqFade .35s ease;\r\n}\r\n\r\n.kqa-item.active .kqa-answer{\r\n\r\n display:block;\r\n\r\n padding:28px 34px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(10,15,35,.98),\r\n rgba(20,10,45,.98)\r\n );\r\n\r\n border-top:\r\n 1px solid rgba(0,238,255,.75);\r\n\r\n box-shadow:\r\n inset 0 0 25px rgba(0,238,255,.12),\r\n inset 0 0 60px rgba(140,0,255,.14);\r\n\r\n animation:faqFade .35s ease;\r\n}\r\n\r\n.kqa-item.active{\r\n\r\n border-color:#00eeff;\r\n\r\n box-shadow:\r\n 0 0 10px #00eeff,\r\n 0 0 24px rgba(0,238,255,.65),\r\n 0 0 60px rgba(140,0,255,.28);\r\n}\r\n\r\n.kqa-item:hover{\r\n\r\n border-color:#00eeff;\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 0 12px #00eeff,\r\n 0 0 30px rgba(0,238,255,.75),\r\n 0 0 70px rgba(140,0,255,.35);\r\n}\r\n\r\n.kiyaya-qa-standalone .kqa-item:hover:before{\r\n background:var(--kqa-accent);\r\n opacity:.85;\r\n}\r\n\r\n.kqa-question{\r\n\r\n width:100%;\r\n\r\n background:none;\r\n border:none;\r\n\r\n color:white;\r\n\r\n padding:30px 34px;\r\n\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n\r\n cursor:pointer;\r\n\r\n font-family:'Orbitron',sans-serif;\r\n\r\n font-size:20px;\r\n font-weight:700;\r\n\r\n letter-spacing:.5px;\r\n\r\n text-align:left;\r\n}\r\n.kqa-icon{\r\n\r\n font-size:30px;\r\n\r\n color:#00f0ff;\r\n\r\n text-shadow:\r\n 0 0 12px rgba(0,240,255,.9);\r\n\r\n transition:.3s;\r\n}\r\n.kiyaya-qa-standalone .kqa-answer{\r\n\r\n display:none;\r\n\r\n color:var(--kqa-a-color);\r\n font-size:var(--kqa-a-size);\r\n line-height:1.7;\r\n\r\n padding:\r\n 0 var(--kqa-padding)\r\n var(--kqa-padding);\r\n\r\n}\r\n\r\n.kiyaya-qa-standalone .kqa-item.is-open .kqa-answer{\r\n display:block;\r\n}\r\n\r\n.kqa-item.active .kqa-question{\r\n\r\n box-shadow:\r\n inset 0 0 25px rgba(140,0,255,.35),\r\n 0 0 35px rgba(140,0,255,.25);\r\n}\r\n.kiyaya-qa-powered{\r\n text-align:center;\r\n margin-top:14px;\r\n font-size:12px;\r\n color:var(--kqa-a-color);\r\n}\r\n.kiyaya-qa-powered a{\r\n color:var(--kqa-accent);\r\n font-weight:800;\r\n text-decoration:none;\r\n}\r\n\r\n.kqa-item,\r\n.kiyaya-qa-standalone,\r\n.kqa-question,\r\n.kqa-answer{\r\n border-radius:0 !important;\r\n}\r\n\r\nbody{\r\n background:#050510;\r\n color:white;\r\n font-family:'Inter',sans-serif;\r\n overflow-x:hidden;\r\n}\r\n\r\n\/* =========================================\r\nBACKGROUND\r\n========================================= *\/\r\n\r\n.bg{\r\n position:fixed;\r\n inset:0;\r\n z-index:0;\r\n overflow:hidden;\r\n}\r\n\r\n.bg img{\r\n width:100%;\r\n height:100%;\r\n object-fit:contain;\r\n object-position:center 0%;\r\n transform:scale(1);\r\n}\r\n\r\n.overlay{\r\n position:fixed;\r\n inset:0;\r\n background:\r\n radial-gradient(circle at top right, rgba(177,0,255,.35), transparent 20%),\r\n radial-gradient(circle at bottom left, rgba(0,140,255,.25), transparent 20%),\r\n rgba(0,0,0,.55);\r\n z-index:-2;\r\n}\r\n\r\n\/* =========================================\r\nTOP NAV\r\n========================================= *\/\r\n\r\n.topbar{\r\n position:fixed;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n z-index:999;\r\n backdrop-filter:blur(2px);\r\n background:rgba(5,5,20,.10);\r\n border-bottom:1px solid rgba(255,255,255,.03);\r\n}\r\n\r\n.topbar-inner{\r\n max-width:1400px;\r\n margin:auto;\r\n padding:18px 30px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n}\r\n\r\n.logo{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n font-family:'Orbitron',sans-serif;\r\n font-weight:800;\r\n letter-spacing:2px;\r\n font-size:26px;\r\n}\r\n\r\n.logo-icon{\r\n width:55px;\r\n height:55px;\r\n border-radius:18px;\r\n background:linear-gradient(135deg,#ae00ff,#4f7cff);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n box-shadow:\r\n 0 0 30px rgba(174,0,255,.7),\r\n 0 0 60px rgba(79,124,255,.5);\r\n}\r\n\r\n.nav-btn{\r\n padding:14px 30px;\r\n border-radius:18px;\r\n text-decoration:none;\r\n color:white;\r\n font-weight:700;\r\n letter-spacing:1px;\r\n background:linear-gradient(135deg,#9e00ff,#4f7cff);\r\n box-shadow:\r\n 0 0 25px rgba(162,0,255,.2);\r\n transition:.3s;\r\n}\r\n\r\n.nav-btn:hover{\r\n transform:translateY(-3px) scale(1.03);\r\n}\r\n\r\n\/* =========================================\r\nHERO\r\n========================================= *\/\r\n\r\n.hero{\r\n min-height:100vh;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n padding:160px 30px 80px;\r\n}\r\n\r\n.hero-inner{\r\n width:100%;\r\n max-width:1400px;\r\n display:grid;\r\n grid-template-columns:1fr;\r\n gap:70px;\r\n align-items:center;\r\n}\r\n\r\n.hero-content{\r\n animation:fadeUp 1s ease;\r\n\r\n background:linear-gradient(\r\n 135deg,\r\n rgba(0,0,0,.45),\r\n rgba(15,15,30,.25)\r\n );\r\n\r\n padding:50px;\r\n\r\n border-radius:35px;\r\n\r\n backdrop-filter:blur(1px);\r\n\r\n border:1px solid rgba(255,255,255,.06);\r\n}\r\n\r\n.kicker{\r\n display:inline-block;\r\n margin-bottom:25px;\r\n padding:10px 18px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.08);\r\n border:1px solid rgba(255,255,255,.03);\r\n color:#cba9ff;\r\n font-weight:600;\r\n letter-spacing:1px;\r\n}\r\n\r\n.hero h1{\r\n font-family:'Orbitron',sans-serif;\r\n font-size:clamp(56px,7vw,110px);\r\n line-height:.95;\r\n margin-bottom:28px;\r\n font-weight:800;\r\n text-shadow:\r\n 0 0 25px rgba(140,0,255,.2);\r\n}\r\n\r\n.hero h1 span{\r\n background:linear-gradient(135deg,#ff7bff,#4f7cff);\r\n -webkit-background-clip:text;\r\n -webkit-text-fill-color:transparent;\r\n}\r\n\r\n.hero p{\r\n font-size:21px;\r\n line-height:1.8;\r\n color:#d7d7e6;\r\n max-width:700px;\r\n}\r\n\r\n.hero-buttons{\r\n margin-top:45px;\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:20px;\r\n}\r\n\r\n.btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:12px;\r\n padding:18px 34px;\r\n border-radius:22px;\r\n text-decoration:none;\r\n color:white;\r\n font-weight:700;\r\n letter-spacing:1px;\r\n transition:.3s;\r\n}\r\n\r\n.btn-primary{\r\n background:linear-gradient(135deg,#ad00ff,#4f7cff);\r\n box-shadow:\r\n 0 0 35px rgba(162,0,255,.2);\r\n}\r\n\r\n.btn-secondary{\r\n border:1px solid rgba(255,255,255,.15);\r\n background:rgba(255,255,255,.02);\r\n backdrop-filter:blur(10px);\r\n}\r\n\r\n.btn:hover{\r\n transform:translateY(-4px) scale(1.03);\r\n}\r\n\r\n\/* =========================================\r\nVIDEO\r\n========================================= *\/\r\n\r\n.video-box video{\r\n width:100%;\r\n height:100%;\r\n display:block;\r\n object-fit:cover;\r\n border-radius:0px;\r\n}\r\n\r\n.video-box{\r\n width:100%;\r\n max-width:1000px;\r\n\r\n aspect-ratio:16\/9;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:0;\r\n\r\n margin-top:60px;\r\n\r\n padding:5px;\r\n\r\n position:relative;\r\n z-index:5;\r\n\r\n background:#000;\r\n\r\n border:5px solid rgba(255,255,255,.5);\r\n\r\n box-shadow:\r\n 0 0 12px rgba(255,255,255,.08),\r\n 0 0 40px rgba(177,0,255,.35),\r\n 0 0 90px rgba(79,124,255,.22);\r\n}\r\n\r\n.play-btn{\r\n width:130px;\r\n height:130px;\r\n border-radius:50%;\r\n background:linear-gradient(135deg,#ad00ff,#4f7cff);\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:50px;\r\n color:white;\r\n cursor:pointer;\r\n box-shadow:\r\n 0 0 60px rgba(174,0,255,.6);\r\n animation:pulse 2s infinite;\r\n}\r\n\r\n\/* =========================================\r\nFEATURES\r\n========================================= *\/\r\n\r\n.features{\r\n padding:80px 30px 120px;\r\n}\r\n\r\n.features-inner{\r\n max-width:1400px;\r\n margin:auto;\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\n gap:28px;\r\n}\r\n\r\n.card{\r\n padding:40px;\r\n border-radius:30px;\r\n background:rgba(255,255,255,.05);\r\n border:1px solid rgba(255,255,255,.02);\r\n backdrop-filter:blur(2px);\r\n transition:.4s;\r\n}\r\n\r\n.card:hover{\r\n transform:translateY(-10px);\r\n box-shadow:\r\n 0 0 50px rgba(168,0,255,.5);\r\n}\r\n\r\n.card-icon{\r\n font-size:46px;\r\n margin-bottom:20px;\r\n}\r\n\r\n.card h3{\r\n font-size:26px;\r\n margin-bottom:14px;\r\n font-family:'Orbitron',sans-serif;\r\n}\r\n\r\n.card p{\r\n color:#d4d4e4;\r\n line-height:1.8;\r\n}\r\n\r\n\/* =========================================\r\nCTA BANNER\r\n========================================= *\/\r\n\r\n.cta-banner{\r\n padding:40px 30px 120px;\r\n}\r\n\r\n.cta-content{\r\n max-width:1400px;\r\n margin:auto;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:40px;\r\n\r\n padding:60px;\r\n\r\n border-radius:40px;\r\n\r\n position:relative;\r\n overflow:hidden;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(12,12,25,.72),\r\n rgba(25,10,45,.55)\r\n );\r\n\r\n border:1px solid rgba(255,255,255,.08);\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n box-shadow:\r\n 0 0 50px rgba(177,0,255,.18),\r\n 0 0 120px rgba(79,124,255,.12);\r\n}\r\n\r\n\/* GLOW EFFECT *\/\r\n\r\n.cta-content::before{\r\n content:'';\r\n\r\n position:absolute;\r\n\r\n width:500px;\r\n height:500px;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n rgba(177,0,255,.22),\r\n transparent 70%\r\n );\r\n\r\n top:-250px;\r\n right:-150px;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.cta-kicker{\r\n display:inline-block;\r\n\r\n margin-bottom:20px;\r\n\r\n color:#cfa8ff;\r\n\r\n letter-spacing:2px;\r\n\r\n font-size:13px;\r\n font-weight:700;\r\n}\r\n\r\n.cta-text h2{\r\n font-family:'Orbitron',sans-serif;\r\n\r\n font-size:clamp(34px,4vw,58px);\r\n\r\n line-height:1.1;\r\n\r\n margin-bottom:20px;\r\n\r\n max-width:800px;\r\n}\r\n\r\n.cta-text p{\r\n font-size:20px;\r\n color:#d8d8e5;\r\n}\r\n\r\n\/* BUY BUTTON *\/\r\n\r\n.buy-button{\r\n flex-shrink:0;\r\n\r\n width:180px;\r\n height:180px;\r\n\r\n border-radius:50%;\r\n\r\n display:flex;\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n text-align:center;\r\n\r\n line-height:1.2;\r\n\r\n padding:20px;\r\n\r\n text-decoration:none;\r\n\r\n color:white;\r\n\r\n font-size:24px;\r\n font-weight:800;\r\n\r\n letter-spacing:2px;\r\n\r\n font-family:'Orbitron',sans-serif;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #b100ff,\r\n #4f7cff\r\n );\r\n\r\n border:2px solid rgba(255,255,255,.15);\r\n\r\n box-shadow:\r\n 0 0 30px rgba(177,0,255,.45),\r\n 0 0 90px rgba(79,124,255,.35);\r\n\r\n transition:.35s;\r\n}\r\n\r\n.buy-button:hover{\r\n transform:scale(1.08);\r\ncolor:#ffffff;\r\nbox-shadow:\r\n0 0 45px rgba(0,255,140,.65),\r\n0 0 120px rgba(0,255,90,.45);\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:980px){\r\n\r\n.cta-content{\r\n flex-direction:column;\r\n text-align:center;\r\n padding:40px 28px;\r\n}\r\n\r\n.buy-button{\r\n width:140px;\r\n height:140px;\r\n font-size:28px;\r\n}\r\n\r\n}\r\n\r\n\/* =========================================\r\nBOTTOM HOME BUTTON\r\n========================================= *\/\r\n\r\n.bottom-home{\r\n padding:0 30px 120px;\r\n text-align:center;\r\n position:relative;\r\n z-index:10;\r\n}\r\n\r\n.home-btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:16px;\r\n padding:26px 80px;\r\n border-radius:30px;\r\n text-decoration:none;\r\n color:white;\r\n font-size:28px;\r\n font-weight:800;\r\n letter-spacing:2px;\r\n font-family:'Orbitron',sans-serif;\r\n background:linear-gradient(135deg,#b100ff,#4f7cff);\r\n box-shadow:\r\n 0 0 60px rgba(177,0,255,.2);\r\n transition:.4s;\r\n}\r\n\r\n.home-btn:hover{\r\n transform:scale(1.05);\r\n}\r\n\r\n\/* =========================================\r\nANIMATIONS\r\n========================================= *\/\r\n\r\n@keyframes pulse{\r\n 0%{transform:scale(1);}\r\n 50%{transform:scale(1.08);}\r\n 100%{transform:scale(1);}\r\n}\r\n\r\n@keyframes fadeUp{\r\n from{\r\n opacity:0;\r\n transform:translateY(40px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n}\r\n\r\n\/* =========================================\r\nRESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:980px){\r\n\r\n.hero-inner{\r\n grid-template-columns:1fr;\r\n}\r\n\r\n.hero h1{\r\n font-size:68px;\r\n}\r\n\r\n.video-box{\r\n min-height:320px;\r\n}\r\n\r\n.topbar-inner{\r\n padding:16px 18px;\r\n}\r\n\r\n.logo{\r\n font-size:18px;\r\n}\r\n\r\n.nav-btn{\r\n padding:12px 20px;\r\n}\r\n\r\n.home-btn{\r\n width:100%;\r\n padding:24px;\r\n font-size:24px;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n<?php wp_head(); ?>\r\n<\/head>\r\n<body>\r\n\r\n<!-- BACKGROUND -->\r\n\r\n<div class=\"bg\">\r\n <img decoding=\"async\" src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/05\/luno.png\" alt=\"\">\r\n<\/div>\r\n\r\n<div class=\"overlay\"><\/div>\r\n\r\n<!-- TOPBAR -->\r\n\r\n<div class=\"topbar\">\r\n <div class=\"topbar-inner\">\r\n\r\n <div class=\"logo\">\r\n <div class=\"logo-icon\">\r\n \ud83d\udd12\r\n <\/div>\r\n FAQ PLUGIN\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n\r\n<section class=\"hero\">\r\n\r\n <div class=\"hero-inner\">\r\n\r\n <div class=\"hero-content\">\r\n\r\n <div class=\"kicker\">\r\n PREMIUM WORDPRESS PLUGIN\r\n <\/div>\r\n\r\n <h1>\r\n Q&A<br>\r\n <span>FAQ<\/span>\r\n <\/h1>\r\n\r\n <p>\r\n Schitterende Q&A generator. Volledig aanpasbaar aan jouw website, met NEON-effect.\r\n <\/p>\r\n\r\n\r\n <!-- VIDEO -->\r\n\r\n<div class=\"video-box\" id=\"video\">\r\n\r\n<video controls playsinline poster=\"\">\r\n <source src=\"https:\/\/kiyaya.nl\/wp-content\/uploads\/2026\/05\/page-protect.mp4\" type=\"video\/mp4\">\r\n<\/video>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- FEATURES -->\r\n\r\n<section class=\"features\">\r\n\r\n <div class=\"features-inner\">\r\n\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <h3>Multilingual<\/h3>\r\n <p>\r\n Geschikt voor alle talen.\r\n <\/p>\r\n <\/div>\r\n\r\n\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\ud83c\udfa8<\/div>\r\n <h3>Unlimited<\/h3>\r\n <p>\r\n No barriers. Install on all your websites.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"card-icon\">\ud83d\udd11<\/div>\r\n <h3>HTML<\/h3>\r\n <p>\r\n Inclusief HTML copy code.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- HOME BUTTON -->\r\n\r\n<!-- CTA BANNER -->\r\n\r\n<section class=\"cta-banner\">\r\n\r\n <div class=\"cta-content\">\r\n\r\n <div class=\"cta-text\">\r\n <span class=\"cta-kicker\">PREMIUM WORDPRESS PLUGIN<\/span>\r\n\r\n <h2>\r\n Betaal 1 keer en gebruik voor altijd.\r\n <\/h2>\r\n\r\n <p>\r\n Modern. Volledig aanpasbaar.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/payment-links.mollie.com\/payment\/yj2KiKzkyDvWQJvvJvFq2\" class=\"buy-button\">\r\n \u20ac13 one-time\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Q&A -->\r\n\r\n<section class=\"faq-section\">\r\n\r\n<div class=\"kiyaya-qa-standalone\">\r\n\r\n <div class=\"kqa-item\">\r\n <button class=\"kqa-question\">\r\n <span>Is this for WordPress?<\/span>\r\n <span class=\"kqa-icon\">+<\/span>\r\n <\/button>\r\n\r\n <div class=\"kqa-answer\">\r\n Ja, maar je kunt de FAQ ook via HTML gebruiken op non-WordPress websites.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kqa-item\">\r\n <button class=\"kqa-question\">\r\n <span>Zijn er upsells?<\/span>\r\n <span class=\"kqa-icon\">+<\/span>\r\n <\/button>\r\n\r\n <div class=\"kqa-answer\">\r\n Nee. What you see is what you get.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"kqa-item\">\r\n <button class=\"kqa-question\">\r\n <span>Kan ik meerdere websites gebruiken?<\/span>\r\n <span class=\"kqa-icon\">+<\/span>\r\n <\/button>\r\n\r\n <div class=\"kqa-answer\">\r\n Ja. Je mag de plugin installeren op al jouw eigen websites.\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n.faq-section{\r\n position:relative;\r\n z-index:50;\r\n padding:40px 30px 120px;\r\n}\r\n\r\n.kiyaya-qa-standalone{\r\n max-width:1000px;\r\n margin:auto;\r\n\r\n display:flex;\r\n flex-direction:column;\r\n gap:18px;\r\n}\r\n\r\n.kqa-item{\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n rgba(18,18,35,.88),\r\n rgba(10,10,20,.78)\r\n );\r\n\r\n border:1px solid rgba(130,90,255,.35);\r\n\r\n border-radius:28px;\r\n\r\n overflow:hidden;\r\n\r\n backdrop-filter:blur(10px);\r\n\r\n box-shadow:\r\n 0 0 30px rgba(98,0,255,.12);\r\n\r\n transition:.35s;\r\n}\r\n\r\n.kqa-item:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n border-color:#00f0ff;\r\n\r\n box-shadow:\r\n 0 0 30px rgba(0,240,255,.22),\r\n 0 0 80px rgba(120,0,255,.18);\r\n}\r\n\r\n.kqa-question{\r\n\r\n width:100%;\r\n\r\n background:none;\r\n border:none;\r\n\r\n color:white;\r\n\r\n padding:28px 34px;\r\n\r\n cursor:pointer;\r\n\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n\r\n text-align:left;\r\n\r\n font-size:20px;\r\n font-weight:700;\r\n\r\n font-family:'Orbitron',sans-serif;\r\n}\r\n\r\n.kqa-icon{\r\n\r\n font-size:28px;\r\n\r\n color:#00f0ff;\r\n\r\n flex-shrink:0;\r\n\r\n margin-left:20px;\r\n}\r\n\r\n.kqa-answer{\r\n\r\n display:none;\r\n\r\n padding:\r\n 0 34px 34px;\r\n\r\n color:#d6d8f5;\r\n\r\n font-size:17px;\r\n\r\n line-height:1.9;\r\n}\r\n\r\n.kqa-item.active .kqa-answer{\r\n display:block;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\nwindow.addEventListener('load', function(){\r\n\r\n const faqItems = document.querySelectorAll('.kqa-item');\r\n\r\n faqItems.forEach(function(item){\r\n\r\n const button = item.querySelector('.kqa-question');\r\n\r\n button.onclick = function(){\r\n\r\n const wasOpen = item.classList.contains('active');\r\n\r\n faqItems.forEach(function(other){\r\n\r\n other.className = 'kqa-item';\r\n\r\n const otherIcon = other.querySelector('.kqa-icon');\r\n\r\n if(otherIcon){\r\n otherIcon.innerHTML = '+';\r\n }\r\n\r\n });\r\n\r\n if(!wasOpen){\r\n\r\n item.className = 'kqa-item active';\r\n\r\n const icon = item.querySelector('.kqa-icon');\r\n\r\n if(icon){\r\n icon.innerHTML = '\u2212';\r\n }\r\n\r\n }\r\n\r\n };\r\n\r\n });\r\n\r\n});\r\n\r\n<\/script>\r\n<?php wp_footer(); ?>\r\n<\/body>\r\n<\/html>\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>FAQ Plugin \ud83d\udd12 FAQ PLUGIN PREMIUM WORDPRESS PLUGIN Q&A FAQ Schitterende Q&A generator. Volledig aanpasbaar aan jouw website, met NEON-effect. \ud83d\udee1\ufe0f Multilingual Geschikt voor alle talen. \ud83c\udfa8 Unlimited Geen belemmeringen. Installeer op al jouw websites. \ud83d\udd11 HTML Inclusief HTML copy code. PREMIUM WORDPRESS PLUGIN Betaal 1 keer en gebruik voor altijd. Modern. Volledig aanpasbaar. \u20ac […]<\/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-4755","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages\/4755","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=4755"}],"version-history":[{"count":76,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages\/4755\/revisions"}],"predecessor-version":[{"id":4841,"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/pages\/4755\/revisions\/4841"}],"wp:attachment":[{"href":"https:\/\/kiyaya.nl\/en\/wp-json\/wp\/v2\/media?parent=4755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}