{"id":107,"date":"2026-09-16T14:45:06","date_gmt":"2026-09-16T14:45:06","guid":{"rendered":"https:\/\/craftedheartz.albano.world\/index.php\/contact-us-2\/"},"modified":"2026-09-20T12:31:37","modified_gmt":"2026-09-20T12:31:37","slug":"contact-us-2","status":"publish","type":"page","link":"https:\/\/craftedheartz.albano.world\/index.php\/contact-us-2\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n\n\n\n \n \n Get in Touch | Crafted Heartz<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400..700;1,400..700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n craft: {\n 50: '#FAF6F0',\n 100: '#F4ECE1',\n 200: '#E8D7C3',\n 300: '#D8BD9F',\n 400: '#C79F7B',\n 500: '#B88258', \/\/ Main warm terracotta accent\n 600: '#A1663F',\n 700: '#834C2D',\n 800: '#673A25',\n 900: '#4A2A1B',\n },\n rosewood: {\n 50: '#fdf8f6',\n 100: '#f2e8e5',\n 500: '#c27d70',\n 700: '#914f44',\n }\n },\n fontFamily: {\n serif: ['Playfair Display', 'serif'],\n sans: ['Plus Jakarta Sans', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style>\n body {\n background-color: #FAF6F0;\n font-family: 'Plus Jakarta Sans', sans-serif;\n }\n .artisan-shadow {\n box-shadow: 0 20px 40px -15px rgba(184, 130, 88, 0.15);\n }\n .pattern-bg {\n background-image: radial-gradient(#B88258 0.75px, transparent 0.75px);\n background-size: 24px 24px;\n opacity: 0.15;\n }\n <\/style>\n<\/head>\n<body class=\"relative min-h-screen flex flex-col justify-between\">\n\n <!-- Subtle Background Pattern -->\n <div class=\"absolute inset-0 pattern-bg pointer-events-none z-0\"><\/div>\n\n <!-- Header Navigation -->\n <header class=\"relative z-10 w-full max-w-7xl mx-auto px-6 py-8 flex justify-between items-center\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-craft-500 text-white flex items-center justify-center font-serif text-xl font-bold shadow-md\">\n <i class=\"fa-solid me-0.5 fa-heart text-rose-200 text-sm\"><\/i>\n <\/div>\n <span class=\"font-serif text-2xl font-bold tracking-tight text-craft-900\">Crafted Heartz<\/span>\n <\/div>\n <a href=\"#contact-card\" class=\"text-sm font-semibold text-craft-700 hover:text-craft-900 transition-colors flex items-center gap-2 bg-white\/80 backdrop-blur px-4 py-2 rounded-full border border-craft-200 shadow-sm\">\n <span>Direct Inquiry<\/span>\n <i class=\"fa-solid fa-arrow-down text-xs\"><\/i>\n <\/a>\n <\/header>\n\n <!-- Main Section -->\n <main class=\"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 my-auto w-full\">\n <div id=\"contact-card\" class=\"bg-white\/90 backdrop-blur-md rounded-3xl artisan-shadow border border-craft-200\/80 overflow-hidden grid grid-cols-1 lg:grid-cols-12 transition-all\">\n \n <!-- Left Information Panel -->\n <div class=\"lg:col-span-5 bg-gradient-to-br from-craft-800 to-craft-900 text-craft-50 p-8 sm:p-12 flex flex-col justify-between relative overflow-hidden\">\n <!-- Decorative Circle Elements -->\n <div class=\"absolute -right-16 -bottom-16 w-64 h-64 rounded-full bg-craft-500\/10 pointer-events-none\"><\/div>\n <div class=\"absolute -left-12 -top-12 w-48 h-48 rounded-full bg-rosewood-500\/10 pointer-events-none\"><\/div>\n\n <div class=\"relative z-10\">\n <span class=\"inline-block px-3 py-1 rounded-full bg-craft-700\/50 text-craft-200 text-xs font-medium tracking-wider uppercase mb-4 border border-craft-600\/30\">\n Handmade with Care\n <\/span>\n <h1 class=\"font-serif text-3xl sm:text-4xl font-bold leading-tight mb-4 text-white\">\n Let’s Create Something Warm Together\n <\/h1>\n <p class=\"text-craft-200 text-sm sm:text-base leading-relaxed mb-8\">\n Have a question about our custom handcrafted pieces, bespoke designs, or an existing order? We\u2019d love to hear from you!\n <\/p>\n\n <!-- Contact Details \/ Embossed Social Badges -->\n <div class=\"space-y-6\">\n <!-- Email Link -->\n <a href=\"mailto:craftedheartz@gmail.com\" class=\"flex items-start gap-4 group\">\n <div class=\"w-10 h-10 rounded-xl bg-craft-700\/60 border-t border-l border-white\/20 shadow-md shadow-black\/30 flex items-center justify-center shrink-0 group-hover:bg-craft-600 transition-colors\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\">\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"text-xs font-semibold text-craft-300 uppercase tracking-wider\">Email Us<\/h4>\n <span class=\"text-white group-hover:text-craft-200 font-medium text-sm sm:text-base transition-colors\">craftedheartz@gmail.com<\/span>\n <\/div>\n <\/a>\n\n <!-- Facebook Profile Link (Replaced Studio Hours) -->\n <a href=\"https:\/\/web.facebook.com\/CraftedHeartz\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-start gap-4 group\">\n <div class=\"w-10 h-10 rounded-xl bg-craft-700\/60 border-t border-l border-white\/20 shadow-md shadow-black\/30 flex items-center justify-center shrink-0 group-hover:bg-craft-600 transition-colors\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\">\n <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"text-xs font-semibold text-craft-300 uppercase tracking-wider\">Facebook<\/h4>\n <span class=\"text-white group-hover:text-craft-200 font-medium text-sm sm:text-base transition-colors\">@CraftedHeartz<\/span>\n <\/div>\n <\/a>\n\n <!-- Instagram Profile Link -->\n <a href=\"https:\/\/www.instagram.com\/craftedheartz\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-start gap-4 group\">\n <div class=\"w-10 h-10 rounded-xl bg-craft-700\/60 border-t border-l border-white\/20 shadow-md shadow-black\/30 flex items-center justify-center shrink-0 group-hover:bg-craft-600 transition-colors\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n <\/svg>\n <\/div>\n <div>\n <h4 class=\"text-xs font-semibold text-craft-300 uppercase tracking-wider\">Instagram<\/h4>\n <span class=\"text-white group-hover:text-craft-200 font-medium text-sm sm:text-base transition-colors\">@craftedheartz<\/span>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Footer details in left panel -->\n <div class=\"relative z-10 pt-10 mt-8 border-t border-craft-700\/50 flex items-center justify-between\">\n <p class=\"text-xs text-craft-300\">\u00a9 Crafted Heartz. All rights reserved.<\/p>\n <div class=\"flex gap-3 text-craft-200\">\n <a href=\"https:\/\/www.instagram.com\/craftedheartz\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition-colors\" title=\"Instagram\">\n <i class=\"fa-brands fa-instagram text-lg\"><\/i>\n <\/a>\n <a href=\"https:\/\/web.facebook.com\/CraftedHeartz\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-white transition-colors\" title=\"Facebook\">\n <i class=\"fa-brands fa-facebook text-lg\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Right Interactive Form Panel -->\n <div class=\"lg:col-span-7 p-8 sm:p-12 flex flex-col justify-center bg-white\">\n <div class=\"max-w-xl mx-auto w-full\">\n <div class=\"mb-8\">\n <h2 class=\"font-serif text-2xl sm:text-3xl font-bold text-craft-900 mb-2\">Send an Inquiry<\/h2>\n <p class=\"text-stone-500 text-sm\">Fill out the form below and we will get back to you within 24 hours.<\/p>\n <\/div>\n\n <!-- Success Alert Message -->\n <div id=\"successMessage\" class=\"hidden mb-6 p-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-emerald-800 flex items-start gap-3 transition-all duration-300\">\n <i class=\"fa-solid fa-circle-check text-emerald-600 text-xl mt-0.5\"><\/i>\n <div>\n <h4 class=\"font-semibold text-sm\">Inquiry Sent Successfully!<\/h4>\n <p class=\"text-xs text-emerald-700 mt-0.5\">Thank you for reaching out to Crafted Heartz. Your inquiry has been submitted directly to <strong>craftedheartz@gmail.com<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n <!-- Contact Form -->\n <form id=\"contactForm\" action=\"https:\/\/formsubmit.co\/craftedheartz@gmail.com\" method=\"POST\" class=\"space-y-5\">\n <input type=\"hidden\" name=\"_subject\" value=\"New Website Inquiry | Crafted Heartz\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n \n <!-- Full Name -->\n <div>\n <label for=\"fullName\" class=\"block text-xs font-bold text-stone-700 uppercase tracking-wider mb-2\">\n Full Name <span class=\"text-rose-500\">*<\/span>\n <\/label>\n <div class=\"relative\">\n <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none text-stone-400\">\n <i class=\"fa-regular fa-user\"><\/i>\n <\/span>\n <input type=\"text\" id=\"fullName\" name=\"Name\" required placeholder=\"e.g. Maria Santos\" class=\"w-full pl-10 pr-4 py-3 rounded-xl border border-stone-200 bg-stone-50\/50 text-stone-800 text-sm placeholder-stone-400 focus:outline-none focus:ring-2 focus:ring-craft-500\/30 focus:border-craft-500 focus:bg-white transition-all\">\n <\/div>\n <\/div>\n\n <!-- Grid for Email & Phone -->\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n <div>\n <label for=\"email\" class=\"block text-xs font-bold text-stone-700 uppercase tracking-wider mb-2\">\n Email Address <span class=\"text-rose-500\">*<\/span>\n <\/label>\n <div class=\"relative\">\n <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none text-stone-400\">\n <i class=\"fa-regular fa-envelope\"><\/i>\n <\/span>\n <input type=\"email\" id=\"email\" name=\"Email\" required placeholder=\"you@example.com\" class=\"w-full pl-10 pr-4 py-3 rounded-xl border border-stone-200 bg-stone-50\/50 text-stone-800 text-sm placeholder-stone-400 focus:outline-none focus:ring-2 focus:ring-craft-500\/30 focus:border-craft-500 focus:bg-white transition-all\">\n <\/div>\n <\/div>\n\n <div>\n <label for=\"phone\" class=\"block text-xs font-bold text-stone-700 uppercase tracking-wider mb-2\">\n Contact Number <span class=\"text-rose-500\">*<\/span>\n <\/label>\n <div class=\"relative\">\n <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none text-stone-400\">\n <i class=\"fa-solid fa-phone text-xs\"><\/i>\n <\/span>\n <input type=\"tel\" id=\"phone\" name=\"Phone\" required placeholder=\"+63 912 345 6789\" class=\"w-full pl-10 pr-4 py-3 rounded-xl border border-stone-200 bg-stone-50\/50 text-stone-800 text-sm placeholder-stone-400 focus:outline-none focus:ring-2 focus:ring-craft-500\/30 focus:border-craft-500 focus:bg-white transition-all\">\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Inquiry Message -->\n <div>\n <label for=\"message\" class=\"block text-xs font-bold text-stone-700 uppercase tracking-wider mb-2\">\n Inquiry Message <span class=\"text-rose-500\">*<\/span>\n <\/label>\n <div class=\"relative\">\n <textarea id=\"message\" name=\"Message\" rows=\"4\" required placeholder=\"Tell us about your custom request, item inquiries, or project details...\" class=\"w-full p-4 rounded-xl border border-stone-200 bg-stone-50\/50 text-stone-800 text-sm placeholder-stone-400 focus:outline-none focus:ring-2 focus:ring-craft-500\/30 focus:border-craft-500 focus:bg-white transition-all resize-none\"><\/textarea>\n <\/div>\n <\/div>\n\n <!-- Submit Button -->\n <div class=\"pt-2\">\n <button type=\"submit\" id=\"submitBtn\" class=\"w-full group relative flex justify-center items-center gap-3 py-3.5 px-6 rounded-xl text-white bg-craft-600 hover:bg-craft-700 active:scale-[0.99] font-medium shadow-md shadow-craft-500\/20 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-craft-500 focus:ring-offset-2\">\n <span id=\"btnText\">Submit<\/span>\n <i id=\"btnIcon\" class=\"fa-solid fa-paper-plane text-xs transition-transform group-hover:translate-x-1\"><\/i>\n <\/button>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n\n <\/div>\n <\/main>\n\n <!-- Page Footer -->\n <footer class=\"relative z-10 max-w-7xl mx-auto px-6 py-6 text-center text-xs text-stone-400\">\n Handcrafted with love & care \u2014 <span class=\"font-serif italic text-stone-600\">Crafted Heartz<\/span>\n <\/footer>\n\n <!-- Form Handler Script -->\n <script>\n document.getElementById('contactForm').addEventListener('submit', function (e) {\n const btn = document.getElementById('submitBtn');\n const btnText = document.getElementById('btnText');\n const btnIcon = document.getElementById('btnIcon');\n const successMsg = document.getElementById('successMessage');\n\n btnText.textContent = \"Sending Inquiry...\";\n btnIcon.className = \"fa-solid fa-circle-notch fa-spin text-xs\";\n btn.disabled = true;\n\n setTimeout(() => {\n successMsg.classList.remove('hidden');\n btnText.textContent = \"Send Another Message\";\n btnIcon.className = \"fa-solid fa-paper-plane text-xs\";\n btn.disabled = false;\n successMsg.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }, 1000);\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Get in Touch | Crafted Heartz Crafted Heartz Direct Inquiry Handmade with Care Let’s Create Something Warm Together Have a question about our custom handcrafted pieces, bespoke designs, or an existing order? We\u2019d love to hear from you! Email Us craftedheartz@gmail.com Facebook @CraftedHeartz Instagram @craftedheartz \u00a9 Crafted Heartz. All rights reserved. Send an Inquiry Fill […]<\/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-107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/craftedheartz.albano.world\/index.php\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/craftedheartz.albano.world\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/craftedheartz.albano.world\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/craftedheartz.albano.world\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/craftedheartz.albano.world\/index.php\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":5,"href":"https:\/\/craftedheartz.albano.world\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":616,"href":"https:\/\/craftedheartz.albano.world\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions\/616"}],"wp:attachment":[{"href":"https:\/\/craftedheartz.albano.world\/index.php\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}