{"id":265,"date":"2025-12-29T13:58:55","date_gmt":"2025-12-29T13:58:55","guid":{"rendered":"https:\/\/manofabrics.com\/?page_id=265"},"modified":"2025-12-29T14:33:54","modified_gmt":"2025-12-29T14:33:54","slug":"contact","status":"publish","type":"page","link":"https:\/\/manofabrics.com\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Contact Us - Zainab Ali Collections<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n body {\n background-color: #ffffff;\n color: #333;\n line-height: 1.6;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \n \/* Contact Section *\/\n .contact-section {\n padding: 40px 0;\n animation: fadeIn 1s ease-out;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .contact-row {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -15px;\n }\n\n .contact-form-wrapper {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n padding: 0 15px;\n }\n\n .contact-info-wrapper {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n padding: 0 15px;\n }\n\n \/* Form styling *\/\n .contact-heading {\n font-size: 32px;\n margin-bottom: 15px;\n color: #222;\n }\n\n .contact-description {\n margin-bottom: 30px;\n color: #666;\n font-size: 16px;\n }\n\n .contact-form {\n background-color: #fff;\n padding: 30px;\n border-radius: 8px;\n }\n\n .form-fields {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -10px;\n }\n\n .form-field-group {\n padding: 0 10px;\n margin-bottom: 20px;\n }\n\n .form-field-group.full-width {\n flex: 0 0 100%;\n max-width: 100%;\n }\n\n .form-field-group.half-width {\n flex: 0 0 50%;\n max-width: 50%;\n }\n\n .form-field {\n width: 100%;\n padding: 14px 15px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px;\n transition: all 0.3s;\n }\n\n .form-field:focus {\n outline: none;\n border-color: #b8865e;\n box-shadow: 0 0 0 2px rgba(184, 134, 94, 0.2);\n }\n\n textarea.form-field {\n min-height: 150px;\n resize: vertical;\n }\n\n .checkbox-container {\n display: flex;\n align-items: flex-start;\n margin: 20px 0 30px;\n }\n\n .checkbox-container input {\n margin-top: 5px;\n margin-right: 10px;\n accent-color: #b8865e;\n }\n\n .checkbox-label {\n font-size: 14px;\n color: #666;\n }\n\n .submit-btn {\n background-color: #000000;\n color: white;\n border: none;\n padding: 14px 30px;\n font-size: 16px;\n font-weight: 600;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.3s;\n }\n\n .submit-btn:hover {\n background-color: rgba(208, 17, 17);;\n }\n\n \/* Info boxes styling *\/\n .info-box {\n background-color: #fff;\n padding: 25px;\n border-radius: 8px;\n margin-bottom: 20px;\n }\n\n .info-box h3 {\n font-size: 18px;\n margin-bottom: 15px;\n color: #222;\n border-bottom: 2px solid #f0f0f0;\n padding-bottom: 8px;\n }\n\n .info-content {\n color: #555;\n font-size: 15px;\n }\n\n .info-content p {\n margin-bottom: 8px;\n }\n\n .info-content strong {\n color: #333;\n }\n\n .social-media-links {\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n margin-top: 15px;\n }\n\n .social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n background-color: #f5f5f5;\n border-radius: 50%;\n color: #555;\n text-decoration: none;\n transition: all 0.3s;\n }\n\n .social-link:hover {\n background-color: rgba(208, 17, 17);;\n color: white;\n transform: translateY(-3px);\n }\n\n .store-link {\n color: #000000;\n text-decoration: none;\n font-weight: 500;\n }\n\n .store-link:hover {\n text-decoration: underline;\n }\n\n \/* Responsive styles *\/\n @media (max-width: 992px) {\n .contact-form-wrapper,\n .contact-info-wrapper {\n flex: 0 0 100%;\n max-width: 100%;\n }\n \n .contact-info-wrapper {\n margin-top: 40px;\n }\n }\n\n @media (max-width: 768px) {\n .form-field-group.half-width {\n flex: 0 0 100%;\n max-width: 100%;\n }\n \n .contact-heading {\n font-size: 28px;\n }\n \n .contact-form {\n padding: 20px;\n }\n }\n\n \n \/* Animation for form fields *\/\n .form-field-group {\n animation: slideIn 0.5s ease-out forwards;\n opacity: 0;\n }\n\n .form-field-group:nth-child(1) { animation-delay: 0.1s; }\n .form-field-group:nth-child(2) { animation-delay: 0.2s; }\n .form-field-group:nth-child(3) { animation-delay: 0.3s; }\n .form-field-group:nth-child(4) { animation-delay: 0.4s; }\n .checkbox-container { animation-delay: 0.5s; }\n .submit-btn-container { animation-delay: 0.6s; }\n\n @keyframes slideIn {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n <\/style>\n<\/head>\n<body>\n \n <!-- Contact Section -->\n <section class=\"contact-section\">\n <div class=\"container\">\n <div class=\"contact-row\">\n <!-- Contact Form -->\n <div class=\"contact-form-wrapper\">\n <h3 class=\"contact-heading\">We would love to hear from you.<\/h3>\n <div class=\"contact-description\">\n <p>If you've got great products you're making or looking to work with us then drop us a line.<\/p>\n <\/div>\n \n <form class=\"contact-form\" id=\"contactForm\">\n <div class=\"form-fields\">\n <div class=\"form-field-group half-width\">\n <input type=\"text\" class=\"form-field\" name=\"name\" id=\"inputName\" placeholder=\"Name\" required>\n <\/div>\n \n <div class=\"form-field-group half-width\">\n <input type=\"email\" class=\"form-field\" name=\"email\" id=\"inputEmail\" placeholder=\"Email\" required>\n <\/div>\n \n <div class=\"form-field-group full-width\">\n <input type=\"tel\" class=\"form-field\" name=\"phone\" id=\"inputPhone\" placeholder=\"Phone Number\">\n <\/div>\n \n <div class=\"form-field-group full-width\">\n <textarea class=\"form-field\" name=\"message\" id=\"textareaMessage\" rows=\"6\" placeholder=\"Message\" required><\/textarea>\n <\/div>\n <\/div>\n \n <div class=\"checkbox-container\">\n <input type=\"checkbox\" id=\"saveInfo\" name=\"saveInfo\">\n <label for=\"saveInfo\" class=\"checkbox-label\">Save my name, email, and website in this browser for the next time I comment.<\/label>\n <\/div>\n \n <div class=\"submit-btn-container\">\n <button type=\"submit\" class=\"submit-btn\">Submit Now<\/button>\n <\/div>\n <\/form>\n <\/div>\n \n <!-- Contact Info -->\n <div class=\"contact-info-wrapper\">\n <!-- Sales -->\n <div class=\"info-box\">\n <h3>Sales<\/h3>\n <div class=\"info-content\">\n <p><strong>+92 312 8675790<\/strong><\/p>\n <p>zainabalicollections@gmail.com<\/p>\n <\/div>\n <\/div>\n \n <!-- Complaints -->\n <div class=\"info-box\">\n <h3>Complaints<\/h3>\n <div class=\"info-content\">\n <p><strong>+92 312 8675790<\/strong><\/p>\n <p>zainabalicollections@gmail.com<\/p>\n <\/div>\n <\/div>\n \n <!-- Whole Sale -->\n <div class=\"info-box\">\n <h3>Whole Sale<\/h3>\n <div class=\"info-content\">\n <p><strong>+92 312 8675790<\/strong><\/p>\n <p>zainabalicollections@gmail.com<\/p>\n <\/div>\n <\/div>\n \n <!-- Social Media -->\n <div class=\"info-box\">\n <h3>Social Media<\/h3>\n <div class=\"social-media-links\">\n <a href=\"https:\/\/www.facebook.com\/zainabalicollections\/\" target=\"_blank\" class=\"social-link\" aria-label=\"Facebook\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/zainabalicollection\/\" target=\"_blank\" class=\"social-link\" aria-label=\"Instagram\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.snapchat.com\/@zainabalicollec\" target=\"_blank\" class=\"social-link\" aria-label=\"Snapchat\">\n <i class=\"fab fa-snapchat-ghost\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@ZainabAliCollection\" target=\"_blank\" class=\"social-link\" aria-label=\"Youtube\">\n <i class=\"fab fa-youtube\"><\/i>\n <\/a>\n <a href=\"http:\/\/tiktok.com\/@zainabalicollection\" target=\"_blank\" class=\"social-link\" aria-label=\"Tiktok\">\n <i class=\"fab fa-tiktok\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n \n <!-- Address -->\n <div class=\"info-box\">\n <h3>Address<\/h3>\n <div class=\"info-content\">\n <p>Bahria Town Lahore Punjab Pakistan, <a href=\"#\" class=\"store-link\">See Our Stores<\/a><\/p>\n <\/div>\n <\/div>\n \n <!-- Opening Hours -->\n <div class=\"info-box\">\n <h3>We're Open<\/h3>\n <div class=\"info-content\">\n <p>Our store has re-opened for shopping, exchanges<\/p>\n <p>Every day 11am to 7pm<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n \n\n <script>\n \/\/ Form submission handling\n document.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Get form values\n const name = document.getElementById('inputName').value;\n const email = document.getElementById('inputEmail').value;\n const phone = document.getElementById('inputPhone').value;\n const message = document.getElementById('textareaMessage').value;\n \n \/\/ Simple validation\n if (!name || !email || !message) {\n alert('Please fill in all required fields.');\n return;\n }\n \n \/\/ In a real implementation, you would send this data to a server\n \/\/ For this example, we'll just show a success message\n alert('Thank you for your message, ' + name + '! We will get back to you soon.');\n \n \/\/ Reset form\n document.getElementById('contactForm').reset();\n });\n \n \/\/ Add some interactive effects\n const formFields = document.querySelectorAll('.form-field');\n formFields.forEach(field => {\n \/\/ Add focus effect\n field.addEventListener('focus', function() {\n this.parentElement.style.transform = 'scale(1.02)';\n });\n \n \/\/ Remove focus effect\n field.addEventListener('blur', function() {\n this.parentElement.style.transform = 'scale(1)';\n });\n });\n <\/script>\n<\/body>\n<\/html>\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>Contact Us – Zainab Ali Collections We would love to hear from you. If you’ve got great products you’re making or looking to work with us then drop us a line. Save my name, email, and website in this browser for the next time I comment. Submit Now Sales +92 312 8675790 zainabalicollections@gmail.com Complaints +92 […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-265","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/manofabrics.com\/index.php\/wp-json\/wp\/v2\/pages\/265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manofabrics.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/manofabrics.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/manofabrics.com\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/manofabrics.com\/index.php\/wp-json\/wp\/v2\/comments?post=265"}],"version-history":[{"count":4,"href":"https:\/\/manofabrics.com\/index.php\/wp-json\/wp\/v2\/pages\/265\/revisions"}],"predecessor-version":[{"id":269,"href":"https:\/\/manofabrics.com\/index.php\/wp-json\/wp\/v2\/pages\/265\/revisions\/269"}],"wp:attachment":[{"href":"https:\/\/manofabrics.com\/index.php\/wp-json\/wp\/v2\/media?parent=265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}