{"id":557,"date":"2025-07-02T00:00:20","date_gmt":"2025-07-01T20:00:20","guid":{"rendered":"https:\/\/zaramusic.com\/?page_id=557"},"modified":"2025-07-05T19:39:41","modified_gmt":"2025-07-05T15:39:41","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/zaramusic.com\/?page_id=557","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"557\" class=\"elementor elementor-557\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27e826d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"27e826d\" 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-7d27a25 elementor-widget elementor-widget-html\" data-id=\"7d27a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Contact Us - Zara Music<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        :root {\r\n            --primary-color: #2c3e50;\r\n            --secondary-color: #3498db;\r\n            --accent-color: #e74c3c;\r\n            --text-color: #333;\r\n            --light-bg: #f9f9f9;\r\n            --white: #ffffff;\r\n            --border-radius: 8px;\r\n            --box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.8;\r\n            color: var(--text-color);\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n            background-color: var(--light-bg);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        \/* Page Header *\/\r\n        header {\r\n            background: linear-gradient(135deg, var(--primary-color), #1a252f);\r\n            color: var(--white);\r\n            padding: 40px 20px;\r\n            text-align: center;\r\n            border-radius: var(--border-radius);\r\n            margin-bottom: 30px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: var(--box-shadow);\r\n        }\r\n        \r\n        header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAzKSIvPjwvcGF0dGVybj48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuKSIvPjwvc3ZnPg==');\r\n        }\r\n        \r\n        h1 {\r\n            margin: 0;\r\n            font-size: 2.5rem;\r\n            position: relative;\r\n            text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        \/* Main Content *\/\r\n        .container {\r\n            background-color: var(--white);\r\n            padding: 40px;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--box-shadow);\r\n            margin-bottom: 40px;\r\n            position: relative;\r\n        }\r\n        \r\n        h2 {\r\n            color: var(--primary-color);\r\n            border-bottom: 2px solid #eaeaea;\r\n            padding-bottom: 10px;\r\n            margin-top: 40px;\r\n            font-size: 1.8rem;\r\n            position: relative;\r\n        }\r\n        \r\n        h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -2px;\r\n            left: 0;\r\n            width: 100px;\r\n            height: 3px;\r\n            background: var(--secondary-color);\r\n        }\r\n        \r\n        h3 {\r\n            color: var(--secondary-color);\r\n            margin-top: 25px;\r\n            font-size: 1.4rem;\r\n        }\r\n        \r\n        ul {\r\n            padding-left: 20px;\r\n            list-style-type: none;\r\n        }\r\n        \r\n        li {\r\n            margin-bottom: 12px;\r\n            position: relative;\r\n            padding-left: 25px;\r\n        }\r\n        \r\n        li::before {\r\n            content: '\u2022';\r\n            color: var(--secondary-color);\r\n            font-weight: bold;\r\n            position: absolute;\r\n            left: 0;\r\n        }\r\n        \r\n        .highlight {\r\n            background-color: #f8f9fa;\r\n            padding: 25px;\r\n            border-left: 4px solid var(--secondary-color);\r\n            margin: 25px 0;\r\n            border-radius: var(--border-radius) 0 0 var(--border-radius);\r\n        }\r\n        \r\n        .contact-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 30px;\r\n            margin: 40px 0;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .contact-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n        \r\n        .contact-form, .contact-info {\r\n            background-color: #f8f9fa;\r\n            padding: 25px;\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--box-shadow);\r\n        }\r\n        \r\n        .form-group {\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .form-group label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: 600;\r\n            color: var(--primary-color);\r\n        }\r\n        \r\n        .form-control {\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            border: 1px solid #ddd;\r\n            border-radius: var(--border-radius);\r\n            font-size: 1rem;\r\n            transition: border-color 0.3s;\r\n        }\r\n        \r\n        .form-control:focus {\r\n            border-color: var(--accent-color);\r\n            outline: none;\r\n            box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.2);\r\n        }\r\n        \r\n        textarea.form-control {\r\n            min-height: 150px;\r\n            resize: vertical;\r\n        }\r\n        \r\n        .submit-btn {\r\n            background: var(--accent-color);\r\n            color: white;\r\n            border: none;\r\n            border-radius: var(--border-radius);\r\n            padding: 12px 30px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: background 0.3s, transform 0.2s;\r\n            display: block;\r\n            margin: 20px auto 0;\r\n            width: 100%;\r\n            max-width: 200px;\r\n        }\r\n        \r\n        .submit-btn:hover {\r\n            background: #c0392b;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .social-links {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin: 20px 0;\r\n        }\r\n        \r\n        .social-link {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 45px;\r\n            height: 45px;\r\n            border-radius: 50%;\r\n            background: var(--primary-color);\r\n            color: white;\r\n            font-size: 1.2rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .social-link:hover {\r\n            transform: translateY(-5px);\r\n            background: var(--secondary-color);\r\n        }\r\n        \r\n        .divider {\r\n            height: 1px;\r\n            background: #ddd;\r\n            margin: 30px 0;\r\n        }\r\n        \r\n        .section-divider {\r\n            height: 2px;\r\n            background: linear-gradient(to right, transparent, var(--secondary-color), transparent);\r\n            margin: 40px 0;\r\n            width: 100%;\r\n            border: none;\r\n        }\r\n        \r\n        .contact-item {\r\n            display: flex;\r\n            gap: 15px;\r\n            align-items: flex-start;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .contact-icon {\r\n            background: var(--secondary-color);\r\n            color: white;\r\n            width: 35px;\r\n            height: 35px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .contact-text {\r\n            flex: 1;\r\n        }\r\n        \r\n        .contact-text h3 {\r\n            margin-bottom: 5px;\r\n            color: var(--primary-color);\r\n        }\r\n        \r\n        .contact-text a {\r\n            color: var(--secondary-color);\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .contact-text a:hover {\r\n            color: var(--accent-color);\r\n            text-decoration: underline;\r\n        }\r\n        \r\n        .address-list {\r\n            margin-top: 10px;\r\n            padding-left: 15px;\r\n        }\r\n        \r\n        .address-list li {\r\n            margin-bottom: 10px;\r\n            display: flex;\r\n            gap: 8px;\r\n        }\r\n        \r\n        .whatsapp-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: #25D366;\r\n            color: white !important;\r\n            padding: 8px 15px;\r\n            border-radius: 50px;\r\n            margin-top: 5px;\r\n            text-decoration: none !important;\r\n            transition: background 0.3s;\r\n        }\r\n        \r\n        .whatsapp-link:hover {\r\n            background: #128C7E;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        .email-link {\r\n            display: block;\r\n            margin: 8px 0;\r\n            color: var(--secondary-color);\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .email-link:hover {\r\n            color: var(--accent-color);\r\n            text-decoration: underline;\r\n        }\r\n        \r\n        \/* Footer *\/\r\n        footer {\r\n            display: grid;\r\n            place-items: center;\r\n            padding: 15px;\r\n            color: black;\r\n            background-color: transparent;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        footer p {\r\n            margin: 0;\r\n            font-family: Arial, sans-serif;\r\n            font-size: 14px;\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            body {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .container {\r\n                padding: 25px;\r\n            }\r\n            \r\n            h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            h2 {\r\n                font-size: 1.5rem;\r\n            }\r\n        }\r\n        \r\n        .success-message {\r\n            background-color: #d4edda;\r\n            color: #155724;\r\n            padding: 15px;\r\n            border-radius: var(--border-radius);\r\n            margin-top: 20px;\r\n            display: none;\r\n            text-align: center;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body data-rsssl=1>\r\n    <header>\r\n        <h1>Contact Us<\/h1>\r\n    <\/header>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"highlight\">\r\n            <p>We are happy to hear from you! Our customer support team is ready to answer all your questions and assist you at any time. You can contact us through the form or via the available communication channels.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"contact-grid\">\r\n            <!-- Contact Form -->\r\n            <div class=\"contact-form\">\r\n                <h2>Send Us a Message<\/h2>\r\n                <form id=\"contactForm\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"name\">Full Name<\/label>\r\n                        <input type=\"text\" id=\"name\" class=\"form-control\" required>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"email\">Email Address<\/label>\r\n                        <input type=\"email\" id=\"email\" class=\"form-control\" required>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"form-group\">\r\n                        <label for=\"message\">Message<\/label>\r\n                        <textarea id=\"message\" class=\"form-control\" required><\/textarea>\r\n                    <\/div>\r\n                    \r\n                    <button type=\"submit\" class=\"submit-btn\">Send Message<\/button>\r\n                    \r\n                    <div id=\"successMessage\" class=\"success-message\">\r\n                        <i class=\"fas fa-check-circle\"><\/i> Your message has been sent successfully! We will contact you soon.\r\n                    <\/div>\r\n                    \r\n                    <!-- Hidden field for recipient email -->\r\n                    <input type=\"hidden\" id=\"recipientEmail\" value=\"zaralazgin@gmail.com\">\r\n                <\/form>\r\n            <\/div>\r\n            \r\n            <!-- Contact Information -->\r\n            <div class=\"contact-info\">\r\n                <h2>Get in Touch<\/h2>\r\n                <p>We'd love to hear from you! Contact us through social media or send us a message using the contact form.<\/p>\r\n                \r\n                <!-- Social Media Links -->\r\n                <div class=\"social-links\">\r\n                    <a href=\"#\" class=\"social-link\" target=\"_blank\">\r\n                        <i class=\"fab fa-instagram\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"social-link\" target=\"_blank\">\r\n                        <i class=\"fab fa-facebook-f\"><\/i>\r\n                    <\/a>\r\n                    <a href=\"#\" class=\"social-link\" target=\"_blank\">\r\n                        <i class=\"fab fa-twitter\"><\/i>\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n                <!-- WhatsApp -->\r\n                <div class=\"contact-item\" style=\"margin-top: 25px;\">\r\n                    <div class=\"contact-icon\">\r\n                        <i class=\"fab fa-whatsapp\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"contact-text\">\r\n                        <a href=\"https:\/\/wa.me\/9613968125\" class=\"whatsapp-link\" target=\"_blank\">\r\n                            <i class=\"fab fa-whatsapp\"><\/i> Contact us via WhatsApp\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Email -->\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-icon\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"contact-text\">\r\n                        <h3>Send Your Email To<\/h3>\r\n                        <a href=\"mailto:zaralazgin@gmail.com\" class=\"email-link\">zaralazgin@gmail.com<\/a>\r\n                        <a href=\"mailto:info@ZaraMusic.com\" class=\"email-link\">info@ZaraMusic.com<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Divider -->\r\n                <hr class=\"section-divider\">\r\n                \r\n                <!-- Address -->\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-icon\">\r\n                        <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"contact-text\">\r\n                        <h3>Address<\/h3>\r\n                        <ul class=\"address-list\">\r\n                            <li>United Arab Emirates<\/li>\r\n                            <li>Lebanon - Beirut: Dekwaneh, opposite Al-Mazar Restaurant<\/li>\r\n                            <li>Syria - Aleppo: Al-Sulaymaniyah, behind the Bank of Syria and Overseas<\/li>\r\n                            <li>Syria - Damascus: Abu Rummaneh, behind the Saudi Embassy<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Footer -->\r\n    <footer>\r\n        <p>Copyright \u00a9 1986 \u2013 <span id=\"footerYear\"><\/span> | Powered by Zara Music. All rights reserved.<\/p>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ Update current year\r\n        document.getElementById('footerYear').textContent = new Date().getFullYear();\r\n\r\n        \/\/ Form submission\r\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Show success message\r\n            document.getElementById('successMessage').style.display = 'block';\r\n            \r\n            \/\/ Reset form\r\n            this.reset();\r\n            \r\n            \/\/ Scroll to success message\r\n            document.getElementById('successMessage').scrollIntoView({ \r\n                behavior: 'smooth', \r\n                block: 'center'\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\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 &#8211; Zara Music Contact Us We are happy to hear from you! Our customer support team is ready to answer all your questions and assist you at any time. You can contact us through the form or via the available communication channels. Send Us a Message Full Name Email Address Message Send Message Your message has been sent successfully! We will contact you soon. Get in Touch We&#8217;d love to hear from you! Contact us through social media or send us a message using the contact form. Contact us via WhatsApp Send Your Email To zaralazgin@gmail.com info@ZaraMusic.com Address United Arab Emirates Lebanon &#8211; Beirut: Dekwaneh, opposite Al-Mazar Restaurant Syria &#8211; Aleppo: Al-Sulaymaniyah, behind the Bank of Syria and Overseas Syria &#8211; Damascus: Abu Rummaneh, behind the Saudi Embassy Copyright \u00a9 1986 \u2013 | Powered by Zara Music. All rights reserved.<\/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-557","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zaramusic.com\/index.php?rest_route=\/wp\/v2\/pages\/557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zaramusic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zaramusic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zaramusic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zaramusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=557"}],"version-history":[{"count":5,"href":"https:\/\/zaramusic.com\/index.php?rest_route=\/wp\/v2\/pages\/557\/revisions"}],"predecessor-version":[{"id":648,"href":"https:\/\/zaramusic.com\/index.php?rest_route=\/wp\/v2\/pages\/557\/revisions\/648"}],"wp:attachment":[{"href":"https:\/\/zaramusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}