{"id":3990,"date":"2026-06-12T01:17:00","date_gmt":"2026-06-12T01:17:00","guid":{"rendered":"https:\/\/visitpro.xclusive-solutions.com\/?page_id=3990"},"modified":"2026-07-06T12:38:24","modified_gmt":"2026-07-06T12:38:24","slug":"survey","status":"publish","type":"page","link":"https:\/\/visitpro.xclusive-solutions.com\/arabic\/survey\/","title":{"rendered":"survey"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3990\" class=\"elementor elementor-3990\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be13dbc e-con-full e-flex e-con e-parent\" data-id=\"be13dbc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64f8258 elementor-widget elementor-widget-html\" data-id=\"64f8258\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     XCLUSIVE SOLUTIONS - Watch \/ Follow \/ Form \/ Profile\r\n     ------------------------------------------------------------\r\n     Paste EVERYTHING below into a WordPress \"Custom HTML\" block\r\n     or an Elementor \"HTML\" widget. Works as-is.\r\n\r\n     Social links + PDF link are already connected.\r\n\r\n     EDIT (search for the word EDIT):\r\n       1. VIDEOS         -> add more YouTube video IDs for the carousel\r\n       2. SAVE_TO_BACKEND -> set true once the \"survey\" backend is installed\r\n     ============================================================ -->\r\n\r\n<style>\r\n  :root{\r\n    --xc-red:#D81F26;\r\n    --xc-red-dark:#A31419;\r\n    --xc-dark:#111418;\r\n    --xc-text:#2a2d33;\r\n    --xc-muted:#6b7280;\r\n    --xc-line:#e6e8eb;\r\n    --xc-bg:#f4f5f7;\r\n  }\r\n  .xc-wrap *{box-sizing:border-box;margin:0;padding:0;}\r\n  .xc-wrap{\r\n    font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\r\n    color:var(--xc-text);background:var(--xc-bg);line-height:1.6;overflow-x:hidden;\r\n  }\r\n  .xc-section{max-width:820px;margin:0 auto;padding:56px 20px;}\r\n  .xc-eyebrow{display:inline-block;color:var(--xc-red);font-weight:600;font-size:13px;\r\n    letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}\r\n  .xc-title{font-size:30px;font-weight:700;color:var(--xc-dark);line-height:1.25;}\r\n  .xc-sub{color:var(--xc-muted);font-size:15px;margin-top:8px;}\r\n\r\n  .xc-hero{background:var(--xc-dark);\r\n    background-image:radial-gradient(circle at 20% 0%,#27120f 0%,#111418 60%);\r\n    text-align:center;padding:64px 20px 72px;}\r\n  .xc-hero .xc-eyebrow{color:#ff6b6b;}\r\n  .xc-hero .xc-title{color:#fff;}\r\n  .xc-hero .xc-sub{color:#b8bcc4;max-width:560px;margin:8px auto 0;}\r\n  .xc-tagline{color:#ff6b6b;font-size:16px;font-weight:600;font-style:italic;\r\n    max-width:560px;margin:14px auto 0;}\r\n\r\n  \/* ---------- CAROUSEL ---------- *\/\r\n  .xc-carousel{position:relative;max-width:740px;margin:30px auto 0;}\r\n  .xc-viewport{overflow:hidden;border-radius:16px;border:3px solid var(--xc-red);\r\n    box-shadow:0 18px 50px rgba(216,31,38,.25);background:#000;}\r\n  .xc-track{display:flex;transition:transform .4s ease;}\r\n  .xc-slide{min-width:100%;aspect-ratio:16\/9;background:#000;position:relative;}\r\n  .xc-slide iframe{width:100%;height:100%;border:0;display:block;}\r\n  .xc-thumb{position:absolute;inset:0;background-size:cover;background-position:center;\r\n    cursor:pointer;display:flex;align-items:center;justify-content:center;}\r\n  .xc-thumb .xc-play{width:62px;height:62px;border-radius:50%;background:rgba(216,31,38,.92);\r\n    color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;padding-left:4px;}\r\n  .xc-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;\r\n    border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--xc-dark);\r\n    font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;\r\n    z-index:3;box-shadow:0 4px 14px rgba(0,0,0,.35);transition:background .2s ease,transform .15s ease;}\r\n  .xc-nav:hover{background:#fff;}\r\n  .xc-nav:active{transform:translateY(-50%) scale(.94);}\r\n  .xc-prev{left:10px;} .xc-next{right:10px;}\r\n  .xc-dots{display:flex;gap:8px;justify-content:center;margin-top:18px;}\r\n  .xc-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.35);\r\n    border:0;cursor:pointer;padding:0;transition:all .25s ease;}\r\n  .xc-dot.active{background:var(--xc-red);width:24px;border-radius:5px;}\r\n\r\n  .xc-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease;}\r\n  .xc-reveal.is-visible{opacity:1;transform:translateY(0);}\r\n  .xc-card{background:#fff;border:1px solid var(--xc-line);border-radius:18px;\r\n    padding:34px 28px;box-shadow:0 10px 30px rgba(17,20,24,.06);}\r\n  .xc-center{text-align:center;}\r\n  .xc-socials{display:flex;flex-direction:column;gap:12px;margin-top:24px;}\r\n  .xc-social-btn{display:flex;align-items:center;gap:14px;text-decoration:none;\r\n    padding:14px 18px;border-radius:12px;border:1.5px solid var(--xc-line);\r\n    background:#fafafa;color:var(--xc-dark);font-weight:600;font-size:15px;\r\n    transition:transform .15s ease,border-color .2s ease,background .2s ease;}\r\n  .xc-social-btn:hover{transform:translateY(-2px);background:#fff;}\r\n  .xc-social-btn .xc-ic{width:42px;height:42px;border-radius:10px;flex:0 0 42px;\r\n    display:flex;align-items:center;justify-content:center;color:#fff;}\r\n  .xc-social-btn .xc-ic svg{width:22px;height:22px;fill:#fff;}\r\n  .xc-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}\r\n  .xc-yt{background:#ff0000;}\r\n  .xc-fb{background:#1877f2;}\r\n  .xc-li{background:#0a66c2;}\r\n  .xc-social-btn .xc-check{margin-left:auto;width:24px;height:24px;border-radius:50%;\r\n    border:2px solid var(--xc-line);display:flex;align-items:center;justify-content:center;\r\n    color:#fff;font-size:13px;transition:all .25s ease;}\r\n  .xc-social-btn.done{border-color:#16a34a;background:#f0fdf4;}\r\n  .xc-social-btn.done .xc-check{background:#16a34a;border-color:#16a34a;}\r\n  .xc-hint{font-size:13px;color:var(--xc-muted);margin-top:16px;}\r\n\r\n  .xc-form-card{background:#fff;border:1px solid var(--xc-line);border-radius:18px;\r\n    padding:34px 28px;box-shadow:0 10px 30px rgba(17,20,24,.06);}\r\n  .xc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;}\r\n  .xc-field{display:flex;flex-direction:column;gap:6px;}\r\n  .xc-field.full{grid-column:1 \/ -1;}\r\n  .xc-field label{font-size:13px;font-weight:600;color:var(--xc-dark);}\r\n  .xc-field label .req{color:var(--xc-red);}\r\n  .xc-field input,.xc-field textarea{padding:12px 14px;border:1.5px solid var(--xc-line);border-radius:10px;\r\n    font-size:14px;font-family:inherit;color:var(--xc-text);background:#fff;\r\n    transition:border-color .2s ease,box-shadow .2s ease;}\r\n  .xc-field textarea{resize:vertical;min-height:90px;}\r\n  .xc-field input:focus,.xc-field textarea:focus{outline:0;border-color:var(--xc-red);box-shadow:0 0 0 3px rgba(216,31,38,.12);}\r\n  .xc-field .err{font-size:12px;color:var(--xc-red);display:none;}\r\n  .xc-field.invalid input,.xc-field.invalid textarea{border-color:var(--xc-red);}\r\n  .xc-field.invalid .err{display:block;}\r\n  .xc-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}\r\n\r\n  .xc-follow-msg{display:none;margin-top:16px;padding:13px 16px;border-radius:10px;\r\n    background:#fef2f2;border:1.5px solid #fecaca;color:#b91c1c;\r\n    font-size:14px;font-weight:600;text-align:center;}\r\n\r\n  .xc-submit{width:100%;margin-top:16px;padding:15px;border:0;cursor:pointer;\r\n    background:var(--xc-red);color:#fff;font-weight:700;font-size:15px;border-radius:12px;\r\n    font-family:inherit;transition:background .2s ease;}\r\n  .xc-submit:hover{background:var(--xc-red-dark);}\r\n  .xc-submit:disabled{opacity:.6;cursor:not-allowed;}\r\n\r\n  .xc-success{display:none;text-align:center;}\r\n  .xc-success .tick{width:74px;height:74px;border-radius:50%;background:#16a34a;color:#fff;\r\n    display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:38px;}\r\n  .xc-download-btn{display:inline-flex;align-items:center;gap:10px;margin-top:24px;\r\n    padding:16px 28px;background:var(--xc-dark);color:#fff;text-decoration:none;\r\n    font-weight:700;font-size:15px;border-radius:12px;transition:background .2s ease;}\r\n  .xc-download-btn:hover{background:#000;}\r\n  .xc-download-btn svg{width:20px;height:20px;fill:#fff;}\r\n\r\n  @media(max-width:560px){\r\n    .xc-title{font-size:24px;}\r\n    .xc-grid{grid-template-columns:1fr;}\r\n    .xc-section{padding:40px 16px;}\r\n    .xc-nav{width:38px;height:38px;font-size:20px;}\r\n  }\r\n<\/style>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"xc-wrap\">\r\n\r\n  <!-- ========== 1. VIDEO CAROUSEL ========== -->\r\n  <div class=\"xc-hero\">\r\n    <span class=\"xc-eyebrow\">Watch our work<\/span>\r\n    <h1 class=\"xc-title\">See What Xclusive Solutions Can Do<\/h1>\r\n    <p class=\"xc-sub\">Powerful, user-focused security &amp; automation systems that solve real business problems.<\/p>\r\n    <p class=\"xc-tagline\">Securing Tomorrow, Automating Today.<\/p>\r\n\r\n    <div class=\"xc-carousel\">\r\n      <div class=\"xc-viewport\">\r\n        <div class=\"xc-track\" id=\"xcTrack\"><!-- slides injected by JS --><\/div>\r\n      <\/div>\r\n      <button class=\"xc-nav xc-prev\" id=\"xcPrev\" aria-label=\"Previous video\">&#8249;<\/button>\r\n      <button class=\"xc-nav xc-next\" id=\"xcNext\" aria-label=\"Next video\">&#8250;<\/button>\r\n    <\/div>\r\n    <div class=\"xc-dots\" id=\"xcDots\"><!-- dots injected by JS --><\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== 2. SOCIAL LINKS ========== -->\r\n  <div class=\"xc-section\">\r\n    <div class=\"xc-card xc-center xc-reveal\" id=\"xcSocialCard\">\r\n      <span class=\"xc-eyebrow\">Stay connected<\/span>\r\n      <h2 class=\"xc-title\">Follow Us<\/h2>\r\n      <p class=\"xc-sub\">Follow all our pages below \u2014 each opens in a new tab. After following, tap it again to mark it done. You'll need all of them followed before submitting the form.<\/p>\r\n\r\n      <div class=\"xc-socials\">\r\n        <a class=\"xc-social-btn\" data-key=\"ig\" target=\"_blank\" rel=\"noopener\"\r\n           href=\"https:\/\/www.instagram.com\/xclusivesolutions_\/\">\r\n          <span class=\"xc-ic xc-ig\"><svg viewbox=\"0 0 448 512\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"\/><\/svg><\/span>\r\n          <span>Follow on Instagram<\/span>\r\n          <span class=\"xc-check\">&#10003;<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"xc-social-btn\" data-key=\"yt\" target=\"_blank\" rel=\"noopener\"\r\n           href=\"https:\/\/www.youtube.com\/channel\/UCJ1gYVSG1DwrsWnMCu-fADg\">\r\n          <span class=\"xc-ic xc-yt\"><svg viewbox=\"0 0 576 512\"><path d=\"M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z\"\/><\/svg><\/span>\r\n          <span>Subscribe on YouTube<\/span>\r\n          <span class=\"xc-check\">&#10003;<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"xc-social-btn\" data-key=\"fb\" target=\"_blank\" rel=\"noopener\"\r\n           href=\"https:\/\/www.facebook.com\/xclusive.solutions.pvt.ltd\/\">\r\n          <span class=\"xc-ic xc-fb\"><svg viewbox=\"0 0 320 512\"><path d=\"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z\"\/><\/svg><\/span>\r\n          <span>Like on Facebook<\/span>\r\n          <span class=\"xc-check\">&#10003;<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"xc-social-btn\" data-key=\"li\" target=\"_blank\" rel=\"noopener\"\r\n           href=\"https:\/\/pk.linkedin.com\/company\/xclusive-solutions-pvt-ltd\">\r\n          <span class=\"xc-ic xc-li\"><svg viewbox=\"0 0 448 512\"><path d=\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\"\/><\/svg><\/span>\r\n          <span>Connect on LinkedIn<\/span>\r\n          <span class=\"xc-check\">&#10003;<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <p class=\"xc-hint\" id=\"xcHint\">0 of 4 followed<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== 3. FORM ========== -->\r\n  <div class=\"xc-section\" style=\"padding-top:0;\">\r\n    <div class=\"xc-form-card xc-reveal\" id=\"xcFormCard\">\r\n      <span class=\"xc-eyebrow\">Request our profile<\/span>\r\n      <h2 class=\"xc-title\">Client Details<\/h2>\r\n      <p class=\"xc-sub\">Kindly enter your details to become part of our exclusive system and stay updated with our latest products and solutions.<\/p>\r\n\r\n      <div class=\"xc-form\" id=\"xcForm\">\r\n        <div class=\"xc-grid\">\r\n          <div class=\"xc-field full\">\r\n            <label>Full Name <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"f_name\" placeholder=\"Your full name\" autocomplete=\"name\">\r\n            <span class=\"err\">Please enter your name.<\/span>\r\n          <\/div>\r\n          <div class=\"xc-field\">\r\n            <label>Company Name <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"f_company\" placeholder=\"Your company\" autocomplete=\"organization\">\r\n            <span class=\"err\">Please enter your company name.<\/span>\r\n          <\/div>\r\n          <div class=\"xc-field\">\r\n            <label>Designation <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"f_designation\" placeholder=\"e.g. Procurement Manager\" autocomplete=\"organization-title\">\r\n            <span class=\"err\">Please enter your designation.<\/span>\r\n          <\/div>\r\n          <div class=\"xc-field\">\r\n            <label>Business Email <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"email\" id=\"f_email\" placeholder=\"you@company.com\" autocomplete=\"email\">\r\n            <span class=\"err\">Enter a valid business email.<\/span>\r\n          <\/div>\r\n          <div class=\"xc-field\">\r\n            <label>Phone Number <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"tel\" id=\"f_phone\" placeholder=\"0300-1234567\" autocomplete=\"tel\">\r\n            <span class=\"err\">Enter a valid phone number.<\/span>\r\n          <\/div>\r\n          <div class=\"xc-field\">\r\n            <label>City \/ Country <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"f_city\" placeholder=\"Karachi, Pakistan\" autocomplete=\"address-level2\">\r\n            <span class=\"err\">Please enter your city\/country.<\/span>\r\n          <\/div>\r\n          <div class=\"xc-field\">\r\n            <label>Company Website<\/label>\r\n            <input type=\"text\" id=\"f_web\" placeholder=\"www.company.com\" autocomplete=\"url\">\r\n            <span class=\"err\">Please enter a valid website.<\/span>\r\n          <\/div>\r\n          <div class=\"xc-field full\">\r\n            <label>Office Address <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"f_address\" placeholder=\"Building, street, area\" autocomplete=\"street-address\">\r\n            <span class=\"err\">Please enter your office address.<\/span>\r\n          <\/div>\r\n          <div class=\"xc-field full\">\r\n            <label>Requirement Details<\/label>\r\n            <textarea id=\"f_requirement\" placeholder=\"Briefly tell us what you're looking for (optional)\"><\/textarea>\r\n            <span class=\"err\">Please add some details.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"xc-hp\"><label>Website<input type=\"text\" id=\"f_website\" tabindex=\"-1\" autocomplete=\"off\"><\/label><\/div>\r\n\r\n        <p class=\"xc-follow-msg\" id=\"xcFollowMsg\">Please follow our Instagram, YouTube, Facebook &amp; LinkedIn pages above first, then try again.<\/p>\r\n\r\n        <button class=\"xc-submit\" id=\"xcSubmit\">Request Company Profile<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"xc-success\" id=\"xcSuccess\">\r\n        <div class=\"tick\">&#10003;<\/div>\r\n        <h2 class=\"xc-title\">Thank You!<\/h2>\r\n        <p class=\"xc-sub\">Your details have been received. Here is our company profile:<\/p>\r\n        <a class=\"xc-download-btn\" id=\"xcDownload\" href=\"#\" download>\r\n          <svg viewbox=\"0 0 512 512\"><path d=\"M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64z\"\/><\/svg>\r\n          Download Company Profile (PDF)\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/* ===================== EDIT THESE ===================== *\/\r\n  \/\/ 0) YouTube videos for the hero carousel. Add as many IDs as you like.\r\n  \/\/    The ID is the part after \"v=\" or after \"youtu.be\/\" in the URL.\r\n  \/\/    e.g. https:\/\/youtu.be\/D8YE1Lutzcg  ->  \"D8YE1Lutzcg\"\r\n  var VIDEOS = [\r\n    \"D8YE1Lutzcg\"\r\n     , \"yyyuDVwWaes\"\r\n     , \"GzZq75pzuho\"\r\n  ];\r\n\r\n  \/\/ 1) Your company profile PDF (already connected):\r\n  var COMPANY_PROFILE_PDF = \"https:\/\/visitpro.xclusive-solutions.com\/wp-content\/uploads\/2026\/06\/company_profile.pdf\";\r\n\r\n  \/\/ 2) Backend: keep false until you install the \"survey\" snippet in WordPress,\r\n  \/\/    then set this to true so submissions save into the survey table.\r\n  var SAVE_TO_BACKEND = true;\r\n  var SUBMIT_URL = \"\/wp-json\/xclusive\/v1\/submit\";\r\n  \/* ===================================================== *\/\r\n\r\n  \/\/ ---------- Carousel ----------\r\n  (function initCarousel(){\r\n    var track = document.getElementById('xcTrack');\r\n    var dotsWrap = document.getElementById('xcDots');\r\n    var prev = document.getElementById('xcPrev');\r\n    var next = document.getElementById('xcNext');\r\n    if(!track) return;\r\n    var index = 0;\r\n\r\n    VIDEOS.forEach(function(id, i){\r\n      var slide = document.createElement('div');\r\n      slide.className = 'xc-slide';\r\n      slide.setAttribute('data-id', id);\r\n      track.appendChild(slide);\r\n\r\n      var dot = document.createElement('button');\r\n      dot.className = 'xc-dot' + (i === 0 ? ' active' : '');\r\n      dot.setAttribute('aria-label', 'Go to video ' + (i + 1));\r\n      dot.addEventListener('click', function(){ go(i); });\r\n      dotsWrap.appendChild(dot);\r\n    });\r\n\r\n    function paint(){\r\n      track.style.transform = 'translateX(' + (-index * 100) + '%)';\r\n      Array.prototype.forEach.call(track.children, function(slide, i){\r\n        var id = slide.getAttribute('data-id');\r\n        if(i === index){\r\n          if(!slide.querySelector('iframe')){\r\n            slide.innerHTML = '<iframe src=\"https:\/\/www.youtube.com\/embed\/' + id +\r\n              '\" title=\"Xclusive Solutions\" allowfullscreen ' +\r\n              'allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"><\/iframe>';\r\n          }\r\n        } else {\r\n          \/\/ reset off-screen slides to a thumbnail (also stops any playback)\r\n          slide.innerHTML = '<div class=\"xc-thumb\" style=\"background-image:url(https:\/\/img.youtube.com\/vi\/' +\r\n            id + '\/hqdefault.jpg)\"><span class=\"xc-play\">&#9654;<\/span><\/div>';\r\n          slide.querySelector('.xc-thumb').addEventListener('click', (function(idx){\r\n            return function(){ go(idx); };\r\n          })(i));\r\n        }\r\n      });\r\n      Array.prototype.forEach.call(dotsWrap.children, function(d, i){\r\n        d.classList.toggle('active', i === index);\r\n      });\r\n    }\r\n    function go(i){ index = (i + VIDEOS.length) % VIDEOS.length; paint(); }\r\n\r\n    prev.addEventListener('click', function(){ go(index - 1); });\r\n    next.addEventListener('click', function(){ go(index + 1); });\r\n\r\n    if(VIDEOS.length <= 1){\r\n      prev.style.display = 'none';\r\n      next.style.display = 'none';\r\n      dotsWrap.style.display = 'none';\r\n    }\r\n    paint();\r\n  })();\r\n\r\n  \/\/ ---------- Scroll reveal ----------\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('is-visible'); });\r\n  }, {threshold:0.12});\r\n  document.querySelectorAll('.xc-reveal').forEach(function(el){ io.observe(el); });\r\n\r\n  \/\/ ---------- Social follow tracking ----------\r\n  var btns = document.querySelectorAll('.xc-social-btn');\r\n  var total = btns.length;\r\n  var followed = {};\r\n  var hint = document.getElementById('xcHint');\r\n\r\n  btns.forEach(function(btn){\r\n    var key = btn.getAttribute('data-key');\r\n    followed[key] = false;\r\n    btn.addEventListener('click', function(){\r\n      setTimeout(function(){\r\n        followed[key] = true;\r\n        btn.classList.add('done');\r\n        updateFollowState();\r\n      }, 400);\r\n    });\r\n  });\r\n\r\n  function countFollowed(){ var c = 0; for(var k in followed){ if(followed[k]) c++; } return c; }\r\n  function allFollowed(){ return countFollowed() === total; }\r\n  function updateFollowState(){\r\n    var c = countFollowed();\r\n    hint.textContent = (c === total) ? 'All followed \u2014 you can submit now!' : (c + ' of ' + total + ' followed');\r\n    if(c === total){ document.getElementById('xcFollowMsg').style.display = 'none'; }\r\n  }\r\n\r\n  \/\/ ---------- Validation helpers ----------\r\n  function setError(id, on){ document.getElementById(id).closest('.xc-field').classList.toggle('invalid', on); }\r\n  function digits(s){ return (s||'').replace(\/\\D\/g,''); }\r\n\r\n  \/\/ ---------- Submit ----------\r\n  var submitBtn = document.getElementById('xcSubmit');\r\n  submitBtn.addEventListener('click', function(){\r\n    if(!allFollowed()){\r\n      document.getElementById('xcFollowMsg').style.display = 'block';\r\n      document.getElementById('xcSocialCard').scrollIntoView({behavior:'smooth', block:'center'});\r\n      return;\r\n    }\r\n    document.getElementById('xcFollowMsg').style.display = 'none';\r\n\r\n    var data = {\r\n      name:        document.getElementById('f_name').value.trim(),\r\n      company:     document.getElementById('f_company').value.trim(),\r\n      designation: document.getElementById('f_designation').value.trim(),\r\n      email:       document.getElementById('f_email').value.trim(),\r\n      phone:       document.getElementById('f_phone').value.trim(),\r\n      city:        document.getElementById('f_city').value.trim(),\r\n      web:         document.getElementById('f_web').value.trim(),\r\n      address:     document.getElementById('f_address').value.trim(),\r\n      requirement: document.getElementById('f_requirement').value.trim(),\r\n      website:     document.getElementById('f_website').value.trim() \/\/ honeypot\r\n    };\r\n\r\n    var ok = true;\r\n    if(!data.name){ setError('f_name',true); ok=false; } else setError('f_name',false);\r\n    if(!data.company){ setError('f_company',true); ok=false; } else setError('f_company',false);\r\n    if(!data.designation){ setError('f_designation',true); ok=false; } else setError('f_designation',false);\r\n    if(!\/^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$\/.test(data.email)){ setError('f_email',true); ok=false; } else setError('f_email',false);\r\n    if(digits(data.phone).length < 10){ setError('f_phone',true); ok=false; } else setError('f_phone',false);\r\n    if(!data.city){ setError('f_city',true); ok=false; } else setError('f_city',false);\r\n    if(!data.address){ setError('f_address',true); ok=false; } else setError('f_address',false);\r\n    if(!ok) return;\r\n\r\n    if(!SAVE_TO_BACKEND){ showSuccess(); return; }\r\n\r\n    submitBtn.disabled = true;\r\n    submitBtn.textContent = 'Submitting...';\r\n    fetch(SUBMIT_URL, {\r\n      method:'POST', headers:{'Content-Type':'application\/json'}, body: JSON.stringify(data)\r\n    })\r\n    .then(function(r){ return r.json().then(function(j){ return {status:r.status, body:j}; }); })\r\n    .then(function(res){\r\n      if(res.status >= 200 && res.status < 300 && res.body && res.body.ok){ showSuccess(); }\r\n      else { throw new Error((res.body && res.body.message) || 'Submission failed'); }\r\n    })\r\n    .catch(function(err){\r\n      submitBtn.disabled = false;\r\n      submitBtn.textContent = 'Request Company Profile';\r\n      alert('Sorry, something went wrong. Please try again.\\n(' + err.message + ')');\r\n    });\r\n  });\r\n\r\n  function showSuccess(){\r\n    document.getElementById('xcForm').style.display = 'none';\r\n    document.getElementById('xcDownload').setAttribute('href', COMPANY_PROFILE_PDF);\r\n    var s = document.getElementById('xcSuccess');\r\n    s.style.display = 'block';\r\n    s.scrollIntoView({behavior:'smooth', block:'center'});\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Watch our work See What Xclusive Solutions Can Do Powerful, user-focused security &amp; automation systems that solve real business problems. Securing Tomorrow, Automating Today. &#8249; &#8250; Stay connected Follow Us Follow all our pages below \u2014 each opens in a new tab. After following, tap it again to mark it done. You&#8217;ll need all of [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3990","page","type-page","status-publish","hentry","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/visitpro.xclusive-solutions.com\/arabic\/wp-json\/wp\/v2\/pages\/3990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visitpro.xclusive-solutions.com\/arabic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visitpro.xclusive-solutions.com\/arabic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visitpro.xclusive-solutions.com\/arabic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/visitpro.xclusive-solutions.com\/arabic\/wp-json\/wp\/v2\/comments?post=3990"}],"version-history":[{"count":0,"href":"https:\/\/visitpro.xclusive-solutions.com\/arabic\/wp-json\/wp\/v2\/pages\/3990\/revisions"}],"wp:attachment":[{"href":"https:\/\/visitpro.xclusive-solutions.com\/arabic\/wp-json\/wp\/v2\/media?parent=3990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}