{"id":453,"date":"2026-01-21T08:00:56","date_gmt":"2026-01-21T08:00:56","guid":{"rendered":"http:\/\/islamicstore.shop\/?page_id=453"},"modified":"2026-01-21T08:00:57","modified_gmt":"2026-01-21T08:00:57","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/islamicstore.shop\/index.php\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n\n<!-- ISLAMIC STORE CONTACT US PAGE WIDGET -->\r\n<div class=\"islamic-contact-us-page\">\r\n    <style>\r\n        :root {\r\n            --icp-primary: #0A5C36 !important;\r\n            --icp-secondary: #1A7942 !important;\r\n            --icp-accent: #D4AF37 !important;\r\n            --icp-light: #F0F7F3 !important;\r\n            --icp-dark: #222222 !important;\r\n            --icp-gray: #666666 !important;\r\n            --icp-white: #ffffff !important;\r\n            --icp-shadow: rgba(10, 92, 54, 0.1) !important;\r\n        }\r\n        \r\n        .islamic-contact-us-page {\r\n            font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;\r\n            max-width: 1200px !important;\r\n            margin: 0 auto !important;\r\n            padding: 40px 20px !important;\r\n        }\r\n        \r\n        \/* Hero Section *\/\r\n        .icp-hero {\r\n            background: linear-gradient(rgba(10, 92, 54, 0.9), rgba(10, 92, 54, 0.8)), url('https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80') !important;\r\n            background-size: cover !important;\r\n            background-position: center !important;\r\n            color: var(--icp-white) !important;\r\n            padding: 80px 40px !important;\r\n            border-radius: 15px !important;\r\n            margin-bottom: 60px !important;\r\n            text-align: center !important;\r\n        }\r\n        \r\n        .icp-hero h1 {\r\n            font-size: 48px !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 20px !important;\r\n            color: var(--icp-white) !important;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;\r\n        }\r\n        \r\n        .icp-hero p {\r\n            font-size: 20px !important;\r\n            max-width: 800px !important;\r\n            margin: 0 auto !important;\r\n            opacity: 0.9 !important;\r\n        }\r\n        \r\n        \/* Section Title *\/\r\n        .icp-section-title {\r\n            color: var(--icp-primary) !important;\r\n            font-size: 36px !important;\r\n            font-weight: 700 !important;\r\n            margin: 50px 0 30px 0 !important;\r\n            position: relative !important;\r\n            padding-bottom: 15px !important;\r\n            text-align: center !important;\r\n        }\r\n        \r\n        .icp-section-title:after {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            bottom: 0 !important;\r\n            left: 50% !important;\r\n            transform: translateX(-50%) !important;\r\n            width: 80px !important;\r\n            height: 4px !important;\r\n            background: var(--icp-accent) !important;\r\n            border-radius: 2px !important;\r\n        }\r\n        \r\n        \/* Contact Info Cards *\/\r\n        .icp-contact-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(3, 1fr) !important;\r\n            gap: 30px !important;\r\n            margin: 40px 0 !important;\r\n        }\r\n        \r\n        .icp-contact-card {\r\n            background: var(--icp-white) !important;\r\n            padding: 30px !important;\r\n            border-radius: 15px !important;\r\n            text-align: center !important;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n            border: 2px solid transparent !important;\r\n        }\r\n        \r\n        .icp-contact-card:hover {\r\n            transform: translateY(-10px) !important;\r\n            box-shadow: 0 20px 40px var(--icp-shadow) !important;\r\n            border-color: var(--icp-primary) !important;\r\n        }\r\n        \r\n        .icp-contact-icon {\r\n            width: 80px !important;\r\n            height: 80px !important;\r\n            background: var(--icp-light) !important;\r\n            border-radius: 50% !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            margin: 0 auto 20px auto !important;\r\n            color: var(--icp-primary) !important;\r\n            font-size: 32px !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n        \r\n        .icp-contact-card:hover .icp-contact-icon {\r\n            background: var(--icp-primary) !important;\r\n            color: var(--icp-white) !important;\r\n            transform: scale(1.1) !important;\r\n        }\r\n        \r\n        .icp-contact-card h3 {\r\n            color: var(--icp-primary) !important;\r\n            font-size: 24px !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 15px !important;\r\n        }\r\n        \r\n        .icp-contact-card p {\r\n            color: var(--icp-gray) !important;\r\n            font-size: 16px !important;\r\n            line-height: 1.6 !important;\r\n            margin-bottom: 15px !important;\r\n        }\r\n        \r\n        .icp-contact-card a {\r\n            color: var(--icp-primary) !important;\r\n            text-decoration: none !important;\r\n            font-weight: 500 !important;\r\n            transition: color 0.3s ease !important;\r\n            display: inline-block !important;\r\n            margin: 5px 0 !important;\r\n        }\r\n        \r\n        .icp-contact-card a:hover {\r\n            color: var(--icp-secondary) !important;\r\n            text-decoration: underline !important;\r\n        }\r\n        \r\n        \/* Map Section *\/\r\n        .icp-map-section {\r\n            margin: 60px 0 !important;\r\n            border-radius: 15px !important;\r\n            overflow: hidden !important;\r\n            box-shadow: 0 15px 40px rgba(0,0,0,0.1) !important;\r\n        }\r\n        \r\n        .icp-map-container {\r\n            height: 400px !important;\r\n            background: var(--icp-light) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            position: relative !important;\r\n        }\r\n        \r\n        .icp-map-placeholder {\r\n            text-align: center !important;\r\n            padding: 20px !important;\r\n        }\r\n        \r\n        .icp-map-placeholder i {\r\n            font-size: 60px !important;\r\n            color: var(--icp-primary) !important;\r\n            margin-bottom: 20px !important;\r\n        }\r\n        \r\n        .icp-map-placeholder h3 {\r\n            color: var(--icp-primary) !important;\r\n            font-size: 24px !important;\r\n            margin-bottom: 10px !important;\r\n        }\r\n        \r\n        .icp-map-placeholder p {\r\n            color: var(--icp-gray) !important;\r\n            max-width: 500px !important;\r\n            margin: 0 auto !important;\r\n        }\r\n        \r\n        \/* FAQ Section *\/\r\n        .icp-faq-section {\r\n            margin: 60px 0 !important;\r\n        }\r\n        \r\n        .icp-faq-item {\r\n            background: var(--icp-white) !important;\r\n            border-radius: 10px !important;\r\n            margin-bottom: 15px !important;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;\r\n            overflow: hidden !important;\r\n            border-left: 4px solid var(--icp-primary) !important;\r\n        }\r\n        \r\n        .icp-faq-question {\r\n            padding: 20px !important;\r\n            cursor: pointer !important;\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            transition: background 0.3s ease !important;\r\n        }\r\n        \r\n        .icp-faq-question:hover {\r\n            background: var(--icp-light) !important;\r\n        }\r\n        \r\n        .icp-faq-question h4 {\r\n            color: var(--icp-primary) !important;\r\n            font-size: 18px !important;\r\n            font-weight: 600 !important;\r\n            margin: 0 !important;\r\n        }\r\n        \r\n        .icp-faq-question i {\r\n            color: var(--icp-primary) !important;\r\n            transition: transform 0.3s ease !important;\r\n        }\r\n        \r\n        .icp-faq-answer {\r\n            padding: 0 20px !important;\r\n            max-height: 0 !important;\r\n            overflow: hidden !important;\r\n            transition: all 0.3s ease !important;\r\n            color: var(--icp-gray) !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n        \r\n        .icp-faq-item.active .icp-faq-answer {\r\n            padding: 0 20px 20px 20px !important;\r\n            max-height: 500px !important;\r\n        }\r\n        \r\n        .icp-faq-item.active .icp-faq-question i {\r\n            transform: rotate(180deg) !important;\r\n        }\r\n        \r\n        \/* Contact Form Container *\/\r\n        .icp-form-container {\r\n            background: var(--icp-white) !important;\r\n            border-radius: 15px !important;\r\n            padding: 50px !important;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.1) !important;\r\n            margin-top: 60px !important;\r\n            border: 1px solid rgba(10, 92, 54, 0.1) !important;\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .icp-contact-grid {\r\n                grid-template-columns: repeat(2, 1fr) !important;\r\n            }\r\n            \r\n            .icp-hero {\r\n                padding: 60px 30px !important;\r\n            }\r\n            \r\n            .icp-hero h1 {\r\n                font-size: 36px !important;\r\n            }\r\n            \r\n            .icp-section-title {\r\n                font-size: 32px !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .icp-contact-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n            \r\n            .icp-form-container {\r\n                padding: 30px !important;\r\n            }\r\n            \r\n            .icp-hero {\r\n                padding: 50px 20px !important;\r\n            }\r\n            \r\n            .icp-hero h1 {\r\n                font-size: 32px !important;\r\n            }\r\n            \r\n            .icp-hero p {\r\n                font-size: 18px !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .islamic-contact-us-page {\r\n                padding: 20px 15px !important;\r\n            }\r\n            \r\n            .icp-form-container {\r\n                padding: 25px !important;\r\n            }\r\n            \r\n            .icp-contact-card {\r\n                padding: 25px !important;\r\n            }\r\n            \r\n            .icp-section-title {\r\n                font-size: 28px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n    \r\n    <!-- Hero Section -->\r\n    <div class=\"icp-hero\">\r\n        <h1>Contact Islamic Store<\/h1>\r\n        <p>We're here to help! Reach out to us for any questions about our products, orders, or Islamic guidance. Your satisfaction is our priority.<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Contact Information -->\r\n    <h2 class=\"icp-section-title\">Get In Touch<\/h2>\r\n    \r\n    <div class=\"icp-contact-grid\">\r\n        <div class=\"icp-contact-card\">\r\n            <div class=\"icp-contact-icon\">\r\n                <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            <\/div>\r\n            <h3>Visit Our Store<\/h3>\r\n            <p>Sector 63 Road, A Block, Noida, 201309, Uttar Pradesh, India<\/p>\r\n            <a href=\"https:\/\/maps.google.com\/?q=Ghaziabad+Uttar+Pradesh+201009\" target=\"_blank\">\r\n                <i class=\"fas fa-directions\"><\/i> Get Directions\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"icp-contact-card\">\r\n            <div class=\"icp-contact-icon\">\r\n                <i class=\"fas fa-phone-alt\"><\/i>\r\n            <\/div>\r\n            <h3>Call Us<\/h3>\r\n            <p>\r\n                <a href=\"tel:+919999999999\">+91 99999 99999<\/a><br>\r\n                <a href=\"tel:+918888888888\">+91 88888 88888<\/a>\r\n            <\/p>\r\n            <p style=\"color: var(--icp-gray); font-size: 14px; margin-top: 10px;\">\r\n                <i class=\"fas fa-clock\"><\/i> Mon-Fri: 9AM-6PM<br>\r\n                Sat: 10AM-4PM\r\n            <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"icp-contact-card\">\r\n            <div class=\"icp-contact-icon\">\r\n                <i class=\"fas fa-envelope\"><\/i>\r\n            <\/div>\r\n            <h3>Email Us<\/h3>\r\n            <p>\r\n                <a href=\"mailto:info@islamicstore.com\">info@islamicstore.com<\/a><br>\r\n                <a href=\"mailto:support@islamicstore.com\">support@islamicstore.com<\/a><br>\r\n                <a href=\"mailto:orders@islamicstore.com\">orders@islamicstore.com<\/a>\r\n            <\/p>\r\n            <p style=\"color: var(--icp-gray); font-size: 14px; margin-top: 10px;\">\r\n                <i class=\"fas fa-history\"><\/i> Response within 24 hours\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n   <!-- BETTER CONTACT SECTION - IMPROVED DESIGN -->\r\n<div class=\"better-contact-section\">\r\n    <style>\r\n        :root {\r\n            \/* Color Scheme *\/\r\n            --bcs-primary: #0A5C36;      \/* Dark Green *\/\r\n            --bcs-secondary: #1A7942;    \/* Medium Green *\/\r\n            --bcs-accent: #D4AF37;       \/* Gold *\/\r\n            --bcs-dark: #222222;         \/* Dark Text *\/\r\n            --bcs-gray: #666666;         \/* Gray Text *\/\r\n            --bcs-white: #ffffff;        \/* White *\/\r\n            --bcs-shadow: rgba(10, 92, 54, 0.1); \/* Shadow Color *\/\r\n            --bcs-border: rgba(10, 92, 54, 0.15); \/* Border Color *\/\r\n            --bcs-hover: rgba(10, 92, 54, 0.05); \/* Hover Background *\/\r\n        }\r\n        \r\n        \/* Clean, modern styles with better sizing *\/\r\n        .better-contact-section {\r\n            background: var(--bcs-white) !important;\r\n            border-radius: 15px !important;\r\n            padding: 35px !important;\r\n            border: 1px solid var(--bcs-border) !important;\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;\r\n            width: 100% !important;\r\n            margin: 20px 0 !important;\r\n        }\r\n        \r\n        \/* Header *\/\r\n        .bcs-header {\r\n            text-align: center !important;\r\n            margin-bottom: 35px !important;\r\n        }\r\n        \r\n        .bcs-title {\r\n            color: var(--bcs-primary) !important;\r\n            font-size: 28px !important;\r\n            font-weight: 700 !important;\r\n            margin-bottom: 12px !important;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n        }\r\n        \r\n        .bcs-subtitle {\r\n            color: var(--bcs-gray) !important;\r\n            font-size: 17px !important;\r\n            line-height: 1.5 !important;\r\n            max-width: 700px !important;\r\n            margin: 0 auto !important;\r\n            font-weight: 400 !important;\r\n        }\r\n        \r\n        \/* Main Layout *\/\r\n        .bcs-content {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: 35px !important;\r\n            align-items: start !important;\r\n        }\r\n        \r\n        \/* Contact Info - Better Styling *\/\r\n        .bcs-info {\r\n            padding-right: 15px !important;\r\n        }\r\n        \r\n        .bcs-info-item {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 18px !important;\r\n            margin-bottom: 25px !important;\r\n            padding: 20px !important;\r\n            background: #f8f9fa !important;\r\n            border-radius: 12px !important;\r\n            border-left: 4px solid var(--bcs-primary) !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n        \r\n        .bcs-info-item:hover {\r\n            background: var(--bcs-hover) !important;\r\n            transform: translateX(5px) !important;\r\n        }\r\n        \r\n        .bcs-icon {\r\n            width: 50px !important;\r\n            height: 50px !important;\r\n            background: rgba(10, 92, 54, 0.1) !important;\r\n            border-radius: 50% !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            color: var(--bcs-primary) !important;\r\n            font-size: 22px !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n        \r\n        .bcs-details h4 {\r\n            color: var(--bcs-dark) !important;\r\n            font-size: 18px !important;\r\n            font-weight: 600 !important;\r\n            margin-bottom: 6px !important;\r\n        }\r\n        \r\n        .bcs-details p {\r\n            color: var(--bcs-gray) !important;\r\n            font-size: 16px !important;\r\n            margin: 0 !important;\r\n            line-height: 1.5 !important;\r\n        }\r\n        \r\n        .bcs-details a {\r\n            color: var(--bcs-primary) !important;\r\n            text-decoration: none !important;\r\n            font-weight: 500 !important;\r\n            transition: color 0.3s !important;\r\n        }\r\n        \r\n        .bcs-details a:hover {\r\n            color: var(--bcs-secondary) !important;\r\n            text-decoration: underline !important;\r\n        }\r\n        \r\n        \/* Form Section - Better Styling *\/\r\n        .bcs-form-wrapper {\r\n            background: #f8f9fa !important;\r\n            padding: 30px !important;\r\n            border-radius: 12px !important;\r\n            border: 1px solid var(--bcs-border) !important;\r\n        }\r\n        \r\n        .bcs-form-wrapper h3 {\r\n            color: var(--bcs-dark) !important;\r\n            font-size: 22px !important;\r\n            margin-bottom: 25px !important;\r\n            font-weight: 600 !important;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n        }\r\n        \r\n        \/* Contact Form 7 - Improved Styling *\/\r\n        .bcs-form-wrapper .wpcf7 {\r\n            width: 100% !important;\r\n        }\r\n        \r\n        .bcs-form-wrapper .wpcf7-form-control {\r\n            width: 100% !important;\r\n            padding: 14px 16px !important;\r\n            border: 1px solid #ddd !important;\r\n            border-radius: 8px !important;\r\n            font-size: 16px !important;\r\n            margin-bottom: 18px !important;\r\n            background: var(--bcs-white) !important;\r\n            transition: all 0.3s !important;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n        }\r\n        \r\n        .bcs-form-wrapper .wpcf7-form-control:focus {\r\n            outline: none !important;\r\n            border-color: var(--bcs-primary) !important;\r\n            box-shadow: 0 0 0 3px rgba(10, 92, 54, 0.15) !important;\r\n        }\r\n        \r\n        \/* Smaller Textarea - Fixed Height *\/\r\n        .bcs-form-wrapper .wpcf7-textarea {\r\n            height: 120px !important; \/* Smaller height *\/\r\n            min-height: 120px !important;\r\n            max-height: 120px !important;\r\n            resize: none !important; \/* Prevent resizing *\/\r\n            font-size: 16px !important;\r\n            line-height: 1.4 !important;\r\n        }\r\n        \r\n        \/* Submit Button - Better Styling *\/\r\n        .bcs-form-wrapper .wpcf7-submit {\r\n            background: linear-gradient(135deg, var(--bcs-primary), var(--bcs-secondary)) !important;\r\n            color: var(--bcs-white) !important;\r\n            border: none !important;\r\n            padding: 16px 35px !important;\r\n            border-radius: 8px !important;\r\n            font-size: 17px !important;\r\n            font-weight: 600 !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s !important;\r\n            width: 100% !important;\r\n            margin-top: 10px !important;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n            letter-spacing: 0.5px !important;\r\n        }\r\n        \r\n        .bcs-form-wrapper .wpcf7-submit:hover {\r\n            background: linear-gradient(135deg, var(--bcs-secondary), var(--bcs-primary)) !important;\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: 0 8px 20px var(--bcs-shadow) !important;\r\n        }\r\n        \r\n        \/* Form Validation Messages *\/\r\n        .bcs-form-wrapper .wpcf7-not-valid-tip {\r\n            color: #e74c3c !important;\r\n            font-size: 14px !important;\r\n            margin-top: -12px !important;\r\n            margin-bottom: 12px !important;\r\n            display: block !important;\r\n            font-weight: 500 !important;\r\n        }\r\n        \r\n        .bcs-form-wrapper .wpcf7-response-output {\r\n            border-radius: 8px !important;\r\n            padding: 15px 18px !important;\r\n            margin: 20px 0 0 0 !important;\r\n            font-size: 15px !important;\r\n            border: none !important;\r\n            font-weight: 500 !important;\r\n        }\r\n        \r\n        .bcs-form-wrapper .wpcf7-mail-sent-ok {\r\n            background: rgba(10, 92, 54, 0.1) !important;\r\n            color: var(--bcs-primary) !important;\r\n            border-left: 4px solid var(--bcs-primary) !important;\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 992px) {\r\n            .better-contact-section {\r\n                padding: 30px !important;\r\n            }\r\n            \r\n            .bcs-title {\r\n                font-size: 26px !important;\r\n            }\r\n            \r\n            .bcs-subtitle {\r\n                font-size: 16px !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .bcs-content {\r\n                grid-template-columns: 1fr !important;\r\n                gap: 25px !important;\r\n            }\r\n            \r\n            .better-contact-section {\r\n                padding: 25px !important;\r\n            }\r\n            \r\n            .bcs-info {\r\n                padding-right: 0 !important;\r\n            }\r\n            \r\n            .bcs-info-item {\r\n                padding: 18px !important;\r\n            }\r\n            \r\n            .bcs-form-wrapper {\r\n                padding: 25px !important;\r\n            }\r\n            \r\n            .bcs-form-wrapper h3 {\r\n                font-size: 20px !important;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .better-contact-section {\r\n                padding: 20px !important;\r\n            }\r\n            \r\n            .bcs-title {\r\n                font-size: 24px !important;\r\n            }\r\n            \r\n            .bcs-subtitle {\r\n                font-size: 15px !important;\r\n            }\r\n            \r\n            .bcs-info-item {\r\n                flex-direction: column !important;\r\n                text-align: center !important;\r\n                gap: 12px !important;\r\n                padding: 20px 15px !important;\r\n            }\r\n            \r\n            .bcs-icon {\r\n                width: 45px !important;\r\n                height: 45px !important;\r\n                font-size: 20px !important;\r\n            }\r\n            \r\n            .bcs-form-wrapper {\r\n                padding: 20px !important;\r\n            }\r\n            \r\n            .bcs-details h4 {\r\n                font-size: 17px !important;\r\n            }\r\n            \r\n            .bcs-details p {\r\n                font-size: 15px !important;\r\n            }\r\n            \r\n            .bcs-form-wrapper .wpcf7-form-control {\r\n                padding: 12px 14px !important;\r\n                font-size: 15px !important;\r\n            }\r\n            \r\n            .bcs-form-wrapper .wpcf7-textarea {\r\n                height: 100px !important;\r\n                min-height: 100px !important;\r\n                max-height: 100px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n    \r\n    <!-- Header -->\r\n    <div class=\"bcs-header\">\r\n        <h2 class=\"bcs-title\">Get In Touch With Us<\/h2>\r\n        <p class=\"bcs-subtitle\">Have questions about our Islamic products or need assistance? We're here to help you with all your needs.<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Main Content -->\r\n    <div class=\"bcs-content\">\r\n        <!-- Left: Contact Information -->\r\n        <div class=\"bcs-info\">\r\n            <div class=\"bcs-info-item\">\r\n                <div class=\"bcs-icon\">\r\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\r\n                <\/div>\r\n                <div class=\"bcs-details\">\r\n                    <h4>Our Location<\/h4>\r\n                    <p>Islamic Store Headquarters<br>\r\n                    Ghaziabad, Uttar Pradesh<br>\r\n                    India - 201009<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"bcs-info-item\">\r\n                <div class=\"bcs-icon\">\r\n                    <i class=\"fas fa-phone-alt\"><\/i>\r\n                <\/div>\r\n                <div class=\"bcs-details\">\r\n                    <h4>Call Us Now<\/h4>\r\n                    <p>\r\n                        <a href=\"tel:+917530840034\">+91 7530840034<\/a>\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"bcs-info-item\">\r\n                <div class=\"bcs-icon\">\r\n                    <i class=\"fas fa-envelope\"><\/i>\r\n                <\/div>\r\n                <div class=\"bcs-details\">\r\n                    <h4>Email Address<\/h4>\r\n                    <p>\r\n                        <a href=\"mailto:info@islamicstore.com\">info@islamicstore.com<\/a><br>\r\n                        <a href=\"mailto:support@islamicstore.com\">support@islamicstore.com<\/a>\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"bcs-info-item\">\r\n                <div class=\"bcs-icon\">\r\n                    <i class=\"fas fa-clock\"><\/i>\r\n                <\/div>\r\n                <div class=\"bcs-details\">\r\n                    <h4>Business Hours<\/h4>\r\n                    <p>Monday - Friday: 9:00 AM - 6:00 PM<br>\r\n                    Saturday: 10:00 AM - 4:00 PM<br>\r\n                    Sunday: Closed<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Right: Contact Form -->\r\n        <div class=\"bcs-form-wrapper\">\r\n            <h3>Send Us a Message<\/h3>\r\n            \r\n            <!-- YOUR CONTACT FORM 7 SHORTCODE -->\r\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f278-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"278\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/453#wpcf7-f278-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"278\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f278-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your message (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n            \r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Font Awesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <!-- Frequently Asked Questions -->\r\n    <h2 class=\"icp-section-title\">Frequently Asked Questions<\/h2>\r\n    \r\n    <div class=\"icp-faq-section\">\r\n        <div class=\"icp-faq-item\">\r\n            <div class=\"icp-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                <h4>What are your delivery times?<\/h4>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"icp-faq-answer\">\r\n                <p>We offer standard delivery within 5-7 business days across India. Express delivery (2-3 days) is available for most locations. International shipping varies by destination, typically 7-14 business days.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"icp-faq-item\">\r\n            <div class=\"icp-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                <h4>Are all your products Halal and authentic?<\/h4>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"icp-faq-answer\">\r\n                <p>Yes! Every product in our store is carefully selected to ensure it meets Islamic guidelines. We work with trusted suppliers and manufacturers who share our commitment to authenticity and quality.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"icp-faq-item\">\r\n            <div class=\"icp-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                <h4>Do you offer international shipping?<\/h4>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"icp-faq-answer\">\r\n                <p>Yes, we ship worldwide! We deliver to most countries with reliable shipping partners. Shipping costs and delivery times vary by location. Contact us for specific international shipping inquiries.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"icp-faq-item\">\r\n            <div class=\"icp-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                <h4>What is your return policy?<\/h4>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"icp-faq-answer\">\r\n                <p>We offer a 7-day return policy for most products. Items must be in original condition with tags attached. For religious items, certain restrictions may apply. Please contact our customer service for return requests.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"icp-faq-item\">\r\n            <div class=\"icp-faq-question\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n                <h4>Can I get Islamic guidance on product selection?<\/h4>\r\n                <i class=\"fas fa-chevron-down\"><\/i>\r\n            <\/div>\r\n            <div class=\"icp-faq-answer\">\r\n                <p>Absolutely! Our team includes knowledgeable staff who can provide guidance on selecting products appropriate for different Islamic practices and occasions. Feel free to contact us for personalized assistance.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    \r\n    \r\n    <!-- Social Media Section -->\r\n    <div style=\"text-align: center; margin: 60px 0 30px 0;\">\r\n        <h3 style=\"color: var(--icp-primary); font-size: 24px; margin-bottom: 20px;\">Follow Us on Social Media<\/h3>\r\n        <div style=\"display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;\">\r\n            <a href=\"#\" style=\"width: 50px; height: 50px; background: var(--icp-primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 20px; transition: all 0.3s ease;\">\r\n                <i class=\"fab fa-facebook-f\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" style=\"width: 50px; height: 50px; background: var(--icp-primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 20px; transition: all 0.3s ease;\">\r\n                <i class=\"fab fa-instagram\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" style=\"width: 50px; height: 50px; background: var(--icp-primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 20px; transition: all 0.3s ease;\">\r\n                <i class=\"fab fa-whatsapp\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" style=\"width: 50px; height: 50px; background: var(--icp-primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 20px; transition: all 0.3s ease;\">\r\n                <i class=\"fab fa-youtube\"><\/i>\r\n            <\/a>\r\n            <a href=\"#\" style=\"width: 50px; height: 50px; background: var(--icp-primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 20px; transition: all 0.3s ease;\">\r\n                <i class=\"fab fa-twitter\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n        <p style=\"color: var(--icp-gray); margin-top: 20px; font-size: 16px;\">\r\n            Stay updated with our latest products, Islamic insights, and special offers\r\n        <\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<script>\r\n\/\/ FAQ toggle functionality\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const faqQuestions = document.querySelectorAll('.icp-faq-question');\r\n    \r\n    faqQuestions.forEach(question => {\r\n        question.addEventListener('click', function() {\r\n            const faqItem = this.parentElement;\r\n            const isActive = faqItem.classList.contains('active');\r\n            \r\n            \/\/ Close all other FAQ items\r\n            document.querySelectorAll('.icp-faq-item.active').forEach(item => {\r\n                if (item !== faqItem) {\r\n                    item.classList.remove('active');\r\n                }\r\n            });\r\n            \r\n            \/\/ Toggle current item\r\n            if (!isActive) {\r\n                faqItem.classList.add('active');\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-453","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/islamicstore.shop\/index.php\/wp-json\/wp\/v2\/pages\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/islamicstore.shop\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/islamicstore.shop\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/islamicstore.shop\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/islamicstore.shop\/index.php\/wp-json\/wp\/v2\/comments?post=453"}],"version-history":[{"count":1,"href":"https:\/\/islamicstore.shop\/index.php\/wp-json\/wp\/v2\/pages\/453\/revisions"}],"predecessor-version":[{"id":454,"href":"https:\/\/islamicstore.shop\/index.php\/wp-json\/wp\/v2\/pages\/453\/revisions\/454"}],"wp:attachment":[{"href":"https:\/\/islamicstore.shop\/index.php\/wp-json\/wp\/v2\/media?parent=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}