{"id":707,"date":"2022-04-14T01:27:33","date_gmt":"2022-04-14T01:27:33","guid":{"rendered":"https:\/\/modmixmap.wpengine.com\/?page_id=707"},"modified":"2026-06-26T21:24:23","modified_gmt":"2026-06-26T21:24:23","slug":"contact","status":"publish","type":"page","link":"https:\/\/preciouspakistan.com\/?page_id=707","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"707\" class=\"elementor elementor-707\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81cefa7 e-flex e-con-boxed e-con e-parent\" data-id=\"81cefa7\" 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-8a7b84f elementor-widget elementor-widget-html\" data-id=\"8a7b84f\" 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 - Precious Pakistan<\/title>\r\n    <!-- Font Awesome for Icons -->\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: #00a896; \/* Exploria's signature teal\/green travel vibe *\/\r\n            --golden-orange: #ff9f1c;  \/* Rich Golden Orange shade *\/\r\n            --orange-hover: #e08500;   \/* Slightly darker vibrant tone for hover state *\/\r\n            --dark-color: #2b2d42;\r\n            --light-bg: #f8f9fa;\r\n            --text-muted: #6c757d;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #ffffff;\r\n            color: var(--dark-color);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Exploria Style Hero Banner *\/\r\n        .hero-banner {\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https:\/\/images.unsplash.com\/photo-1469854523086-cc02fe5d8800?auto=format&fit=crop&w=1200&q=80') no-repeat center center\/cover;\r\n            height: 300px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: flex-start; \r\n            color: #ffffff;\r\n            text-align: left; \r\n            padding: 20px 10%; \r\n            cursor: pointer; \r\n            position: relative;\r\n        }\r\n\r\n        \/* Subtle indicator on hover for changing the image *\/\r\n        .hero-banner:hover::before {\r\n            content: \"\ud83d\udcf8 Click background to change picture\";\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: rgba(0,0,0,0.7);\r\n            color: #fff;\r\n            padding: 5px 10px;\r\n            font-size: 0.8rem;\r\n            border-radius: 4px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .hero-banner h1 {\r\n            color: #ffffff !important;\r\n            font-size: 2.2rem; \r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            font-weight: 700;\r\n            outline: none;\r\n        }\r\n\r\n        \/* Editable highlight outline style *\/\r\n        [contenteditable=\"true\"]:focus {\r\n            outline: 2px dashed var(--golden-orange);\r\n            background: rgba(255, 159, 28, 0.05);\r\n            padding: 2px;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        \/* Main Exploria-style Grid Container *\/\r\n        .contact-container {\r\n            max-width: 1200px;\r\n            margin: 60px auto;\r\n            padding: 0 20px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 50px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .contact-container {\r\n                grid-template-columns: 1fr;\r\n                margin: 40px auto;\r\n            }\r\n            .hero-banner {\r\n                padding: 20px 5%; \r\n            }\r\n        }\r\n\r\n        \/* Left Column: Contact Details *\/\r\n        .contact-info h2 {\r\n            font-size: 2rem;\r\n            margin-bottom: 20px;\r\n            color: var(--dark-color);\r\n            position: relative;\r\n            padding-bottom: 10px;\r\n            outline: none;\r\n        }\r\n\r\n        .contact-info h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 50px;\r\n            height: 3px;\r\n            background-color: var(--primary-color);\r\n        }\r\n\r\n        .contact-info > p {\r\n            color: var(--text-muted);\r\n            margin-bottom: 30px;\r\n            outline: none;\r\n        }\r\n\r\n        .info-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .info-item .icon {\r\n            background-color: rgba(0, 168, 150, 0.1);\r\n            color: var(--primary-color);\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 1.2rem;\r\n            margin-right: 20px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .info-content h3 {\r\n            font-size: 1.1rem;\r\n            margin-bottom: 5px;\r\n            color: var(--dark-color);\r\n            outline: none;\r\n        }\r\n\r\n        .info-content p, .info-content a {\r\n            color: var(--text-muted);\r\n            text-decoration: none;\r\n            display: block;\r\n            outline: none;\r\n        }\r\n\r\n        .info-content a:hover {\r\n            color: var(--primary-color);\r\n        }\r\n\r\n        \/* Right Column: Contact Form *\/\r\n        .contact-form {\r\n            background-color: var(--light-bg);\r\n            padding: 40px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n            align-self: start;\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            font-size: 0.9rem;\r\n            outline: none;\r\n        }\r\n\r\n        .form-group input, .form-group textarea {\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            border: 1px solid #ddd;\r\n            border-radius: 4px;\r\n            font-size: 1rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .form-group input:focus, .form-group textarea:focus {\r\n            outline: none;\r\n            border-color: var(--golden-orange);\r\n            box-shadow: 0 0 5px rgba(255, 159, 28, 0.2);\r\n        }\r\n\r\n        \/* Container to align button to the left *\/\r\n        .button-container {\r\n            display: flex;\r\n            justify-content: flex-start;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        \/* Compact Professional Round Button Style *\/\r\n        .submit-btn {\r\n            background-color: var(--golden-orange);\r\n            color: #ffffff; \r\n            border: none;\r\n            padding: 12px 35px; \/* Reduced vertical and horizontal padding *\/\r\n            font-size: 0.85rem; \/* Made font size a little bit smaller *\/\r\n            font-weight: 600;\r\n            border-radius: 50px; \r\n            cursor: pointer;\r\n            width: auto; \r\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n            outline: none;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.2px; \r\n            box-shadow: 0 4px 10px rgba(255, 159, 28, 0.25); \r\n        }\r\n\r\n        .submit-btn:hover {\r\n            background-color: var(--orange-hover);\r\n            box-shadow: 0 5px 12px rgba(224, 133, 0, 0.35);\r\n            transform: translateY(-1px); \r\n        }\r\n        \r\n        .submit-btn:active {\r\n            transform: translateY(1px);\r\n            box-shadow: 0 2px 5px rgba(224, 133, 0, 0.35);\r\n        }\r\n\r\n        \/* Hidden image uploader input *\/\r\n        #bg-uploader {\r\n            display: none;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Hidden Input Field for Background Image Selection -->\r\n    <input type=\"file\" id=\"bg-uploader\" accept=\"image\/*\">\r\n\r\n    <!-- Hero Banner -->\r\n    <header class=\"hero-banner\" id=\"hero-section\">\r\n        <h1 contenteditable=\"true\">CONTACT US<\/h1>\r\n    <\/header>\r\n\r\n    <!-- Main Section Structure -->\r\n    <main class=\"contact-container\">\r\n        \r\n        <!-- Left Column: Contact Details -->\r\n        <section class=\"contact-info\">\r\n            <h2 contenteditable=\"true\">Get In Touch<\/h2>\r\n            <p contenteditable=\"true\">We are here to serve you! Have questions about a tour package or need a customized quote? Connect with us via our global office network.<\/p>\r\n\r\n            <!-- Pakistan Offices -->\r\n            <div class=\"info-item\">\r\n                <div class=\"icon\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\r\n                <div class=\"info-content\">\r\n                    <h3 contenteditable=\"true\">Pakistan Offices<\/h3>\r\n                    <p contenteditable=\"true\"><strong>Gilgit:<\/strong> Gilgit Incubation Center, Gilgit, Pakistan<\/p>\r\n                    <p style=\"margin-top: 5px;\" contenteditable=\"true\"><strong>Lahore:<\/strong> Office No. 201, Sector A-3, Johar Town, Lahore, Pakistan<\/p>\r\n                    <a href=\"https:\/\/wa.me\/923345699957\" target=\"_blank\" style=\"margin-top: 5px;\" contenteditable=\"true\"><i class=\"fa-brands fa-whatsapp\"><\/i> +92 334 5699957<\/a>\r\n                    <a href=\"https:\/\/wa.me\/923554378261\" target=\"_blank\" contenteditable=\"true\"><i class=\"fa-brands fa-whatsapp\"><\/i> +92 355 4378261<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- United Kingdom Liaison Offices -->\r\n            <div class=\"info-item\">\r\n                <div class=\"icon\"><i class=\"fa-solid fa-earth-europe\"><\/i><\/div>\r\n                <div class=\"info-content\">\r\n                    <h3 contenteditable=\"true\">United Kingdom Liaison<\/h3>\r\n                    <p contenteditable=\"true\"><strong>Office 1:<\/strong> Tong Pizza and Grill, 24 Tong Street, Bradford, UK<\/p>\r\n                    <p style=\"margin-top: 5px;\" contenteditable=\"true\"><strong>Office 2:<\/strong> Shahi Tarka, 606 Thornton Road, Bradford, UK<\/p>\r\n                    <a href=\"tel:+447385194194\" style=\"margin-top: 5px;\" contenteditable=\"true\"><i class=\"fa-solid fa-phone\"><\/i> +44 7385 194 194<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- UAE Liaison Office -->\r\n            <div class=\"info-item\">\r\n                <div class=\"icon\"><i class=\"fa-solid fa-earth-meast\"><\/i><\/div>\r\n                <div class=\"info-content\">\r\n                    <h3 contenteditable=\"true\">UAE Liaison Office<\/h3>\r\n                    <p contenteditable=\"true\">Bur Dubai - Business Center, UAE<\/p>\r\n                    <a href=\"tel:+971502608955\" style=\"margin-top: 5px;\" contenteditable=\"true\"><i class=\"fa-solid fa-phone\"><\/i> +971 50 2608955<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Global Support Email -->\r\n            <div class=\"info-item\">\r\n                <div class=\"icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n                <div class=\"info-content\">\r\n                    <h3 contenteditable=\"true\">Email Address<\/h3>\r\n                    <a href=\"mailto:info@preciouspakistan.com\" contenteditable=\"true\">info@preciouspakistan.com<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Right Column: Contact Form -->\r\n        <section class=\"contact-form\">\r\n            <form action=\"#\" method=\"POST\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"name\" contenteditable=\"true\">Your Name<\/label>\r\n                    <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Enter your full name\" required>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label for=\"email\" contenteditable=\"true\">Email Address<\/label>\r\n                    <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Enter your email\" required>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label for=\"phone\" contenteditable=\"true\">Phone \/ WhatsApp Number<\/label>\r\n                    <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"e.g. +92 334 5699957\">\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label for=\"message\" contenteditable=\"true\">Your Tour Details \/ Query<\/label>\r\n                    <textarea id=\"message\" name=\"message\" rows=\"5\" placeholder=\"Let us know your destination preference, date of travel, or any specific questions...\" required><\/textarea>\r\n                <\/div>\r\n\r\n                <!-- Left aligned Compact Round Button -->\r\n                <div class=\"button-container\">\r\n                    <button type=\"submit\" class=\"submit-btn\" contenteditable=\"true\">Send Message<\/button>\r\n                <\/div>\r\n            <\/form>\r\n        <\/section>\r\n\r\n    <\/main>\r\n\r\n    <!-- JavaScript for Dynamic Background Replacement -->\r\n    <script>\r\n        const heroSection = document.getElementById('hero-section');\r\n        const bgUploader = document.getElementById('bg-uploader');\r\n\r\n        heroSection.addEventListener('click', (e) => {\r\n            if (e.target.hasAttribute('contenteditable')) return;\r\n            bgUploader.click();\r\n        });\r\n\r\n        bgUploader.addEventListener('change', function() {\r\n            const file = this.files[0];\r\n            if (file) {\r\n                const reader = new FileReader();\r\n                reader.onload = function(event) {\r\n                    heroSection.style.backgroundImage = `linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('${event.target.result}')`;\r\n                };\r\n                reader.readAsDataURL(file);\r\n            }\r\n        });\r\n    <\/script>\r\n\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<div class=\"elementor-element elementor-element-1a1c020 e-con-full e-flex e-con e-parent\" data-id=\"1a1c020\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12adbcc elementor-widget__width-inherit elementor-widget elementor-widget-google_maps\" data-id=\"12adbcc\" 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:\/\/www.google.com\/maps\/embed\/v1\/place?key=AIzaSyD_mvw2zZtbTI4CrlzB0zqInC6jYXfhsQw&#038;q=Incubation%20center%20Gilgit%2C%20Pakistan&#038;zoom=10\"\n\t\t\t\t\ttitle=\"Incubation center Gilgit, Pakistan\"\n\t\t\t\t\taria-label=\"Incubation center Gilgit, Pakistan\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\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; Precious Pakistan CONTACT US Get In Touch We are here to serve you! Have questions about a tour package or need a customized quote? Connect with us via our global office network. Pakistan Offices Gilgit: Gilgit Incubation Center, Gilgit, Pakistan Lahore: Office No. 201, Sector A-3, Johar Town, Lahore, Pakistan +92 334 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":489,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-blank.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-707","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/preciouspakistan.com\/index.php?rest_route=\/wp\/v2\/pages\/707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preciouspakistan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/preciouspakistan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/preciouspakistan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/preciouspakistan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=707"}],"version-history":[{"count":21,"href":"https:\/\/preciouspakistan.com\/index.php?rest_route=\/wp\/v2\/pages\/707\/revisions"}],"predecessor-version":[{"id":14554,"href":"https:\/\/preciouspakistan.com\/index.php?rest_route=\/wp\/v2\/pages\/707\/revisions\/14554"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preciouspakistan.com\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"https:\/\/preciouspakistan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}