{"id":6133,"date":"2025-12-30T12:51:56","date_gmt":"2025-12-30T12:51:56","guid":{"rendered":"https:\/\/xclars.com\/?page_id=6133"},"modified":"2025-12-30T19:54:35","modified_gmt":"2025-12-30T19:54:35","slug":"home","status":"publish","type":"page","link":"https:\/\/xclars.com\/","title":{"rendered":"home"},"content":{"rendered":"\n<style>\n\/* COLOR SYSTEM *\/\n:root {\n  --x-blue: #2563eb;\n  --x-blue-light: #eff6ff;\n  --x-charcoal: #111827;\n  --x-gray: #6b7280;\n  --x-gray-light: #e5e7eb;\n  --x-white: #ffffff;\n}\n\n\/* Header container *\/\n.x-header {\n  position: sticky;\n  top: 0;\n  background: var(--x-white);\n  border-bottom: 1px solid var(--x-gray-light);\n  z-index: 999;\n}\n\n\/* Desktop layout *\/\n.x-wrap {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 16px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n\/* Navigation links *\/\n.x-nav a {\n  color: var(--x-charcoal);\n  text-decoration: none;\n  font-weight: 500;\n  padding: 6px 10px;\n  transition: color .2s, background .2s;\n}\n\n\/* Hover highlight *\/\n.x-nav a:hover {\n  color: var(--x-blue);\n  background: var(--x-blue-light);\n  border-radius: 8px;\n}\n\n\/* Contact button *\/\n.x-cta {\n  padding: 10px 18px;\n  background: var(--x-blue);\n  color: white;\n  font-weight: 600;\n  border-radius: 999px;\n  text-decoration: none;\n  transition: opacity .2s, transform .1s;\n}\n\n.x-cta:hover {\n  opacity: 0.9;\n  transform: translateY(-1px);\n}\n\n\/* Hamburger button (mobile only) *\/\n.x-menu-btn {\n  display: none;\n  font-size: 28px;\n  cursor: pointer;\n  background: none;\n  border: none;\n  color: var(--x-charcoal);\n}\n\n\/* Mobile menu container *\/\n#mobile-nav {\n  display: none;\n  flex-direction: column;\n  gap: 12px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--x-gray-light);\n  background: var(--x-white);\n}\n\n\/* Mobile nav links *\/\n#mobile-nav a {\n  font-size: 18px;\n  text-decoration: none;\n  color: var(--x-charcoal);\n  padding: 8px 0;\n}\n\n\/* Hover on mobile links *\/\n#mobile-nav a:hover {\n  color: var(--x-blue);\n}\n\n\/* ---------- RESPONSIVE RULES ---------- *\/\n@media (max-width: 768px) {\n\n  \/* hide desktop nav *\/\n  .x-nav-desktop {\n    display: none;\n  }\n\n  \/* show hamburger *\/\n  .x-menu-btn {\n    display: block;\n  }\n\n  \/* hide CTA on mobile *\/\n  .x-cta {\n    display: none;\n  }\n}\n<\/style>\n\n<header class=\"x-header\">\n  <div class=\"x-wrap\">\n\n    <!-- Logo -->\n    <a href=\"\/\" style=\"display:flex; align-items:center;\">\n      <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/xclars.com\/wp-content\/uploads\/2025\/12\/image.png?w=1150\"\n           alt=\"XCLARS Logo\"\n           style=\"height:50px; width:auto;\">\n    <\/a>\n\n    <!-- Desktop navigation -->\n    <nav class=\"x-nav x-nav-desktop\">\n      <a href=\"#services\">Services<\/a>\n      <a href=\"#about\">About<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/nav>\n\n    <!-- Desktop CTA -->\n    <a href=\"#contact\" class=\"x-cta\">Get in touch<\/a>\n\n    <!-- Mobile hamburger -->\n    <button class=\"x-menu-btn\" id=\"menuToggle\">\u2630<\/button>\n\n  <\/div>\n\n  <!-- Mobile dropdown -->\n  <nav id=\"mobile-nav\">\n    <a href=\"#services\">Services<\/a>\n    <a href=\"#about\">About<\/a>\n    <a href=\"#contact\">Contact<\/a>\n  <\/nav>\n<\/header>\n\n<script>\n\/* Toggle mobile navigation *\/\ndocument.getElementById(\"menuToggle\").addEventListener(\"click\", function () {\n  var nav = document.getElementById(\"mobile-nav\");\n  nav.style.display = nav.style.display === \"flex\" ? \"none\" : \"flex\";\n});\n<\/script>\n\n\n\n<!-- Unified Hero Section -->\n<section style=\"background-color:#f9fafb; padding:80px 20px; text-align:center;\">\n  \n  <!-- Subtitle -->\n  <p style=\"text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#2563eb; margin:0;\">\n    For CEOs, Founders, and Business Leaders\n  <\/p>\n\n  <!-- Main Heading -->\n  <h1 style=\"margin-top:20px; font-size:48px; font-weight:800; line-height:1.2; margin-bottom:0;\">\n    We Help Leadership Teams Achieve Measurable Business Outcomes\n  <\/h1>\n\n  <!-- Description -->\n  <p style=\"margin-top:20px; max-width:700px; margin-left:auto; margin-right:auto; font-size:20px; color:#4b5563;\">\n    XCLARS is a consultancy focused on revenue growth, cost optimization, operational resilience, and quality improvement through cloud, IT, and digital transformation. We emphasize clear strategy, disciplined execution, and outcomes that can be quantified.\n  <\/p>\n\n  <!-- Hero Buttons -->\n  <div style=\"margin-top:40px; display:flex; justify-content:center; gap:15px; flex-wrap:wrap;\">\n    <a href=\"#contact\" class=\"btn btn-primary\">Book a leadership consultation<\/a>\n    <a href=\"#services\" class=\"btn btn-secondary\">See how we deliver results<\/a>\n  <\/div>\n\n<\/section>\n\n<!-- CSS for unified button styling -->\n<style>\n\/* Base button style *\/\n.btn {\n  padding:15px 30px;\n  border-radius:9999px;\n  font-weight:600;\n  text-decoration:none;\n  display:inline-block;\n  border:2px solid #2563eb;\n  transition:all .2s;\n  font-family: inherit;\n  text-align:center;\n}\n\n\/* Primary button *\/\n.btn-primary {\n  background-color:#2563eb;\n  color:white;\n}\n.btn-primary:hover {\n  background-color:#1e3fae;\n  border-color:#1e3fae;\n  color:white;\n}\n\n\/* Secondary button *\/\n.btn-secondary {\n  background-color:white;\n  color:#2563eb;\n}\n.btn-secondary:hover {\n  background-color:#2563eb;\n  color:white;\n}\n\n\/* Responsive text and button size *\/\n@media (max-width: 768px) {\n  section h1 {\n    font-size:32px !important;\n  }\n  section p {\n    font-size:18px !important;\n  }\n  .btn {\n    padding:12px 25px;\n    font-size:16px;\n  }\n}\n<\/style>\n\n\n\n<section style=\"max-width:1200px; margin:50px auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; text-align:center;\">\n  <div style=\"border:1px solid #e5e7eb; padding:30px; border-radius:20px;\">\n    <h2 style=\"font-size:28px; font-weight:800;\">\u2193 Costs<\/h2>\n    <p style=\"margin-top:10px; color:#4b5563;\">Total cost optimization across procurement, logistics, and operations<\/p>\n  <\/div>\n  <div style=\"border:1px solid #e5e7eb; padding:30px; border-radius:20px;\">\n    <h2 style=\"font-size:28px; font-weight:800;\">\u2191 Efficiency<\/h2>\n    <p style=\"margin-top:10px; color:#4b5563;\">Process redesign, automation, and data-driven decision making<\/p>\n  <\/div>\n  <div style=\"border:1px solid #e5e7eb; padding:30px; border-radius:20px;\">\n    <h2 style=\"font-size:28px; font-weight:800;\">\u2193 Risk<\/h2>\n    <p style=\"margin-top:10px; color:#4b5563;\">Supply chain resilience, compliance, and governance<\/p>\n  <\/div>\n  <div style=\"border:1px solid #e5e7eb; padding:30px; border-radius:20px;\">\n    <h2 style=\"font-size:28px; font-weight:800;\">\u2191 Quality<\/h2>\n    <p style=\"margin-top:10px; color:#4b5563;\">Supplier assurance, performance monitoring, and continuous improvement<\/p>\n  <\/div>\n<\/section>\n\n\n\n<section id=\"services\" style=\"background-color:white; padding:80px 20px; text-align:center;\">\n  <h2 style=\"font-size:36px; font-weight:700;\">Executive\u2011Focused Services<\/h2>\n  <p style=\"margin-top:10px; max-width:700px; margin-left:auto; margin-right:auto; color:#4b5563;\">\n    Built around leadership priorities: growth, resilience, operational excellence, and supply chain efficiency.\n  <\/p>\n\n  <div style=\"margin-top:50px; display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px;\">\n    <!-- Original IT & Digital Services -->\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Digital &amp; Cloud Strategy<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Investment cases, roadmaps, cost control and risk management for CEO and Board level decision-making.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Operational Transformation<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Redesign processes, implement automation and modernize IT operations to reduce cost while improving service quality.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Program Delivery &amp; Governance<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Rescue at-risk initiatives, portfolio governance, and PMO setup with executive dashboards and KPIs.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Cyber, Risk &amp; Resilience<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Strengthen resilience and compliance posture with pragmatic controls that support innovation rather than blocking it.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">AI &amp; Automation Advisory<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Identify high-value use cases, governance models and implementation pathways that protect brand and data.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Managed IT &amp; Cloud Services<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Outsourced operations with executive reporting, predictable spend and clear service outcomes.<\/p>\n    <\/div>\n\n    <!-- Procurement & Logistics Services -->\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Procurement Services<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Strategic sourcing, supplier selection, RFQs, contract negotiation, and cost-reduction programs focused on total value.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Shipping &amp; Freight Management<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Coordination of sea, air, and road freight including carrier booking, documentation, tracking, and delivery follow-up.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Logistics &amp; Distribution<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Network design, warehousing, inventory optimization, and last-mile coordination to reduce lead times and working capital.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Customs Clearance<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Import\/export documentation, tariff classification, duty optimization, and compliance with local and international regulations.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Supplier Quality Management<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Supplier audits, scorecards, performance monitoring, and corrective action programs to maintain consistent service quality.<\/p>\n    <\/div>\n    <div style=\"padding:30px; border-radius:20px; box-shadow:0 4px 6px rgba(0,0,0,0.1);\">\n      <h3 style=\"font-size:22px; font-weight:700;\">Process Improvement &amp; Automation<\/h3>\n      <p style=\"color:#4b5563; margin-top:10px;\">Assessment of workflows, implementation of digital tools, and automation to enhance accuracy, speed, and reliability.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section id=\"contact\" style=\"padding:80px 20px; background-color:#f9fafb; text-align:center;\">\n  <h2 style=\"font-size:36px; font-weight:700; margin-bottom:10px;\">Let\u2019s talk<\/h2>\n  <p style=\"color:#4b5563; margin-bottom:30px;\">Tell us about your project or support needs.<\/p>\n\n  <div style=\"max-width:500px; margin:0 auto; text-align:left;\">\n    <!-- WPForms shortcode -->\n    <div class=\"wpforms-container wpforms-container-full\" id=\"wpforms-6173\"><form id=\"wpforms-form-6173\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"6173\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php\/wp-json\/wp\/v2\/pages\/6133\" data-token=\"394f8dc3688fd15e2bcb96f20f8ad629\" data-token-time=\"1780493666\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-6173-field_5-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-6173-field_5\">Name <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-6173-field_5\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][5]\" required><\/div><div id=\"wpforms-6173-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-6173-field_2\">Email <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-6173-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" required><\/div><div id=\"wpforms-6173-field_4-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-6173-field_4\">Phone<\/label><input type=\"number\" id=\"wpforms-6173-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" placeholder=\"+123 123 4567\" step=\"any\" ><\/div><div id=\"wpforms-6173-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-6173-field_3\">Message<\/label><textarea id=\"wpforms-6173-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" ><\/textarea><\/div><\/div><!-- .wpforms-field-container -->\r\n\t\t\t<script>\r\n\t\t\tif ( typeof huOptions !== 'undefined' ) {\r\n\t\t\t\tvar huFormData = {\"source\":\"wpforms\",\"id\":6173,\"title\":\"Contact\",\"fields\":{\"subject\":{\"first_name\":\"\",\"last_name\":\"\"}}};\r\n\t\t\t\tvar huFormNode = document.querySelector( '[id=\"wpforms-6173\"] form' );\r\n\r\n\t\t\t\tvar firstName = huFormNode.querySelector( 'input.wpforms-field-name-first' );\r\n\t\t\t\tvar lastName = huFormNode.querySelector( 'input.wpforms-field-name-last' );\r\n\r\n\t\t\t\tif ( firstName )\r\n\t\t\t\t\thuFormData['fields']['subject']['first_name'] = firstName.getAttribute( 'name' );\r\n\r\n\t\t\t\tif ( lastName )\r\n\t\t\t\t\thuFormData['fields']['subject']['last_name'] = lastName.getAttribute( 'name' );\r\n\r\n\t\t\t\thuFormData['node'] = huFormNode;\r\n\t\t\t\thuOptions['forms'].push( huFormData );\r\n\t\t\t}\r\n\t\t\t<\/script><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"6173\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/xclars.com\/index.php\/wp-json\/wp\/v2\/pages\/6133\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-6173\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/xclars.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n  <\/div>\n<\/section>\n\n<style>\n\/* Style all input fields and textarea uniformly *\/\n#wpforms-6173 input[type=\"text\"],\n#wpforms-6173 input[type=\"email\"],\n#wpforms-6173 input[type=\"tel\"],\n#wpforms-6173 textarea {\n  width: 100% !important;\n  padding: 15px !important;\n  border-radius: 15px !important;\n  border: 1px solid #d1d5db !important;\n  font-size: 16px !important;\n  box-sizing: border-box;\n  margin-bottom: 15px;\n  text-align: left; \/* left-aligned text inside fields *\/\n  min-height: 50px; \/* make input height consistent *\/\n}\n\n\/* Message textarea slightly taller *\/\n#wpforms-6173 textarea {\n  min-height: 120px !important;\n}\n\n\/* Submit button styling *\/\n#wpforms-6173 .wpforms-submit {\n  padding: 15px 30px !important;\n  border-radius: 9999px !important;\n  font-weight: 600 !important;\n  border: 2px solid #2563eb !important;\n  background-color: #2563eb !important;\n  color: white !important;\n  font-family: inherit !important;\n  cursor: pointer !important;\n  transition: all .2s !important;\n  display: block;\n  width: 100%;\n  text-align: center;\n}\n\n#wpforms-6173 .wpforms-submit:hover {\n  background-color: #1e3fae !important;\n  border-color: #1e3fae !important;\n  color: white !important;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n  #wpforms-6173 input[type=\"text\"],\n  #wpforms-6173 input[type=\"email\"],\n  #wpforms-6173 input[type=\"tel\"],\n  #wpforms-6173 textarea {\n    font-size: 16px !important;\n    padding: 12px !important;\n  }\n\n  #wpforms-6173 .wpforms-submit {\n    padding: 12px 25px !important;\n    font-size: 16px !important;\n  }\n}\n<\/style>\n\n\n\n<footer style=\"padding:40px 20px; text-align:center; font-size:14px; color:#6b7280;\">\n  \u00a9 2025 XCLARS Consultancy &amp; IT Services \u2014 info@xclars.com\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Services About Contact Get in touch \u2630 Services About Contact For CEOs, Founders, and Business Leaders We Help Leadership Teams Achieve Measurable Business Outcomes XCLARS is a consultancy focused on revenue growth, cost optimization, operational resilience, and quality improvement through cloud, IT, and digital transformation. We emphasize clear strategy, disciplined execution, and outcomes that can [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-6133","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/xclars.com\/index.php\/wp-json\/wp\/v2\/pages\/6133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xclars.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xclars.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xclars.com\/index.php\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/xclars.com\/index.php\/wp-json\/wp\/v2\/comments?post=6133"}],"version-history":[{"count":5,"href":"https:\/\/xclars.com\/index.php\/wp-json\/wp\/v2\/pages\/6133\/revisions"}],"predecessor-version":[{"id":6195,"href":"https:\/\/xclars.com\/index.php\/wp-json\/wp\/v2\/pages\/6133\/revisions\/6195"}],"wp:attachment":[{"href":"https:\/\/xclars.com\/index.php\/wp-json\/wp\/v2\/media?parent=6133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}