CUKCUK - Landing Page Multi-step<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: {\r\n bg: \"#fdf6ee\",\r\n primary: \"#1c76b0\",\r\n secondary: \"#f5a623\",\r\n heading: \"#1a1a2e\",\r\n text: \"#5a6a7e\"\r\n }\r\n },\r\n keyframes: {\r\n popup: {\r\n \"0%\": { opacity: \"0\", transform: \"translateY(18px) scale(0.96)\" },\r\n \"100%\": { opacity: \"1\", transform: \"translateY(0) scale(1)\" }\r\n }\r\n },\r\n animation: {\r\n popup: \"popup 0.5s ease forwards\"\r\n }\r\n }\r\n }\r\n };\r\n <\/script>\r\n \r\n <style>\r\n body {\r\n background: #fdf6ee;\r\n }\r\n\r\n .slide {\r\n display: none;\r\n }\r\n\r\n .slide.is-active {\r\n display: flex;\r\n }\r\n\r\n .answer-button.is-selected {\r\n border-color: #1c76b0;\r\n background-color: rgba(28, 118, 176, 0.08);\r\n color: #1c76b0;\r\n box-shadow: 0 14px 36px rgba(28, 118, 176, 0.12);\r\n }\r\n\r\n .answer-button:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .placeholder-visual {\r\n display: flex;\r\n width: 100%;\r\n align-items: center;\r\n justify-content: center;\r\n border: 2px solid rgba(28, 118, 176, 0.24);\r\n border-radius: 1.75rem;\r\n background: transparent;\r\n color: #5a6a7e;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 0.02em;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen font-sans text-brand-text antialiased\">\r\n <div class=\"fixed inset-x-0 top-0 z-50 border-b border-black\/5 bg-brand-bg\/90 backdrop-blur\">\r\n <div class=\"w-full\">\r\n <div class=\"h-1 sm:h-1.5 overflow-hidden bg-brand-primary\/10\">\r\n <div\r\n id=\"progressBar\"\r\n class=\"h-full bg-gradient-to-r from-brand-primary to-brand-secondary transition-all duration-500 ease-out\"\r\n style=\"width: 12.5%;\"\r\n ><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <header class=\"mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8\">\r\n <a href=\"https:\/\/cukcuk.eu\/vi\/\" class=\"inline-flex items-center\" aria-label=\"CUKCUK\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2024\/06\/logo-cukcuk-1.png\"\r\n alt=\"CUKCUK\"\r\n class=\"max-h-10 w-auto object-contain\"\r\n >\r\n <\/a>\r\n <div class=\"flex items-center gap-4\">\r\n <a\r\n href=\"tel: 493089568366\"\r\n class=\"inline-flex items-center gap-2 rounded-full border border-brand-primary\/15 bg-white\/80 px-4 py-2 text-sm font-semibold text-brand-heading transition hover:border-brand-primary\/40 hover:text-brand-primary\"\r\n >\r\n <svg class=\"h-4 w-4 text-brand-secondary\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.3 11.3 0 0 0 3.55.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.85 21 3 13.15 3 3.99a1 1 0 0 1 1-1H7.5a1 1 0 0 1 1 1c0 1.23.19 2.43.57 3.55a1 1 0 0 1-.24 1.02l-2.2 2.23Z\"\/>\r\n <\/svg>\r\n <span>+49 30 89568366<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/cukcuk.eu\/vi\/lp-gastro-kassensystem-de\/\" class=\"text-3xl active:opacity-50\" aria-label=\"Deutsch\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" viewbox=\"0 0 64 64\">\r\n \t<path d=\"M0 0h64v64H0z\" fill=\"none\" \/>\r\n \t<path fill=\"#3e4347\" d=\"M31.9 2C18.8 2 7.7 10.4 3.6 22h56.6C56.1 10.4 45 2 31.9 2\" \/>\r\n \t<path fill=\"#ffe62e\" d=\"M31.9 62c13.1 0 24.2-8.3 28.3-20H3.6c4.1 11.7 15.2 20 28.3 20\" \/>\r\n \t<path fill=\"#ed4c5c\" d=\"M3.6 22c-1.1 3.1-1.7 6.5-1.7 10s.6 6.9 1.7 10h56.6c1.1-3.1 1.7-6.5 1.7-10s-.6-6.9-1.7-10z\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n <\/div>\r\n\r\n <main class=\"px-4 pb-8 pt-14 sm:px-6 lg:px-8 bg-[#fdf6ee]\">\r\n <div class=\"mx-auto max-w-7xl\">\r\n <div id=\"slideViewport\" class=\"relative overflow-hidden rounded-[2rem]\">\r\n <section\r\n id=\"hero\"\r\n data-step=\"0\"\r\n class=\"slide is-active min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h1 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n <span class=\"text-brand-primary\">CUKCUK Kassensystem<\/span><br>Hi\u1ec3u nghi\u1ec7p v\u1ee5 nh\u1ecf, t\u1ed1i \u01b0u v\u1eadn h\u00e0nh l\u1edbn\r\n <\/h1>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n T\u1eeb g\u1ecdi m\u00f3n, thanh to\u00e1n, qu\u1ea3n l\u00fd doanh thu \u0111\u1ebfn b\u00e1n h\u00e0ng online, CUKCUK gi\u00fap nh\u00e0 h\u00e0ng v\u1eadn h\u00e0nh nhanh h\u01a1n, ch\u00ednh x\u00e1c h\u01a1n v\u00e0 chuy\u00ean nghi\u1ec7p h\u01a1n.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/herosection_lp_1_funel-e1783079483507.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Ti\u1ebfp t\u1ee5c\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"e-concept\"\r\n data-step=\"1\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n Ph\u1ed1i h\u1ee3p nh\u1ecbp nh\u00e0ng, t\u0103ng doanh thu\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n K\u1ebft n\u1ed1i E-Concept gi\u00fap kh\u00e1ch \u0111\u1eb7t m\u00f3n t\u1ea1i b\u00e0n, \u0111\u1eb7t b\u00e0n v\u00e0 \u0111\u1eb7t \u0111\u1ed3 online d\u1ec5 d\u00e0ng \u1edf m\u1ecdi \u0111i\u1ec3m ch\u1ea1m.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/e-concept_lp_1_funel.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Ti\u1ebfp t\u1ee5c\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"legal\"\r\n data-step=\"2\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n An t\u00e2m v\u1eadn h\u00e0nh, tu\u00e2n th\u1ee7 ph\u00e1p l\u00fd\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n H\u1ed7 tr\u1ee3 nh\u00e0 h\u00e0ng \u0111\u00e1p \u1ee9ng c\u00e1c y\u00eau c\u1ea7u ph\u00e1p l\u00fd trong v\u1eadn h\u00e0nh b\u00e1n h\u00e0ng v\u00e0 thanh to\u00e1n, gi\u00fap quy tr\u00ecnh minh b\u1ea1ch, ch\u00ednh x\u00e1c v\u00e0 \u0111\u00e1ng tin c\u1eady.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/legal_lp_1_funel.jpg\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Ti\u1ebfp t\u1ee5c\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"support\"\r\n data-step=\"3\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n H\u1ed7 tr\u1ee3 t\u1eadn t\u00e2m, \u0111\u1ed3ng h\u00e0nh l\u00e2u d\u00e0i\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n \u0110\u1ed9i ng\u0169 h\u1ed7 tr\u1ee3 24\/7 lu\u00f4n s\u1eb5n s\u00e0ng \u0111\u1ed3ng h\u00e0nh, gi\u00fap nh\u00e0 h\u00e0ng v\u1eadn h\u00e0nh \u1ed5n \u0111\u1ecbnh v\u00e0 ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/support_lp_1_funel.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-secondary px-7 py-3 text-base font-semibold text-brand-heading transition hover:-translate-y-0.5 hover:bg-[#df951f] focus:outline-none focus:ring-4 focus:ring-brand-secondary\/25\"\r\n >\r\n \u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n mi\u1ec5n ph\u00ed\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-kasse\"\r\n data-step=\"4\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-3xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n B\u1ea1n c\u00f3 \u0111ang s\u1edf h\u1eefu h\u1ec7 th\u1ed1ng Kasse n\u00e0o ch\u01b0a?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full max-w-2xl gap-4 sm:grid-cols-2\">\r\n <button\r\n type=\"button\"\r\n data-auto-answer=\"has-kasse\"\r\n data-value=\"co\"\r\n class=\"answer-button inline-flex min-h-[88px] items-center justify-center rounded-3xl border border-brand-primary\/20 bg-white px-6 py-5 text-lg font-semibold text-brand-text transition hover:-translate-y-0.5 hover:border-brand-primary\/40 hover:shadow-lg\"\r\n >\r\n C\u00f3\r\n <\/button>\r\n <button\r\n type=\"button\"\r\n data-auto-answer=\"has-kasse\"\r\n data-value=\"khong\"\r\n class=\"answer-button inline-flex min-h-[88px] items-center justify-center rounded-3xl border border-brand-primary\/20 bg-white px-6 py-5 text-lg font-semibold text-brand-text transition hover:-translate-y-0.5 hover:border-brand-primary\/40 hover:shadow-lg\"\r\n >\r\n Kh\u00f4ng\r\n <\/button>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-type\"\r\n data-step=\"5\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Lo\u1ea1i h\u00ecnh kinh doanh m\u00e0 b\u1ea1n \u0111ang v\u1eadn h\u00e0nh l\u00e0 g\u00ec?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-2 lg:grid-cols-3\">\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"nha-hang\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Nh\u00e0 h\u00e0ng<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"imbiss\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Imbiss \/ Bistro<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"tiem-ca-phe\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Ti\u1ec7m c\u00e0 ph\u00ea<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"bar\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Qu\u00e1n Bar<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"food-truck\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Qu\u1ea7y b\u00e1n di \u0111\u1ed9ng<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"loai-hinh-khac\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Lo\u1ea1i h\u00ecnh kh\u00e1c<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center gap-3 sm:flex-row\">\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-revenue\"\r\n data-step=\"6\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Doanh thu h\u1eb1ng n\u0103m l\u00e0 bao nhi\u00eau? (Euro)\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-3\">\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"khong-co-doanh-thu-khong-ro\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Kh\u00f4ng r\u00f5 doanh thu<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"1-300-nghin\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">1-300 Ngh\u00ecn<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"301-500-nghin\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">301-500 Ngh\u00ecn<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"501-nghin-1-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">501 Ngh\u00ecn - 1 Tri\u1ec7u<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"1-2-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">1 - 2 Tri\u1ec7u<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"2-5-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">2 - 5 Tri\u1ec7u<\/button>\r\n <div class=\"hidden sm:block\"><\/div>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"tren-5-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Tr\u00ean 5 Tri\u1ec7u<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center gap-6 sm:gap-10 sm:flex-row\">\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <button\r\n type=\"button\"\r\n data-skip-to-final\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n T\u00f4i kh\u00f4ng mu\u1ed1n tr\u1ea3 l\u1eddi\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-kasse-timing\"\r\n data-step=\"7\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n B\u1ea1n mu\u1ed1n tri\u1ec3n khai Kasse m\u1edbi v\u00e0o th\u1eddi \u0111i\u1ec3m n\u00e0o?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-2 lg:grid-cols-3\">\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"som-nhat-co-the\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">S\u1edbm nh\u1ea5t c\u00f3 th\u1ec3<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"trong-1-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Trong 1 th\u00e1ng t\u1edbi<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"trong-3-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Trong 3 th\u00e1ng t\u1edbi<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"sau-3-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Sau 3 th\u00e1ng t\u1edbi<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"chua-ro\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Ch\u01b0a r\u00f5<\/button>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"lead-form\"\r\n data-step=\"8\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-3xl flex-col items-center justify-center space-y-8\">\r\n <div class=\"w-full overflow-hidden\">\r\n <iframe\r\n id=\"leadFormIframe\"\r\n title=\"Lead form\"\r\n class=\"min-h-[700px] w-full border-0 bg-[#fdf6ee]\"\r\n src=\"about:blank\"\r\n ><\/iframe>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n const FORM_URL = \"https:\/\/cukcuk.eu\/lp-form-vn\/\";\r\n\r\n (function () {\r\n const slides = Array.from(document.querySelectorAll(\".slide\"));\r\n const progressBar = document.getElementById(\"progressBar\");\r\n const leadFormIframe = document.getElementById(\"leadFormIframe\");\r\n const totalSteps = slides.length;\r\n let currentStep = 0;\r\n const selectionState = {};\r\n let suppressSurveyTypeSelection = false;\r\n const formParams = new URLSearchParams();\r\n\r\n function updateFormParams(updater) {\r\n if (typeof updater === \"function\") {\r\n updater(formParams);\r\n }\r\n }\r\n\r\n function buildFormUrl(includeRefreshToken) {\r\n if (!FORM_URL) {\r\n return \"about:blank\";\r\n }\r\n\r\n const url = new URL(FORM_URL);\r\n\r\n formParams.forEach(function (value, key) {\r\n url.searchParams.set(key, value);\r\n });\r\n\r\n if (includeRefreshToken) {\r\n url.searchParams.set(\"_iframeRefresh\", String(Date.now()));\r\n }\r\n\r\n return url.toString();\r\n }\r\n\r\n function refreshLeadFormIframe() {\r\n if (!leadFormIframe) {\r\n return;\r\n }\r\n\r\n leadFormIframe.src = buildFormUrl(true);\r\n }\r\n\r\n function updateProgress(stepIndex) {\r\n const progress = ((stepIndex + 1) \/ totalSteps) * 100;\r\n progressBar.style.width = progress + \"%\";\r\n }\r\n\r\n function hydrateSelectionsFromState() {\r\n document.querySelectorAll(\"[data-answer-group]\").forEach((button) => {\r\n const key = button.dataset.answerGroup;\r\n const value = formParams.get(key);\r\n const shouldSuppress = suppressSurveyTypeSelection && key === \"bussiness-type\";\r\n const isSelected = !shouldSuppress && value && button.dataset.value === value;\r\n\r\n button.classList.toggle(\"is-selected\", Boolean(isSelected));\r\n\r\n if (isSelected) {\r\n selectionState[key] = value;\r\n }\r\n });\r\n\r\n document.querySelectorAll(\"[data-submit-answer]\").forEach((button) => {\r\n const key = button.dataset.submitAnswer;\r\n button.disabled = !selectionState[key];\r\n });\r\n }\r\n\r\n function syncHash(nextHash, replace) {\r\n const url = new URL(window.location.href);\r\n const method = replace ? \"replaceState\" : \"pushState\";\r\n\r\n url.hash = nextHash;\r\n window.history[method]({ stepHash: nextHash }, \"\", url);\r\n }\r\n\r\n function stepFromHash(hash) {\r\n if (!hash) {\r\n return 0;\r\n }\r\n\r\n const normalizedHash = hash.replace(\/^#\/, \"\");\r\n const index = slides.findIndex((slide) => slide.id === normalizedHash);\r\n return index >= 0 ? index : 0;\r\n }\r\n\r\n function showSlide(stepIndex, options) {\r\n const settings = Object.assign({ pushHistory: true, replaceHistory: false }, options || {});\r\n const targetSlide = slides[stepIndex];\r\n const previousStep = currentStep;\r\n\r\n if (!targetSlide) {\r\n return;\r\n }\r\n\r\n suppressSurveyTypeSelection = targetSlide.id === \"survey-type\" && previousStep > stepIndex;\r\n\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove(\"is-active\", \"animate-popup\");\r\n slide.setAttribute(\"aria-hidden\", index === stepIndex ? \"false\" : \"true\");\r\n });\r\n\r\n targetSlide.classList.add(\"is-active\", \"animate-popup\");\r\n currentStep = stepIndex;\r\n updateProgress(stepIndex);\r\n hydrateSelectionsFromState();\r\n\r\n if (settings.pushHistory) {\r\n syncHash(\"#\" + targetSlide.id, settings.replaceHistory);\r\n }\r\n\r\n if (targetSlide.id === \"lead-form\") {\r\n refreshLeadFormIframe();\r\n }\r\n }\r\n\r\n function goNext() {\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n }\r\n\r\n function goPrev() {\r\n showSlide(Math.max(currentStep - 1, 0));\r\n }\r\n\r\n document.querySelectorAll(\"[data-next]\").forEach((button) => {\r\n button.addEventListener(\"click\", goNext);\r\n });\r\n\r\n document.querySelectorAll(\"[data-prev]\").forEach((button) => {\r\n button.addEventListener(\"click\", goPrev);\r\n });\r\n\r\n document.querySelectorAll(\"[data-auto-answer]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.autoAnswer;\r\n const value = this.dataset.value;\r\n\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n });\r\n });\r\n\r\n document.querySelectorAll(\"[data-answer-group]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.answerGroup;\r\n const value = this.dataset.value;\r\n\r\n selectionState[key] = value;\r\n\r\n document.querySelectorAll('[data-answer-group=\"' + key + '\"]').forEach((item) => {\r\n item.classList.toggle(\"is-selected\", item === this);\r\n });\r\n\r\n if (key === \"bussiness-type\") {\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n return;\r\n }\r\n\r\n const submitButton = document.querySelector('[data-submit-answer=\"' + key + '\"]');\r\n if (submitButton) {\r\n submitButton.disabled = false;\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll(\"[data-submit-answer]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.submitAnswer;\r\n const value = selectionState[key];\r\n\r\n if (!value) {\r\n return;\r\n }\r\n\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n });\r\n });\r\n\r\n document.querySelector(\"[data-skip-to-final]\").addEventListener(\"click\", function () {\r\n const nextIndex = slides.findIndex((slide) => slide.id === \"survey-kasse-timing\");\r\n\r\n updateFormParams(function (params) {\r\n params.set(\"revenue\", \"khong-muon-tra-loi\");\r\n });\r\n\r\n showSlide(nextIndex);\r\n });\r\n\r\n window.addEventListener(\"popstate\", function () {\r\n showSlide(stepFromHash(window.location.hash), { pushHistory: false });\r\n });\r\n\r\n document.querySelector('a[href=\"#hero\"]').addEventListener(\"click\", function (event) {\r\n event.preventDefault();\r\n showSlide(0);\r\n });\r\n\r\n showSlide(stepFromHash(window.location.hash), {\r\n pushHistory: true,\r\n replaceHistory: true\r\n });\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8231a31 e-flex e-con-boxed e-con e-parent\" data-id=\"8231a31\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9b5bb3e e-con-full e-flex e-con e-child\" data-id=\"9b5bb3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca23b96 elementor-widget elementor-widget-heading\" data-id=\"ca23b96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cukcuk.eu\/vi\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef53763 e-con-full e-flex e-con e-child\" data-id=\"ef53763\" data-element_type=\"container\" data-e-type=\"container\">\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>CUKCUK – Landing Page Multi-step +49 30 89568366 CUKCUK KassensystemHi\u1ec3u nghi\u1ec7p v\u1ee5 nh\u1ecf, t\u1ed1i \u01b0u v\u1eadn h\u00e0nh l\u1edbn T\u1eeb g\u1ecdi m\u00f3n, thanh to\u00e1n, qu\u1ea3n l\u00fd doanh thu \u0111\u1ebfn b\u00e1n h\u00e0ng online, CUKCUK gi\u00fap nh\u00e0 h\u00e0ng v\u1eadn h\u00e0nh nhanh h\u01a1n, ch\u00ednh x\u00e1c h\u01a1n v\u00e0 chuy\u00ean nghi\u1ec7p h\u01a1n. Ti\u1ebfp t\u1ee5c Ph\u1ed1i h\u1ee3p nh\u1ecbp nh\u00e0ng, t\u0103ng doanh thu […]<\/p>","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14504","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/comments?post=14504"}],"version-history":[{"count":10,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14504\/revisions"}],"predecessor-version":[{"id":15017,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14504\/revisions\/15017"}],"wp:attachment":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/media?parent=14504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n CUKCUK - Landing Page Multi-step<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: {\r\n bg: \"#fdf6ee\",\r\n primary: \"#1c76b0\",\r\n secondary: \"#f5a623\",\r\n heading: \"#1a1a2e\",\r\n text: \"#5a6a7e\"\r\n }\r\n },\r\n keyframes: {\r\n popup: {\r\n \"0%\": { opacity: \"0\", transform: \"translateY(18px) scale(0.96)\" },\r\n \"100%\": { opacity: \"1\", transform: \"translateY(0) scale(1)\" }\r\n }\r\n },\r\n animation: {\r\n popup: \"popup 0.5s ease forwards\"\r\n }\r\n }\r\n }\r\n };\r\n <\/script>\r\n \r\n <style>\r\n body {\r\n background: #fdf6ee;\r\n }\r\n\r\n .slide {\r\n display: none;\r\n }\r\n\r\n .slide.is-active {\r\n display: flex;\r\n }\r\n\r\n .answer-button.is-selected {\r\n border-color: #1c76b0;\r\n background-color: rgba(28, 118, 176, 0.08);\r\n color: #1c76b0;\r\n box-shadow: 0 14px 36px rgba(28, 118, 176, 0.12);\r\n }\r\n\r\n .answer-button:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .placeholder-visual {\r\n display: flex;\r\n width: 100%;\r\n align-items: center;\r\n justify-content: center;\r\n border: 2px solid rgba(28, 118, 176, 0.24);\r\n border-radius: 1.75rem;\r\n background: transparent;\r\n color: #5a6a7e;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 0.02em;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen font-sans text-brand-text antialiased\">\r\n <div class=\"fixed inset-x-0 top-0 z-50 border-b border-black\/5 bg-brand-bg\/90 backdrop-blur\">\r\n <div class=\"w-full\">\r\n <div class=\"h-1 sm:h-1.5 overflow-hidden bg-brand-primary\/10\">\r\n <div\r\n id=\"progressBar\"\r\n class=\"h-full bg-gradient-to-r from-brand-primary to-brand-secondary transition-all duration-500 ease-out\"\r\n style=\"width: 12.5%;\"\r\n ><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <header class=\"mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8\">\r\n <a href=\"https:\/\/cukcuk.eu\/vi\/\" class=\"inline-flex items-center\" aria-label=\"CUKCUK\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2024\/06\/logo-cukcuk-1.png\"\r\n alt=\"CUKCUK\"\r\n class=\"max-h-10 w-auto object-contain\"\r\n >\r\n <\/a>\r\n <div class=\"flex items-center gap-4\">\r\n <a\r\n href=\"tel: 493089568366\"\r\n class=\"inline-flex items-center gap-2 rounded-full border border-brand-primary\/15 bg-white\/80 px-4 py-2 text-sm font-semibold text-brand-heading transition hover:border-brand-primary\/40 hover:text-brand-primary\"\r\n >\r\n <svg class=\"h-4 w-4 text-brand-secondary\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.3 11.3 0 0 0 3.55.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.85 21 3 13.15 3 3.99a1 1 0 0 1 1-1H7.5a1 1 0 0 1 1 1c0 1.23.19 2.43.57 3.55a1 1 0 0 1-.24 1.02l-2.2 2.23Z\"\/>\r\n <\/svg>\r\n <span>+49 30 89568366<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/cukcuk.eu\/vi\/lp-gastro-kassensystem-de\/\" class=\"text-3xl active:opacity-50\" aria-label=\"Deutsch\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" viewbox=\"0 0 64 64\">\r\n \t<path d=\"M0 0h64v64H0z\" fill=\"none\" \/>\r\n \t<path fill=\"#3e4347\" d=\"M31.9 2C18.8 2 7.7 10.4 3.6 22h56.6C56.1 10.4 45 2 31.9 2\" \/>\r\n \t<path fill=\"#ffe62e\" d=\"M31.9 62c13.1 0 24.2-8.3 28.3-20H3.6c4.1 11.7 15.2 20 28.3 20\" \/>\r\n \t<path fill=\"#ed4c5c\" d=\"M3.6 22c-1.1 3.1-1.7 6.5-1.7 10s.6 6.9 1.7 10h56.6c1.1-3.1 1.7-6.5 1.7-10s-.6-6.9-1.7-10z\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n <\/div>\r\n\r\n <main class=\"px-4 pb-8 pt-14 sm:px-6 lg:px-8 bg-[#fdf6ee]\">\r\n <div class=\"mx-auto max-w-7xl\">\r\n <div id=\"slideViewport\" class=\"relative overflow-hidden rounded-[2rem]\">\r\n <section\r\n id=\"hero\"\r\n data-step=\"0\"\r\n class=\"slide is-active min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h1 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n <span class=\"text-brand-primary\">CUKCUK Kassensystem<\/span><br>Hi\u1ec3u nghi\u1ec7p v\u1ee5 nh\u1ecf, t\u1ed1i \u01b0u v\u1eadn h\u00e0nh l\u1edbn\r\n <\/h1>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n T\u1eeb g\u1ecdi m\u00f3n, thanh to\u00e1n, qu\u1ea3n l\u00fd doanh thu \u0111\u1ebfn b\u00e1n h\u00e0ng online, CUKCUK gi\u00fap nh\u00e0 h\u00e0ng v\u1eadn h\u00e0nh nhanh h\u01a1n, ch\u00ednh x\u00e1c h\u01a1n v\u00e0 chuy\u00ean nghi\u1ec7p h\u01a1n.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/herosection_lp_1_funel-e1783079483507.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Ti\u1ebfp t\u1ee5c\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"e-concept\"\r\n data-step=\"1\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n Ph\u1ed1i h\u1ee3p nh\u1ecbp nh\u00e0ng, t\u0103ng doanh thu\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n K\u1ebft n\u1ed1i E-Concept gi\u00fap kh\u00e1ch \u0111\u1eb7t m\u00f3n t\u1ea1i b\u00e0n, \u0111\u1eb7t b\u00e0n v\u00e0 \u0111\u1eb7t \u0111\u1ed3 online d\u1ec5 d\u00e0ng \u1edf m\u1ecdi \u0111i\u1ec3m ch\u1ea1m.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/e-concept_lp_1_funel.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Ti\u1ebfp t\u1ee5c\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"legal\"\r\n data-step=\"2\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n An t\u00e2m v\u1eadn h\u00e0nh, tu\u00e2n th\u1ee7 ph\u00e1p l\u00fd\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n H\u1ed7 tr\u1ee3 nh\u00e0 h\u00e0ng \u0111\u00e1p \u1ee9ng c\u00e1c y\u00eau c\u1ea7u ph\u00e1p l\u00fd trong v\u1eadn h\u00e0nh b\u00e1n h\u00e0ng v\u00e0 thanh to\u00e1n, gi\u00fap quy tr\u00ecnh minh b\u1ea1ch, ch\u00ednh x\u00e1c v\u00e0 \u0111\u00e1ng tin c\u1eady.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/legal_lp_1_funel.jpg\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Ti\u1ebfp t\u1ee5c\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"support\"\r\n data-step=\"3\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n H\u1ed7 tr\u1ee3 t\u1eadn t\u00e2m, \u0111\u1ed3ng h\u00e0nh l\u00e2u d\u00e0i\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n \u0110\u1ed9i ng\u0169 h\u1ed7 tr\u1ee3 24\/7 lu\u00f4n s\u1eb5n s\u00e0ng \u0111\u1ed3ng h\u00e0nh, gi\u00fap nh\u00e0 h\u00e0ng v\u1eadn h\u00e0nh \u1ed5n \u0111\u1ecbnh v\u00e0 ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/support_lp_1_funel.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-secondary px-7 py-3 text-base font-semibold text-brand-heading transition hover:-translate-y-0.5 hover:bg-[#df951f] focus:outline-none focus:ring-4 focus:ring-brand-secondary\/25\"\r\n >\r\n \u0110\u0103ng k\u00fd t\u01b0 v\u1ea5n mi\u1ec5n ph\u00ed\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-kasse\"\r\n data-step=\"4\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-3xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n B\u1ea1n c\u00f3 \u0111ang s\u1edf h\u1eefu h\u1ec7 th\u1ed1ng Kasse n\u00e0o ch\u01b0a?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full max-w-2xl gap-4 sm:grid-cols-2\">\r\n <button\r\n type=\"button\"\r\n data-auto-answer=\"has-kasse\"\r\n data-value=\"co\"\r\n class=\"answer-button inline-flex min-h-[88px] items-center justify-center rounded-3xl border border-brand-primary\/20 bg-white px-6 py-5 text-lg font-semibold text-brand-text transition hover:-translate-y-0.5 hover:border-brand-primary\/40 hover:shadow-lg\"\r\n >\r\n C\u00f3\r\n <\/button>\r\n <button\r\n type=\"button\"\r\n data-auto-answer=\"has-kasse\"\r\n data-value=\"khong\"\r\n class=\"answer-button inline-flex min-h-[88px] items-center justify-center rounded-3xl border border-brand-primary\/20 bg-white px-6 py-5 text-lg font-semibold text-brand-text transition hover:-translate-y-0.5 hover:border-brand-primary\/40 hover:shadow-lg\"\r\n >\r\n Kh\u00f4ng\r\n <\/button>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-type\"\r\n data-step=\"5\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Lo\u1ea1i h\u00ecnh kinh doanh m\u00e0 b\u1ea1n \u0111ang v\u1eadn h\u00e0nh l\u00e0 g\u00ec?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-2 lg:grid-cols-3\">\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"nha-hang\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Nh\u00e0 h\u00e0ng<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"imbiss\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Imbiss \/ Bistro<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"tiem-ca-phe\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Ti\u1ec7m c\u00e0 ph\u00ea<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"bar\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Qu\u00e1n Bar<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"food-truck\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Qu\u1ea7y b\u00e1n di \u0111\u1ed9ng<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"loai-hinh-khac\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Lo\u1ea1i h\u00ecnh kh\u00e1c<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center gap-3 sm:flex-row\">\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-revenue\"\r\n data-step=\"6\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Doanh thu h\u1eb1ng n\u0103m l\u00e0 bao nhi\u00eau? (Euro)\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-3\">\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"khong-co-doanh-thu-khong-ro\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Kh\u00f4ng r\u00f5 doanh thu<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"1-300-nghin\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">1-300 Ngh\u00ecn<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"301-500-nghin\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">301-500 Ngh\u00ecn<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"501-nghin-1-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">501 Ngh\u00ecn - 1 Tri\u1ec7u<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"1-2-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">1 - 2 Tri\u1ec7u<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"2-5-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">2 - 5 Tri\u1ec7u<\/button>\r\n <div class=\"hidden sm:block\"><\/div>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"tren-5-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Tr\u00ean 5 Tri\u1ec7u<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center gap-6 sm:gap-10 sm:flex-row\">\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <button\r\n type=\"button\"\r\n data-skip-to-final\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n T\u00f4i kh\u00f4ng mu\u1ed1n tr\u1ea3 l\u1eddi\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-kasse-timing\"\r\n data-step=\"7\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n B\u1ea1n mu\u1ed1n tri\u1ec3n khai Kasse m\u1edbi v\u00e0o th\u1eddi \u0111i\u1ec3m n\u00e0o?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-2 lg:grid-cols-3\">\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"som-nhat-co-the\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">S\u1edbm nh\u1ea5t c\u00f3 th\u1ec3<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"trong-1-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Trong 1 th\u00e1ng t\u1edbi<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"trong-3-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Trong 3 th\u00e1ng t\u1edbi<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"sau-3-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Sau 3 th\u00e1ng t\u1edbi<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"chua-ro\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Ch\u01b0a r\u00f5<\/button>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"lead-form\"\r\n data-step=\"8\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-3xl flex-col items-center justify-center space-y-8\">\r\n <div class=\"w-full overflow-hidden\">\r\n <iframe\r\n id=\"leadFormIframe\"\r\n title=\"Lead form\"\r\n class=\"min-h-[700px] w-full border-0 bg-[#fdf6ee]\"\r\n src=\"about:blank\"\r\n ><\/iframe>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Quay l\u1ea1i\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n const FORM_URL = \"https:\/\/cukcuk.eu\/lp-form-vn\/\";\r\n\r\n (function () {\r\n const slides = Array.from(document.querySelectorAll(\".slide\"));\r\n const progressBar = document.getElementById(\"progressBar\");\r\n const leadFormIframe = document.getElementById(\"leadFormIframe\");\r\n const totalSteps = slides.length;\r\n let currentStep = 0;\r\n const selectionState = {};\r\n let suppressSurveyTypeSelection = false;\r\n const formParams = new URLSearchParams();\r\n\r\n function updateFormParams(updater) {\r\n if (typeof updater === \"function\") {\r\n updater(formParams);\r\n }\r\n }\r\n\r\n function buildFormUrl(includeRefreshToken) {\r\n if (!FORM_URL) {\r\n return \"about:blank\";\r\n }\r\n\r\n const url = new URL(FORM_URL);\r\n\r\n formParams.forEach(function (value, key) {\r\n url.searchParams.set(key, value);\r\n });\r\n\r\n if (includeRefreshToken) {\r\n url.searchParams.set(\"_iframeRefresh\", String(Date.now()));\r\n }\r\n\r\n return url.toString();\r\n }\r\n\r\n function refreshLeadFormIframe() {\r\n if (!leadFormIframe) {\r\n return;\r\n }\r\n\r\n leadFormIframe.src = buildFormUrl(true);\r\n }\r\n\r\n function updateProgress(stepIndex) {\r\n const progress = ((stepIndex + 1) \/ totalSteps) * 100;\r\n progressBar.style.width = progress + \"%\";\r\n }\r\n\r\n function hydrateSelectionsFromState() {\r\n document.querySelectorAll(\"[data-answer-group]\").forEach((button) => {\r\n const key = button.dataset.answerGroup;\r\n const value = formParams.get(key);\r\n const shouldSuppress = suppressSurveyTypeSelection && key === \"bussiness-type\";\r\n const isSelected = !shouldSuppress && value && button.dataset.value === value;\r\n\r\n button.classList.toggle(\"is-selected\", Boolean(isSelected));\r\n\r\n if (isSelected) {\r\n selectionState[key] = value;\r\n }\r\n });\r\n\r\n document.querySelectorAll(\"[data-submit-answer]\").forEach((button) => {\r\n const key = button.dataset.submitAnswer;\r\n button.disabled = !selectionState[key];\r\n });\r\n }\r\n\r\n function syncHash(nextHash, replace) {\r\n const url = new URL(window.location.href);\r\n const method = replace ? \"replaceState\" : \"pushState\";\r\n\r\n url.hash = nextHash;\r\n window.history[method]({ stepHash: nextHash }, \"\", url);\r\n }\r\n\r\n function stepFromHash(hash) {\r\n if (!hash) {\r\n return 0;\r\n }\r\n\r\n const normalizedHash = hash.replace(\/^#\/, \"\");\r\n const index = slides.findIndex((slide) => slide.id === normalizedHash);\r\n return index >= 0 ? index : 0;\r\n }\r\n\r\n function showSlide(stepIndex, options) {\r\n const settings = Object.assign({ pushHistory: true, replaceHistory: false }, options || {});\r\n const targetSlide = slides[stepIndex];\r\n const previousStep = currentStep;\r\n\r\n if (!targetSlide) {\r\n return;\r\n }\r\n\r\n suppressSurveyTypeSelection = targetSlide.id === \"survey-type\" && previousStep > stepIndex;\r\n\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove(\"is-active\", \"animate-popup\");\r\n slide.setAttribute(\"aria-hidden\", index === stepIndex ? \"false\" : \"true\");\r\n });\r\n\r\n targetSlide.classList.add(\"is-active\", \"animate-popup\");\r\n currentStep = stepIndex;\r\n updateProgress(stepIndex);\r\n hydrateSelectionsFromState();\r\n\r\n if (settings.pushHistory) {\r\n syncHash(\"#\" + targetSlide.id, settings.replaceHistory);\r\n }\r\n\r\n if (targetSlide.id === \"lead-form\") {\r\n refreshLeadFormIframe();\r\n }\r\n }\r\n\r\n function goNext() {\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n }\r\n\r\n function goPrev() {\r\n showSlide(Math.max(currentStep - 1, 0));\r\n }\r\n\r\n document.querySelectorAll(\"[data-next]\").forEach((button) => {\r\n button.addEventListener(\"click\", goNext);\r\n });\r\n\r\n document.querySelectorAll(\"[data-prev]\").forEach((button) => {\r\n button.addEventListener(\"click\", goPrev);\r\n });\r\n\r\n document.querySelectorAll(\"[data-auto-answer]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.autoAnswer;\r\n const value = this.dataset.value;\r\n\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n });\r\n });\r\n\r\n document.querySelectorAll(\"[data-answer-group]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.answerGroup;\r\n const value = this.dataset.value;\r\n\r\n selectionState[key] = value;\r\n\r\n document.querySelectorAll('[data-answer-group=\"' + key + '\"]').forEach((item) => {\r\n item.classList.toggle(\"is-selected\", item === this);\r\n });\r\n\r\n if (key === \"bussiness-type\") {\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n return;\r\n }\r\n\r\n const submitButton = document.querySelector('[data-submit-answer=\"' + key + '\"]');\r\n if (submitButton) {\r\n submitButton.disabled = false;\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll(\"[data-submit-answer]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.submitAnswer;\r\n const value = selectionState[key];\r\n\r\n if (!value) {\r\n return;\r\n }\r\n\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n });\r\n });\r\n\r\n document.querySelector(\"[data-skip-to-final]\").addEventListener(\"click\", function () {\r\n const nextIndex = slides.findIndex((slide) => slide.id === \"survey-kasse-timing\");\r\n\r\n updateFormParams(function (params) {\r\n params.set(\"revenue\", \"khong-muon-tra-loi\");\r\n });\r\n\r\n showSlide(nextIndex);\r\n });\r\n\r\n window.addEventListener(\"popstate\", function () {\r\n showSlide(stepFromHash(window.location.hash), { pushHistory: false });\r\n });\r\n\r\n document.querySelector('a[href=\"#hero\"]').addEventListener(\"click\", function (event) {\r\n event.preventDefault();\r\n showSlide(0);\r\n });\r\n\r\n showSlide(stepFromHash(window.location.hash), {\r\n pushHistory: true,\r\n replaceHistory: true\r\n });\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8231a31 e-flex e-con-boxed e-con e-parent\" data-id=\"8231a31\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9b5bb3e e-con-full e-flex e-con e-child\" data-id=\"9b5bb3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca23b96 elementor-widget elementor-widget-heading\" data-id=\"ca23b96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cukcuk.eu\/vi\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef53763 e-con-full e-flex e-con e-child\" data-id=\"ef53763\" data-element_type=\"container\" data-e-type=\"container\">\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>CUKCUK – Landing Page Multi-step +49 30 89568366 CUKCUK KassensystemHi\u1ec3u nghi\u1ec7p v\u1ee5 nh\u1ecf, t\u1ed1i \u01b0u v\u1eadn h\u00e0nh l\u1edbn T\u1eeb g\u1ecdi m\u00f3n, thanh to\u00e1n, qu\u1ea3n l\u00fd doanh thu \u0111\u1ebfn b\u00e1n h\u00e0ng online, CUKCUK gi\u00fap nh\u00e0 h\u00e0ng v\u1eadn h\u00e0nh nhanh h\u01a1n, ch\u00ednh x\u00e1c h\u01a1n v\u00e0 chuy\u00ean nghi\u1ec7p h\u01a1n. Ti\u1ebfp t\u1ee5c Ph\u1ed1i h\u1ee3p nh\u1ecbp nh\u00e0ng, t\u0103ng doanh thu […]<\/p>","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14504","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/comments?post=14504"}],"version-history":[{"count":10,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14504\/revisions"}],"predecessor-version":[{"id":15017,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14504\/revisions\/15017"}],"wp:attachment":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/media?parent=14504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}