{"id":1484,"date":"2026-01-03T16:01:35","date_gmt":"2026-01-03T16:01:35","guid":{"rendered":"https:\/\/shyamajiarts.com\/electroverge\/?page_id=1484"},"modified":"2026-05-23T04:43:03","modified_gmt":"2026-05-23T04:43:03","slug":"contact","status":"publish","type":"page","link":"https:\/\/shyamajiarts.com\/electroverge\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1484\" class=\"elementor elementor-1484\">\n\t\t\t\t\t\t<section class=\"wd-negative-gap elementor-section elementor-top-section elementor-element elementor-element-1885ce8 wd-section-stretch-content elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1885ce8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f8bec88\" data-id=\"f8bec88\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a60fb7 elementor-widget elementor-widget-html\" data-id=\"1a60fb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Contact Us - Section 1 (Info & Form) -->\n<section id=\"contact-hero\" style=\"font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: #fbf8fc; padding: 80px 20px; overflow: hidden;\">\n    \n    <div style=\"max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 50px;\">\n        \n        <!-- LEFT CONTENT: Contact Information -->\n        <div class=\"contact-fade-right\" style=\"flex: 1 1 450px;\">\n            <!-- Badge -->\n            <div style=\"display: inline-flex; align-items: center; padding: 6px 16px; background-color: #f8ebf8; color: #800080; border-radius: 30px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px;\">\n                Get In Touch\n            <\/div>\n            \n            <!-- Headline -->\n            <h1 style=\"font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 800; color: #111827; line-height: 1.15; margin: 0 0 20px 0;\">\n                Let's start a <br><span style=\"color: #800080;\">conversation.<\/span>\n            <\/h1>\n            \n            <p style=\"font-size: 1.1rem; color: #4b5563; line-height: 1.7; margin-bottom: 40px; max-width: 450px;\">\n                Have questions about a product, need help with an order, or just want to leave some feedback? Our team is ready to assist you.\n            <\/p>\n\n            <!-- Info Cards Container -->\n            <div style=\"display: flex; flex-direction: column; gap: 20px;\">\n                \n                <!-- Phone Card -->\n                <a href=\"tel:7802026206\" class=\"contact-card\" style=\"display: flex; align-items: center; gap: 15px; background: #ffffff; padding: 20px; border-radius: 12px; border: 1px solid #e5d0e5; text-decoration: none; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);\">\n                    <div style=\"width: 50px; height: 50px; background-color: #f8ebf8; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#800080\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n                    <\/div>\n                    <div>\n                        <span style=\"display: block; font-size: 0.85rem; color: #6b7280; font-weight: 600; text-transform: uppercase; margin-bottom: 4px;\">Call Us Directly<\/span>\n                        <span style=\"display: block; font-size: 1.1rem; color: #111827; font-weight: 700;\">+91 7802026206<\/span>\n                    <\/div>\n                <\/a>\n\n                <!-- Email Card -->\n                <a href=\"mailto:support@sethsawariyabizmart.com\" class=\"contact-card\" style=\"display: flex; align-items: center; gap: 15px; background: #ffffff; padding: 20px; border-radius: 12px; border: 1px solid #e5d0e5; text-decoration: none; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);\">\n                    <div style=\"width: 50px; height: 50px; background-color: #f8ebf8; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#800080\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n                    <\/div>\n                    <div>\n                        <span style=\"display: block; font-size: 0.85rem; color: #6b7280; font-weight: 600; text-transform: uppercase; margin-bottom: 4px;\">Email Support<\/span>\n                        <span style=\"display: block; font-size: 1.05rem; color: #111827; font-weight: 700;\">support@sethsawariyabizmart.com<\/span>\n                    <\/div>\n                <\/a>\n\n                <!-- Location Card -->\n                <div class=\"contact-card\" style=\"display: flex; align-items: flex-start; gap: 15px; background: #ffffff; padding: 20px; border-radius: 12px; border: 1px solid #e5d0e5; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);\">\n                    <div style=\"width: 50px; height: 50px; background-color: #f8ebf8; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#800080\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n                    <\/div>\n                    <div>\n                        <span style=\"display: block; font-size: 0.85rem; color: #6b7280; font-weight: 600; text-transform: uppercase; margin-bottom: 4px;\">Store & Office<\/span>\n                        <span style=\"display: block; font-size: 0.95rem; color: #111827; line-height: 1.5; font-weight: 500;\">\n                            1st Floor, 18, Nakshatra Arcade, IOC Road, Chandkheda, Ahmedabad, Gujarat, 382424\n                        <\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <!-- RIGHT CONTENT: Contact Form Box -->\n        <div class=\"contact-fade-up\" style=\"flex: 1 1 500px;\">\n            <div style=\"background: #ffffff; padding: 40px; border-radius: 16px; box-shadow: 0 20px 40px -15px rgba(128, 0, 128, 0.15); border-top: 6px solid #800080; position: relative;\">\n                \n                <h3 style=\"margin: 0 0 5px 0; font-size: 1.5rem; color: #111827; font-weight: 700;\">Send us a Message<\/h3>\n                <p style=\"margin: 0 0 25px 0; font-size: 0.95rem; color: #6b7280;\">We typically reply within 24 hours.<\/p>\n\n                <!-- \n                  Note: If you use a WordPress plugin like WPForms or Contact Form 7, \n                  you can replace this <form> section with their shortcode (e.g., [wpforms id=\"123\"]). \n                  Otherwise, this is a beautifully styled HTML shell ready for integration. \n                -->\n                <form action=\"#\" method=\"POST\" style=\"display: flex; flex-direction: column; gap: 20px;\">\n                    \n                    <div style=\"display: flex; gap: 20px; flex-wrap: wrap;\">\n                        <!-- Name Field -->\n                        <div style=\"flex: 1 1 200px;\">\n                            <label for=\"name\" style=\"display: block; font-size: 0.85rem; font-weight: 600; color: #4b5563; margin-bottom: 8px;\">Full Name *<\/label>\n                            <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"John Doe\" required class=\"form-input\" style=\"width: 100%; box-sizing: border-box; padding: 14px 16px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 1rem; color: #111827; background-color: #f9fafb; outline: none; transition: border-color 0.3s ease;\">\n                        <\/div>\n                        \n                        <!-- Email Field -->\n                        <div style=\"flex: 1 1 200px;\">\n                            <label for=\"email\" style=\"display: block; font-size: 0.85rem; font-weight: 600; color: #4b5563; margin-bottom: 8px;\">Email Address *<\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"john@example.com\" required class=\"form-input\" style=\"width: 100%; box-sizing: border-box; padding: 14px 16px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 1rem; color: #111827; background-color: #f9fafb; outline: none; transition: border-color 0.3s ease;\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- Subject Field -->\n                    <div>\n                        <label for=\"subject\" style=\"display: block; font-size: 0.85rem; font-weight: 600; color: #4b5563; margin-bottom: 8px;\">Subject<\/label>\n                        <input type=\"text\" id=\"subject\" name=\"subject\" placeholder=\"How can we help you?\" class=\"form-input\" style=\"width: 100%; box-sizing: border-box; padding: 14px 16px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 1rem; color: #111827; background-color: #f9fafb; outline: none; transition: border-color 0.3s ease;\">\n                    <\/div>\n\n                    <!-- Message Field -->\n                    <div>\n                        <label for=\"message\" style=\"display: block; font-size: 0.85rem; font-weight: 600; color: #4b5563; margin-bottom: 8px;\">Message *<\/label>\n                        <textarea id=\"message\" name=\"message\" rows=\"5\" placeholder=\"Write your message here...\" required class=\"form-input\" style=\"width: 100%; box-sizing: border-box; padding: 14px 16px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 1rem; color: #111827; background-color: #f9fafb; outline: none; resize: vertical; transition: border-color 0.3s ease;\"><\/textarea>\n                    <\/div>\n\n                    <!-- Submit Button -->\n                    <button type=\"submit\" class=\"btn-submit\" style=\"width: 100%; padding: 16px; background-color: #800080; color: #ffffff; border: none; border-radius: 8px; font-weight: 700; font-size: 1rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(128, 0, 128, 0.3); margin-top: 10px;\">\n                        Send Message\n                    <\/button>\n                    \n                <\/form>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<!-- Embedded CSS for Hover Effects & Animations -->\n<style>\n    \/* Contact Info Cards Hover *\/\n    .contact-card {\n        transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    }\n    .contact-card:hover {\n        transform: translateX(5px);\n        border-color: #800080 !important;\n        box-shadow: 0 10px 20px -5px rgba(128, 0, 128, 0.1) !important;\n    }\n\n    \/* Form Input Focus States *\/\n    .form-input:focus {\n        border-color: #800080 !important;\n        background-color: #ffffff !important;\n        box-shadow: 0 0 0 3px rgba(128, 0, 128, 0.1);\n    }\n\n    \/* Submit Button Hover *\/\n    .btn-submit:hover {\n        background-color: #590059 !important; \/* Darker purple *\/\n        transform: translateY(-2px);\n        box-shadow: 0 8px 20px rgba(128, 0, 128, 0.4) !important;\n    }\n\n    \/* Entrance Animations *\/\n    .contact-fade-right {\n        opacity: 0;\n        animation: contactFadeRight 0.8s ease-out forwards;\n    }\n    .contact-fade-up {\n        opacity: 0;\n        animation: contactFadeUp 0.8s ease-out 0.2s forwards;\n    }\n\n    @keyframes contactFadeRight {\n        from { opacity: 0; transform: translateX(-30px); }\n        to { opacity: 1; transform: translateX(0); }\n    }\n    @keyframes contactFadeUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-24a417c wd-section-stretch-content elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"24a417c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6def448\" data-id=\"6def448\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-27b035c elementor-widget elementor-widget-google_maps\" data-id=\"27b035c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=1ST%20FLOOR%2C%2018%2C%20Nakshatra%20Arcade%2C%20IOC%20ROAD%2C%20Chandkheda%20Society%20Area%20Sub%20Post%20Office%2C%20Chandkheda%2C%20Ahmedabad%2C%20Gandhinagar%2C%20Gujarat%2C%20382424&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"1ST FLOOR, 18, Nakshatra Arcade, IOC ROAD, Chandkheda Society Area Sub Post Office, Chandkheda, Ahmedabad, Gandhinagar, Gujarat, 382424\"\n\t\t\t\t\taria-label=\"1ST FLOOR, 18, Nakshatra Arcade, IOC ROAD, Chandkheda Society Area Sub Post Office, Chandkheda, Ahmedabad, Gandhinagar, Gujarat, 382424\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get In Touch Let&#8217;s start a conversation. Have questions about a product, need help with an order, or just want<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1484","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shyamajiarts.com\/electroverge\/wp-json\/wp\/v2\/pages\/1484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shyamajiarts.com\/electroverge\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shyamajiarts.com\/electroverge\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shyamajiarts.com\/electroverge\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/shyamajiarts.com\/electroverge\/wp-json\/wp\/v2\/comments?post=1484"}],"version-history":[{"count":9,"href":"https:\/\/shyamajiarts.com\/electroverge\/wp-json\/wp\/v2\/pages\/1484\/revisions"}],"predecessor-version":[{"id":1997,"href":"https:\/\/shyamajiarts.com\/electroverge\/wp-json\/wp\/v2\/pages\/1484\/revisions\/1997"}],"wp:attachment":[{"href":"https:\/\/shyamajiarts.com\/electroverge\/wp-json\/wp\/v2\/media?parent=1484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}