Contact Us \u2013 KuKirinX<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\r\n <style>\r\n \/* ----- reset & base ----- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background: #ffffff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 40px 20px;\r\n }\r\n\r\n \/* ----- main container: perfect centering & full-width adaptability ----- *\/\r\n .contact-page {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* ----- grid: two columns, equal height, full width ----- *\/\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n align-items: stretch; \/* ensures both columns match height *\/\r\n }\r\n\r\n \/* ===== Left: Contact Form ===== *\/\r\n .contact-form {\r\n background: #f8f8f6;\r\n border-radius: 18px;\r\n padding: 36px 32px;\r\n border: 1px solid #f0f0ee;\r\n height: 100%; \/* fills the grid cell *\/\r\n }\r\n .contact-form h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: #1a1a1a;\r\n margin-bottom: 4px;\r\n }\r\n .contact-form .form-sub {\r\n font-size: 14px;\r\n color: #8a8a8a;\r\n margin-bottom: 22px;\r\n }\r\n .contact-form label {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n display: block;\r\n margin-bottom: 4px;\r\n }\r\n .contact-form label .required {\r\n color: #EB6100;\r\n }\r\n .contact-form input,\r\n .contact-form textarea {\r\n width: 100%;\r\n padding: 12px 16px;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 10px;\r\n font-size: 14px;\r\n font-family: inherit;\r\n background: #ffffff;\r\n transition: border-color 0.2s ease;\r\n margin-bottom: 16px;\r\n }\r\n .contact-form input:focus,\r\n .contact-form textarea:focus {\r\n outline: none;\r\n border-color: #EB6100;\r\n box-shadow: 0 0 0 3px rgba(235, 97, 0, 0.10);\r\n }\r\n .contact-form textarea {\r\n min-height: 110px;\r\n resize: vertical;\r\n }\r\n .contact-form .btn-submit {\r\n display: inline-block;\r\n background: #EB6100;\r\n color: #fff;\r\n font-size: 15px;\r\n font-weight: 700;\r\n padding: 14px 40px;\r\n border-radius: 40px;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n width: 100%;\r\n }\r\n .contact-form .btn-submit:hover {\r\n background: #c95000;\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 28px rgba(235, 97, 0, 0.30);\r\n }\r\n\r\n \/* ===== Right: Contact Info Cards ===== *\/\r\n .contact-cards {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n height: 100%; \/* fills the grid cell *\/\r\n }\r\n\r\n .contact-card {\r\n background: #f8f8f6;\r\n border-radius: 16px;\r\n padding: 20px 24px;\r\n border: 1px solid #f0f0ee;\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n width: 100%; \/* ensures full width within the column *\/\r\n flex: 0 1 auto; \/* prevents unwanted stretching *\/\r\n transition: all 0.25s ease;\r\n }\r\n .contact-card:hover {\r\n border-color: #EB6100;\r\n transform: translateX(4px);\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);\r\n }\r\n .contact-card .icon-wrap {\r\n width: 48px;\r\n height: 48px;\r\n min-width: 48px;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n color: #EB6100;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n border: 1px solid #f0f0ee;\r\n }\r\n .contact-card .icon-wrap.whatsapp {\r\n color: #25D366;\r\n }\r\n .contact-card .info {\r\n flex: 1; \/* pushes content to fill the available space, reducing right gaps *\/\r\n }\r\n .contact-card .info h4 {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n margin-bottom: 2px;\r\n }\r\n .contact-card .info p {\r\n font-size: 14px;\r\n color: #6a6a6a;\r\n line-height: 1.4;\r\n }\r\n .contact-card .info a {\r\n color: #EB6100;\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n .contact-card .info a:hover {\r\n text-decoration: underline;\r\n }\r\n .contact-card .info .highlight {\r\n color: #EB6100;\r\n font-weight: 600;\r\n }\r\n\r\n \/* ===== Social Media Row ===== *\/\r\n .social-row {\r\n background: #f8f8f6;\r\n border-radius: 16px;\r\n padding: 16px 24px;\r\n border: 1px solid #f0f0ee;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n width: 100%; \/* full width *\/\r\n transition: all 0.25s ease;\r\n }\r\n .social-row:hover {\r\n border-color: #EB6100;\r\n }\r\n .social-row .label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #1a1a1a;\r\n }\r\n .social-row .social-icons {\r\n display: flex;\r\n gap: 14px;\r\n }\r\n .social-row .social-icons a {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: #ffffff;\r\n color: #1a1a1a;\r\n font-size: 18px;\r\n text-decoration: none;\r\n transition: all 0.25s ease;\r\n border: 1px solid #e0e0e0;\r\n }\r\n .social-row .social-icons a:hover {\r\n background: #EB6100;\r\n color: #ffffff;\r\n border-color: #EB6100;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 16px rgba(235, 97, 0, 0.20);\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n @media (max-width: 992px) {\r\n .contact-grid {\r\n grid-template-columns: 1fr; \/* stacks on tablets *\/\r\n gap: 28px;\r\n }\r\n .contact-cards {\r\n height: auto; \/* resets height for stacked layout *\/\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n body {\r\n padding: 20px 12px;\r\n }\r\n .contact-form {\r\n padding: 24px 18px;\r\n }\r\n .contact-card {\r\n padding: 16px 18px;\r\n flex-wrap: wrap;\r\n }\r\n .social-row {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 16px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"contact-page\">\r\n <div class=\"contact-grid\">\r\n\r\n \r\n <div class=\"contact-form\">\r\n <h3>Send us a message<\/h3>\r\n <p class=\"form-sub\">We'll get back to you within 24 hours.<\/p>\r\n <form>\r\n <label for=\"name\">Full Name <span class=\"required\">*<\/span><\/label>\r\n <input type=\"text\" id=\"name\" placeholder=\"Your full name\" required \/>\r\n\r\n <label for=\"email\">Email Address <span class=\"required\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"your@email.com\" required \/>\r\n\r\n <label for=\"message\">Message <span class=\"required\">*<\/span><\/label>\r\n <textarea id=\"message\" placeholder=\"How can we help you?\"><\/textarea>\r\n\r\n <button type=\"submit\" class=\"btn-submit\">\r\n <i class=\"fas fa-paper-plane\" style=\"margin-right: 8px;\"><\/i> Send Message\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-cards\">\r\n\r\n \r\n <div class=\"contact-card\">\r\n <div class=\"icon-wrap\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"info\">\r\n <h4>Email<\/h4>\r\n <p><a href=\"mailto:support@kukirinx.com\">support@kukirinx.com<\/a><\/p>\r\n <p style=\"font-size:13px; color:#8a8a8a;\">We reply within 24 hours<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-card\">\r\n <div class=\"icon-wrap whatsapp\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n <div class=\"info\">\r\n <h4>WhatsApp<\/h4>\r\n <p><a href=\"https:\/\/wa.me\/18620359366\" target=\"_blank\" rel=\"noopener\">Chat with us<\/a><\/p>\r\n <p style=\"font-size:13px; color:#8a8a8a;\">Real-time support<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-card\">\r\n <div class=\"icon-wrap\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n <div class=\"info\">\r\n <h4>Support Hours<\/h4>\r\n <p>Monday \u2013 Friday: 9:00 AM \u2013 6:00 PM (CET)<\/p>\r\n <p style=\"font-size:13px; color:#8a8a8a;\">Support center available <span class=\"highlight\">for over 24h<\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-card\">\r\n <div class=\"icon-wrap\"><i class=\"fas fa-building\"><\/i><\/div>\r\n <div class=\"info\">\r\n <h4>Business Inquiries<\/h4>\r\n <p>Do you have questions about how we can help your company?<\/p>\r\n <p style=\"font-size:13px; color:#8a8a8a;\">Send us an email and we'll get in touch shortly.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"social-row\">\r\n <span class=\"label\">Follow us<\/span>\r\n <div class=\"social-icons\">\r\n <a href=\"https:\/\/www.youtube.com\/@KukirinX\" target=\"_blank\" aria-label=\"YouTube\" rel=\"noopener\">\r\n <i class=\"fab fa-youtube\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@kukirinx_electricscooter?_r=1&_t=ZP-99AZxijM299\" target=\"_blank\" aria-label=\"TikTok\" rel=\"noopener\">\r\n <i class=\"fab fa-tiktok\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/facebook.com\/kukirinelectricscooter\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/www.reddit.com\/u\/nansky-kukirin\/s\/wd6x7f9cSd\" target=\"_blank\" aria-label=\"Reddit\" rel=\"noopener\">\r\n <i class=\"fab fa-reddit-alien\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\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","protected":false},"excerpt":{"rendered":"<p>We’d Love To Hear From You Contact Us Please fill out the quick form and we will be in touch<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12537","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/kukirinx.com\/en\/wp-json\/wp\/v2\/pages\/12537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kukirinx.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kukirinx.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kukirinx.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kukirinx.com\/en\/wp-json\/wp\/v2\/comments?post=12537"}],"version-history":[{"count":3,"href":"https:\/\/kukirinx.com\/en\/wp-json\/wp\/v2\/pages\/12537\/revisions"}],"predecessor-version":[{"id":12622,"href":"https:\/\/kukirinx.com\/en\/wp-json\/wp\/v2\/pages\/12537\/revisions\/12622"}],"wp:attachment":[{"href":"https:\/\/kukirinx.com\/en\/wp-json\/wp\/v2\/media?parent=12537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}