{"id":79,"date":"2025-08-12T13:38:13","date_gmt":"2025-08-12T13:38:13","guid":{"rendered":"https:\/\/rukachocolatier.in\/?page_id=79"},"modified":"2025-08-12T13:38:13","modified_gmt":"2025-08-12T13:38:13","slug":"bulk-orders","status":"publish","type":"page","link":"https:\/\/rukachocolatier.in\/?page_id=79","title":{"rendered":"Bulk Orders"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap');\n        \n        .font-display { font-family: 'Playfair Display', serif; }\n        .font-body { font-family: 'Inter', sans-serif; }\n        \n    \n        \n        .form-section {\n            animation: fadeInUp 0.6s ease-out forwards;\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        \n        .form-section:nth-child(1) { animation-delay: 0.1s; }\n        .form-section:nth-child(2) { animation-delay: 0.2s; }\n        .form-section:nth-child(3) { animation-delay: 0.3s; }\n        .form-section:nth-child(4) { animation-delay: 0.4s; }\n        .form-section:nth-child(5) { animation-delay: 0.5s; }\n        .form-section:nth-child(6) { animation-delay: 0.6s; }\n        \n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .chocolate-icon {\n            background: linear-gradient(45deg, #8B4513, #D2691E);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n        \n        .quantity-btn {\n            transition: all 0.2s ease;\n        }\n        \n        .quantity-btn:hover {\n            transform: scale(1.1);\n        }\n        \n        .custom-checkbox:checked {\n            background-color: #8B4513;\n            border-color: #8B4513;\n        }\n        \n        .price-display {\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            border: 2px solid #8B4513;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gradient-to-br from-amber-50 to-orange-100 min-h-screen font-body\">\n    <!-- Header -->\n    <div class=\"chocolate-gradient text-white py-8 mb-8\">\n        <div class=\"container mx-auto px-4 text-center\">\n            <h1 style=\"font-size:50px; color:#8B4513; class=\"font-display text-4xl md:text-5xl font-bold mb-2\">\ud83c\udf6b <b>Bulk Order Form<\/b><\/h1>\n            <p style=\"color:#8B4513; class=\"text-xl opacity-90\">Premium Chocolates for Your Special Events<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"container mx-auto px-4 max-w-4xl\">\n        <form id=\"bulkOrderForm\" class=\"space-y-8\">\n            <!-- Customer Information -->\n            <div class=\"form-section bg-white rounded-2xl shadow-lg p-8\">\n                <h2 class=\"font-display text-2xl font-semibold text-gray-800 mb-6\">\n                    Customer Information\n                <\/h2>\n                <div class=\"grid md:grid-cols-2 gap-6\">\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">Full Name *<\/label>\n                        <input type=\"text\" required class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent transition-all\" placeholder=\"Enter your full name\">\n                    <\/div>\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">Company\/Organization<\/label>\n                        <input type=\"text\" class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent transition-all\" placeholder=\"Company name (optional)\">\n                    <\/div>\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">Email Address *<\/label>\n                        <input type=\"email\" required class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent transition-all\" placeholder=\"your@gmail.com\">\n                    <\/div>\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">Phone Number *<\/label>\n                        <input type=\"tel\" required class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent transition-all\" placeholder=\"+91 000000-0000\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n\n\n            <!-- Product Selection -->\n            <div class=\"form-section bg-white rounded-2xl shadow-lg p-8\">\n                <h2 class=\"font-display text-2xl font-semibold text-gray-800 mb-6\">\n                    Product Selection\n                <\/h2>\n                \n                <!-- Chocolate Types -->\n                <div class=\"mb-8\">\n                    <h3 class=\"text-lg font-semibold text-gray-700 mb-4\">Chocolate Types<\/h3>\n                    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-4\">\n                        <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-amber-50 cursor-pointer transition-all\">\n                            <input type=\"checkbox\" class=\"custom-checkbox w-5 h-5 text-amber-600 rounded mr-3\" value=\"dark\">\n                            <div>\n                                <div class=\"font-medium\">Kunafa Chocolate<\/div>\n                            <\/div>\n                        <\/label>\n                        <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-amber-50 cursor-pointer transition-all\">\n                            <input type=\"checkbox\" class=\"custom-checkbox w-5 h-5 text-amber-600 rounded mr-3\" value=\"milk\">\n                            <div>\n                                <div class=\"font-medium\">Milk Chocolate<\/div>\n                            <\/div>\n                        <\/label>\n                        <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-amber-50 cursor-pointer transition-all\">\n                            <input type=\"checkbox\" class=\"custom-checkbox w-5 h-5 text-amber-600 rounded mr-3\" value=\"white\">\n                            <div>\n                                <div class=\"font-medium\">White Chocolate<\/div>\n                            <\/div>\n                        <\/label>\n                        <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-amber-50 cursor-pointer transition-all\">\n                            <input type=\"checkbox\" class=\"custom-checkbox w-5 h-5 text-amber-600 rounded mr-3\" value=\"ruby\">\n                            <div>\n                                <div class=\"font-medium\">Dark Chocolate<\/div>\n                            <\/div>\n                        <\/label>\n                        <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-amber-50 cursor-pointer transition-all\">\n                            <input type=\"checkbox\" class=\"custom-checkbox w-5 h-5 text-amber-600 rounded mr-3\" value=\"sugar-free\">\n                            <div>\n                                <div class=\"font-medium\">Oreo Chocolate<\/div>\n                            <\/div>\n                        <\/label>\n                        <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-amber-50 cursor-pointer transition-all\">\n                            <input type=\"checkbox\" class=\"custom-checkbox w-5 h-5 text-amber-600 rounded mr-3\" value=\"vegan\">\n                            <div>\n                                <div class=\"font-medium\">Truffles<\/div>\n                            <\/div>\n                        <\/label>\n                    <\/div>\n                <\/div>\n\n               \n\n            <!-- Customization Options -->\n            <div class=\"form-section bg-white rounded-2xl shadow-lg p-8\">\n                <h2 class=\"font-display text-2xl font-semibold text-gray-800 mb-6\">\n                    Customization Options\n                <\/h2>\n                <div class=\"space-y-6\">\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">Custom Packaging<\/label>\n                        <select class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent transition-all\">\n                            <option value=\"\">Standard packaging<\/option>\n                            <option value=\"gift-boxes\">Premium gift boxes (+\u20b950 per unit)<\/option>\n                            <option value=\"branded\">Custom branded packaging (+\u20b965 per unit)<\/option>\n                            <option value=\"eco-friendly\">Eco-friendly packaging <\/option>\n                        <\/select>\n                    <\/div>\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">Custom Labels\/Branding<\/label>\n                        <textarea class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent transition-all h-24\" placeholder=\"Describe your custom labeling requirements (company logo, event details, special messages, etc.)\"><\/textarea>\n                    <\/div>\n                    \n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Delivery Information -->\n            <div class=\"form-section bg-white rounded-2xl shadow-lg p-8\">\n                <h2 class=\"font-display text-2xl font-semibold text-gray-800 mb-6\">\n                    Delivery Information\n                <\/h2>\n                <div class=\"space-y-6\">\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">Delivery Method *<\/label>\n                        <div class=\"grid md:grid-cols-2 gap-4\">\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-amber-50 cursor-pointer transition-all\">\n                                <input type=\"radio\" name=\"delivery\" value=\"pickup\" required class=\"w-5 h-5 text-amber-600 mr-3\">\n                                <div>\n                                    <div class=\"font-medium\">Store Pickup<\/div>\n                                    <div class=\"text-sm text-gray-500\">Free &#8211; Pick up from our location<\/div>\n                                <\/div>\n                            <\/label>\n                            <label class=\"flex items-center p-4 border border-gray-200 rounded-lg hover:bg-amber-50 cursor-pointer transition-all\">\n                                <input type=\"radio\" name=\"delivery\" value=\"delivery\" required class=\"w-5 h-5 text-amber-600 mr-3\">\n                                <div>\n                                    <div class=\"font-medium\">Local Delivery<\/div>\n                                    <div class=\"text-sm text-gray-500\"> depending on distance<\/div>\n                                <\/div>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n                    <div id=\"deliveryAddress\" class=\"hidden\">\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">Delivery Address<\/label>\n                        <textarea class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent transition-all h-24\" placeholder=\"Enter complete delivery address including any special instructions\"><\/textarea>\n                    <\/div>\n                    \n                <\/div>\n            <\/div>\n\n            <!-- Additional Information -->\n            <div class=\"form-section bg-white rounded-2xl shadow-lg p-8\">\n                <h2 class=\"font-display text-2xl font-semibold text-gray-800 mb-6\">\n                    Additional Information\n                <\/h2>\n                <div class=\"space-y-6\">\n                   \n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">How did you hear about us?<\/label>\n                        <select class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent transition-all\">\n                            <option value=\"\">Select source<\/option>\n                            <option value=\"google\">Google Search<\/option>\n                            <option value=\"social-media\">Social Media<\/option>\n                            <option value=\"referral\">Friend\/Family Referral<\/option>\n                            <option value=\"previous-customer\">Previous Customer<\/option>\n                            <option value=\"event-planner\">Event Planner<\/option>\n                            <option value=\"other\">Other<\/option>\n                        <\/select>\n                    <\/div>\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">Special Requests or Comments<\/label>\n                        <textarea class=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-amber-500 focus:border-transparent transition-all h-32\" placeholder=\"Any special requests, themes, colors, or additional information we should know about your order...\"><\/textarea>\n                    <\/div>\n                    <div class=\"flex items-start\">\n                        <input type=\"checkbox\" required class=\"custom-checkbox w-5 h-5 text-amber-600 rounded mr-3 mt-1\">\n                        <label class=\"text-sm text-gray-700\">\n                            I agree to the <a href=\"#\" class=\"text-amber-600 hover:text-amber-700 underline\">terms and conditions<\/a> and understand that this is a quote request. Final pricing will be confirmed before order processing. *\n                        <\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Submit Button -->\n            <div class=\"form-section text-center pb-8\">\n                <button type=\"submit\" class=\"chocolate-gradient text-white px-12 py-4 rounded-full text-lg font-semibold hover:shadow-lg transform hover:scale-105 transition-all duration-200\">\n                    Submit Bulk Order Request \ud83c\udf6b\n                <\/button>\n                <p class=\"text-sm text-gray-600 mt-4\">We&#8217;ll contact you within 24 hours with a detailed quote and timeline.<\/p>\n            <\/div>\n        <\/form>\n    <\/div>\n\n    <script>\n        \/\/ Quantity adjustment functions\n        function adjustQuantity(product, change) {\n            const input = document.getElementById(product);\n            const currentValue = parseInt(input.value) || 0;\n            const newValue = Math.max(0, currentValue + change);\n            input.value = newValue;\n        }\n\n\n\n        \/\/ Show\/hide delivery address based on delivery method\n        document.addEventListener('change', function(e) {\n            if (e.target.name === 'delivery') {\n                const deliveryAddress = document.getElementById('deliveryAddress');\n                if (e.target.value === 'delivery') {\n                    deliveryAddress.classList.remove('hidden');\n                } else {\n                    deliveryAddress.classList.add('hidden');\n                }\n            }\n        });\n\n        \/\/ Form submission\n        document.getElementById('bulkOrderForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            \/\/ Collect form data\n            const formData = new FormData(this);\n            const orderData = {};\n            \n            \/\/ Get all form fields\n            for (let [key, value] of formData.entries()) {\n                orderData[key] = value;\n            }\n            \n            \/\/ Get quantities\n            orderData.quantities = {\n                bars: document.getElementById('bars').value,\n                boxes: document.getElementById('boxes').value,\n                truffles: document.getElementById('truffles').value,\n                molds: document.getElementById('molds').value\n            };\n            \n            \/\/ Get selected chocolate types\n            const chocolateTypes = [];\n            document.querySelectorAll('input[type=\"checkbox\"]:checked').forEach(cb => {\n                if (['dark', 'milk', 'white', 'ruby', 'sugar-free', 'vegan'].includes(cb.value)) {\n                    chocolateTypes.push(cb.value);\n                }\n            });\n            orderData.chocolateTypes = chocolateTypes;\n            \n            \/\/ Show success message\n            showSuccessMessage();\n        });\n\n        function showSuccessMessage() {\n            const successDiv = document.createElement('div');\n            successDiv.className = 'fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50';\n            successDiv.innerHTML = `\n                <div class=\"bg-white rounded-2xl p-8 max-w-md mx-4 text-center\">\n                    <div class=\"text-6xl mb-4\">\ud83c\udf6b<\/div>\n                    <h3 class=\"text-2xl font-bold text-gray-800 mb-4\">Order Request Submitted!<\/h3>\n                    <p class=\"text-gray-600 mb-6\">Thank you for your bulk order request. We'll review your requirements and contact you within 24 hours with a detailed quote and timeline.<\/p>\n                    <button onclick=\"this.parentElement.parentElement.remove()\" class=\"chocolate-gradient text-white px-6 py-3 rounded-lg font-semibold hover:shadow-lg transition-all\">\n                        Close\n                    <\/button>\n                <\/div>\n            `;\n            document.body.appendChild(successDiv);\n        }\n\n\n    <\/script>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'96e0424ff0305510',t:'MTc1NTAwNDcxMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Premium Chocolates for Your Special Events Customer Information Full Name * Company\/Organization Email Address * Phone Number * Product Selection Chocolate Types Kunafa Chocolate Milk Chocolate White Chocolate Dark Chocolate Oreo Chocolate Truffles Customization Options Custom Packaging Standard packagingPremium gift boxes (+\u20b950 per unit)Custom branded packaging (+\u20b965 per unit)Eco-friendly packaging Custom Labels\/Branding Delivery Information Delivery [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rukachocolatier.in\/index.php?rest_route=\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rukachocolatier.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rukachocolatier.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rukachocolatier.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rukachocolatier.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=79"}],"version-history":[{"count":1,"href":"https:\/\/rukachocolatier.in\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":80,"href":"https:\/\/rukachocolatier.in\/index.php?rest_route=\/wp\/v2\/pages\/79\/revisions\/80"}],"wp:attachment":[{"href":"https:\/\/rukachocolatier.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}