{"id":88,"date":"2026-10-23T16:03:52","date_gmt":"2026-10-23T16:03:52","guid":{"rendered":"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88"},"modified":"2026-10-24T06:49:39","modified_gmt":"2026-10-24T06:49:39","slug":"contact","status":"publish","type":"page","link":"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"88\" class=\"elementor elementor-88\">\n\t\t\t\t<div class=\"elementor-element elementor-element-221ba86 e-flex e-con-boxed e-con e-parent\" data-id=\"221ba86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5257bb elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"e5257bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tailwind CSS (CDN) -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<!-- Font Awesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<!-- Google Fonts (Plus Jakarta Sans) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .contact-wrapper { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #0b0f19; color: #f3f4f6; min-height: 100vh; }\r\n    .contact-wrapper .gradient-text {\r\n        background: linear-gradient(135deg, #818cf8 0%, #c084fc 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n    .contact-wrapper .glow-card {\r\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n    .contact-wrapper .glow-card:hover {\r\n        box-shadow: 0 10px 30px -10px rgba(99, 102, 241, 0.25);\r\n        border-color: rgba(129, 140, 248, 0.4);\r\n    }\r\n<\/style>\r\n\r\n<div class=\"contact-wrapper selection:bg-indigo-500 selection:text-white flex flex-col justify-between\">\r\n\r\n    <!-- Header \/ Navbar -->\r\n    <header class=\"bg-[#0b0f19]\/90 backdrop-blur-md sticky top-0 z-50 border-b border-gray-800\/80\">\r\n        <div class=\"max-w-6xl mx-auto px-4 py-4 flex justify-between items-center\">\r\n            <a href=\"#\" class=\"text-2xl font-extrabold tracking-tight text-indigo-400\">Rubaiyat<span class=\"text-white\">.<\/span><\/a>\r\n            \r\n            <!-- Multi-page Navigation -->\r\n            <nav class=\"hidden md:flex space-x-8 text-sm font-medium text-gray-300\">\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/\" class=\"hover:text-indigo-400 transition-colors\">Home<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=63\" class=\"hover:text-indigo-400 transition-colors\">About<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=75\" class=\"hover:text-indigo-400 transition-colors\">Services<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=80\" class=\"hover:text-indigo-400 transition-colors\">Portfolio<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88\" class=\"text-indigo-400 font-semibold relative after:content-[''] after:absolute after:-bottom-5 after:left-0 after:w-full after:h-0.5 after:bg-indigo-500\">Contact<\/a>\r\n            <\/nav>\r\n\r\n            <div class=\"flex items-center gap-4\">\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88\" class=\"hidden sm:inline-block bg-indigo-600 hover:bg-indigo-500 text-white px-5 py-2.5 rounded-xl transition-all duration-300 font-medium text-sm shadow-lg shadow-indigo-600\/25\">\r\n                    Hire Me\r\n                <\/a>\r\n                <!-- Mobile Menu Button -->\r\n                <button type=\"button\" id=\"contact-menu-btn\" aria-label=\"Toggle Menu\" class=\"md:hidden text-gray-300 hover:text-white focus:outline-none text-2xl p-2 cursor-pointer\">\r\n                    <i class=\"fa-solid fa-bars\" id=\"contact-menu-icon\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Mobile Dropdown Navigation -->\r\n        <div id=\"contact-mobile-menu\" style=\"display: none;\" class=\"md:hidden bg-[#0b0f19] border-b border-gray-800 px-6 py-4 space-y-4 text-base shadow-2xl\">\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/\" class=\"block text-gray-300 hover:text-indigo-400 py-1 border-b border-gray-800\/50\">Home<\/a>\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=63\" class=\"block text-gray-300 hover:text-indigo-400 py-1 border-b border-gray-800\/50\">About<\/a>\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=75\" class=\"block text-gray-300 hover:text-indigo-400 py-1 border-b border-gray-800\/50\">Services<\/a>\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=80\" class=\"block text-gray-300 hover:text-indigo-400 py-1 border-b border-gray-800\/50\">Portfolio<\/a>\r\n            <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88\" class=\"block text-indigo-400 font-semibold py-1\">Contact<\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Page Title Header -->\r\n    <section class=\"py-12 relative overflow-hidden bg-gray-900\/20 border-b border-gray-800\/80\">\r\n        <div class=\"absolute -top-24 left-1\/2 -translate-x-1\/2 w-96 h-96 bg-indigo-500\/10 rounded-full blur-3xl -z-10\"><\/div>\r\n        <div class=\"max-w-6xl mx-auto px-4 text-center space-y-3\">\r\n            <span class=\"text-xs text-indigo-400 font-bold uppercase tracking-widest bg-indigo-500\/10 border border-indigo-500\/20 px-4 py-1.5 rounded-full inline-block\">Get In Touch<\/span>\r\n            <h1 class=\"text-4xl md:text-5xl font-black text-white tracking-tight\">Let's Connect & <span class=\"gradient-text\">Collaborate<\/span><\/h1>\r\n            <p class=\"text-gray-400 text-sm max-w-xl mx-auto leading-relaxed\">\r\n                Have a project in mind, need data management support, or want to work together? Send a message or reach out directly!\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Main Contact Section -->\r\n    <main class=\"max-w-6xl mx-auto px-4 py-16 w-full space-y-20\">\r\n        \r\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-start\">\r\n            \r\n            <!-- Left Side: Contact Information (5 Columns) -->\r\n            <div class=\"lg:col-span-5 space-y-8\">\r\n                <div>\r\n                    <h2 class=\"text-2xl font-bold text-white mb-2\">Contact Details<\/h2>\r\n                    <p class=\"text-gray-400 text-sm\">Feel free to contact me via email or social platforms. I usually respond promptly.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"space-y-4\">\r\n                    <!-- Info 1: Email -->\r\n                    <div class=\"bg-gray-900\/60 border border-gray-800\/80 p-5 rounded-2xl flex items-start space-x-4 glow-card\">\r\n                        <div class=\"w-12 h-12 bg-indigo-500\/10 text-indigo-400 rounded-xl flex items-center justify-center text-xl shrink-0 border border-indigo-500\/20\">\r\n                            <i class=\"fa-solid fa-envelope\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"overflow-hidden\">\r\n                            <h3 class=\"text-xs uppercase tracking-wider font-semibold text-gray-400 mb-1\">Email Me<\/h3>\r\n                            <a href=\"mailto:safwanabrar07@gmail.com\" class=\"text-white hover:text-indigo-400 transition font-bold text-sm truncate block\">\r\n                                safwanabrar07@gmail.com\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Info 2: Location -->\r\n                    <div class=\"bg-gray-900\/60 border border-gray-800\/80 p-5 rounded-2xl flex items-start space-x-4 glow-card\">\r\n                        <div class=\"w-12 h-12 bg-indigo-500\/10 text-indigo-400 rounded-xl flex items-center justify-center text-xl shrink-0 border border-indigo-500\/20\">\r\n                            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"text-xs uppercase tracking-wider font-semibold text-gray-400 mb-1\">Location<\/h3>\r\n                            <p class=\"text-gray-200 text-sm font-medium leading-relaxed\">\r\n                                Saudi Colony, Dhaka Cantonment, 1206, Dhaka, Bangladesh\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Info 3: Working Hours -->\r\n                    <div class=\"bg-gray-900\/60 border border-gray-800\/80 p-5 rounded-2xl flex items-start space-x-4 glow-card\">\r\n                        <div class=\"w-12 h-12 bg-emerald-500\/10 text-emerald-400 rounded-xl flex items-center justify-center text-xl shrink-0 border border-emerald-500\/20\">\r\n                            <i class=\"fa-solid fa-clock\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"text-xs uppercase tracking-wider font-semibold text-gray-400 mb-1\">Availability<\/h3>\r\n                            <p class=\"text-emerald-400 text-sm font-semibold\">Available for Freelance & Online Tasks<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Social Media Links -->\r\n                <div class=\"pt-4 border-t border-gray-800\/80\">\r\n                    <h3 class=\"text-sm font-bold text-gray-300 uppercase tracking-wider mb-4\">Connect on Social Media<\/h3>\r\n                    <div class=\"flex space-x-4\">\r\n                        <a href=\"https:\/\/www.instagram.com\/being_rubaiyatt\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-11 h-11 bg-gray-900 hover:bg-indigo-600 text-gray-400 hover:text-white rounded-xl border border-gray-800 flex items-center justify-center transition-all duration-300 shadow-md\">\r\n                            <i class=\"fa-brands fa-instagram text-lg\"><\/i>\r\n                        <\/a>\r\n                        <a href=\"#\" class=\"w-11 h-11 bg-gray-900 hover:bg-indigo-600 text-gray-400 hover:text-white rounded-xl border border-gray-800 flex items-center justify-center transition-all duration-300 shadow-md\">\r\n                            <i class=\"fa-brands fa-facebook-f text-lg\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Side: Interactive Contact Form (7 Columns) -->\r\n            <div class=\"lg:col-span-7 bg-gray-900\/70 p-8 md:p-10 rounded-3xl border border-gray-800\/80 shadow-2xl backdrop-blur-md relative\">\r\n                <div class=\"mb-6\">\r\n                    <h2 class=\"text-2xl font-bold text-white mb-1\">Send a Message<\/h2>\r\n                    <p class=\"text-xs text-gray-400\">Fill out the form below and I will get back to you as soon as possible.<\/p>\r\n                <\/div>\r\n\r\n                <form action=\"#\" method=\"POST\" class=\"space-y-5\">\r\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\r\n                        <div>\r\n                            <label class=\"block text-xs font-semibold text-gray-300 uppercase tracking-wider mb-2\">Your Name<\/label>\r\n                            <input type=\"text\" placeholder=\"John Doe\" required class=\"w-full bg-gray-950\/80 border border-gray-800 rounded-xl px-4 py-3 text-gray-200 text-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 transition\">\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            <label class=\"block text-xs font-semibold text-gray-300 uppercase tracking-wider mb-2\">Your Email<\/label>\r\n                            <input type=\"email\" placeholder=\"john@example.com\" required class=\"w-full bg-gray-950\/80 border border-gray-800 rounded-xl px-4 py-3 text-gray-200 text-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 transition\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <label class=\"block text-xs font-semibold text-gray-300 uppercase tracking-wider mb-2\">Subject<\/label>\r\n                        <input type=\"text\" placeholder=\"Project Inquiry \/ Job Offer\" class=\"w-full bg-gray-950\/80 border border-gray-800 rounded-xl px-4 py-3 text-gray-200 text-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 transition\">\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <label class=\"block text-xs font-semibold text-gray-300 uppercase tracking-wider mb-2\">Message<\/label>\r\n                        <textarea rows=\"5\" placeholder=\"Write your message here...\" required class=\"w-full bg-gray-950\/80 border border-gray-800 rounded-xl px-4 py-3 text-gray-200 text-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 transition resize-none\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"w-full bg-indigo-600 hover:bg-indigo-500 text-white font-bold py-3.5 rounded-xl transition duration-300 shadow-lg shadow-indigo-600\/25 flex items-center justify-center gap-2 text-sm\">\r\n                        <span>Send Message<\/span>\r\n                        <i class=\"fa-solid fa-paper-plane text-xs\"><\/i>\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Frequently Asked Questions (FAQ) -->\r\n        <section class=\"space-y-8 max-w-4xl mx-auto\">\r\n            <div class=\"text-center space-y-2\">\r\n                <span class=\"text-xs text-indigo-400 font-bold uppercase tracking-widest\">FAQ<\/span>\r\n                <h2 class=\"text-2xl font-extrabold text-white\">Frequently Asked Questions<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"space-y-4\">\r\n                <div class=\"bg-gray-900\/60 border border-gray-800\/80 p-5 rounded-2xl space-y-2 glow-card\">\r\n                    <h3 class=\"text-base font-bold text-white flex items-center gap-2\">\r\n                        <i class=\"fa-solid fa-circle-question text-indigo-400\"><\/i> What services do you offer?\r\n                    <\/h3>\r\n                    <p class=\"text-xs text-gray-400 leading-relaxed pl-6\">\r\n                        I specialize in Adobe Photoshop graphics editing, precise Data Entry management, Virtual Assistant (VA) support, and creative content drafting.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bg-gray-900\/60 border border-gray-800\/80 p-5 rounded-2xl space-y-2 glow-card\">\r\n                    <h3 class=\"text-base font-bold text-white flex items-center gap-2\">\r\n                        <i class=\"fa-solid fa-circle-question text-indigo-400\"><\/i> How fast can I expect a response?\r\n                    <\/h3>\r\n                    <p class=\"text-xs text-gray-400 leading-relaxed pl-6\">\r\n                        I typically respond to all emails and inquiry submissions within a few hours on business days.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/main>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"py-8 border-t border-gray-800\/80 text-center text-gray-500 text-xs mt-auto bg-[#0b0f19]\">\r\n        <p>&copy; 2026 Rubaiyat. All rights reserved.<\/p>\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<!-- Direct Mobile Menu Toggle Script -->\r\n<script>\r\n    (function() {\r\n        const menuBtn = document.getElementById('contact-menu-btn');\r\n        const mobileMenu = document.getElementById('contact-mobile-menu');\r\n        const menuIcon = document.getElementById('contact-menu-icon');\r\n\r\n        if (menuBtn && mobileMenu) {\r\n            menuBtn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                \r\n                if (mobileMenu.style.display === 'none' || mobileMenu.style.display === '') {\r\n                    mobileMenu.style.display = 'block';\r\n                    if(menuIcon) {\r\n                        menuIcon.className = 'fa-solid fa-xmark';\r\n                    }\r\n                } else {\r\n                    mobileMenu.style.display = 'none';\r\n                    if(menuIcon) {\r\n                        menuIcon.className = 'fa-solid fa-bars';\r\n                    }\r\n                }\r\n            });\r\n        }\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>Rubaiyat. Home About Services Portfolio Contact Hire Me Home About Services Portfolio Contact Get In Touch Let&#8217;s Connect &#038; Collaborate Have a project in mind, need data management support, or want to work together? Send a message or reach out directly! Contact Details Feel free to contact me via email or social platforms. I usually [&hellip;]<\/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-88","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":25,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":327,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/327"}],"wp:attachment":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}