{"id":22557,"date":"2025-05-20T10:57:03","date_gmt":"2025-05-20T08:57:03","guid":{"rendered":"https:\/\/xoap.io\/?page_id=22557"},"modified":"2026-09-17T16:40:47","modified_gmt":"2026-09-17T14:40:47","slug":"image-management","status":"publish","type":"page","link":"https:\/\/xoap.io\/de\/image-management\/","title":{"rendered":"Image Management"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22557\" class=\"elementor elementor-22557\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd7955f e-flex e-con-boxed e-con e-parent\" data-id=\"cd7955f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f07c98 elementor-widget elementor-widget-html\" data-id=\"8f07c98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  XOAP \u2014 Image Management: Hero + Shared Styles\n  ================================================\n  This widget carries every global design dependency for the whole\n  \"Image Management\" page \u2014 Google Fonts, the base reset, and the\n  button\/eyebrow classes the other 10 widgets on this page rely on.\n  Keep this widget FIRST on the page. It has no dependency on anything\n  before it; every other widget below depends on this one.\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n<style>\n*,*::before,*::after{box-sizing:border-box;}\nhtml, body{\n  background-color:#0B1215;\n}\nbody{\n  margin:0;\n  color:#D0DBDD;\n  font-family:'Inter',Arial,sans-serif;\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n}\n.elementor-page,\n.elementor-section-wrap,\n.site-content,\n#content,\n#page{\n  background-color:#0B1215 !important;\n}\n.elementor-section:not([data-settings*=\"sticky\"]),\n.elementor-container,\n.e-con:not(.elementor-sticky){\n  background-color:transparent !important;\n}\nh1,h2,h3,h4{margin:0;color:#FFFFFF;}\nh1{font-size:clamp(40px,5vw,60px);font-weight:800;letter-spacing:-0.032em;line-height:1.05;}\nh2{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-0.028em;line-height:1.1;}\nh3{font-size:24px;font-weight:700;line-height:1.25;}\np{margin:0;}\na{color:inherit;text-decoration:none;}\nimg,svg{max-width:100%;display:block;}\n\n.wrap{max-width:1200px;margin:0 auto;}\n\n.eyebrow{font-size:12px;line-height:28px;font-weight:600;letter-spacing:6.56px;text-transform:uppercase;color:#FABD2E !important;}\n.eyebrow.muted{color:#748D93;}\n\n.btn{display:inline-flex;align-items:center;white-space:nowrap;font-family:inherit;font-size:16px;font-weight:600;padding:13px 24px;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;}\n.btn svg,.btn i{width:16px;height:16px;}\n.btn-primary{\n  height: 50px !important;\n  padding: 0 24px !important;\n  gap: 11px !important;\n  font-family: 'Inter', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.005em !important;\n  background: #6EE0F7 !important;\n  color: #0B1215 !important;\n  border: 1px solid #6EE0F7 !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255, 255, 255, 0.55),\n    inset 0 -1px 0 0 rgba(11, 18, 21, 0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16, 1, 0.3, 1),\n    border-color     180ms cubic-bezier(0.16, 1, 0.3, 1),\n    color            180ms cubic-bezier(0.16, 1, 0.3, 1),\n    box-shadow       180ms cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n.btn-primary:hover{\n  background: #FFFFFF !important;\n  border-color: #6EE0F7 !important;\n  color: #476166 !important;\n  box-shadow: none !important;\n}\n.btn-demo{\n  height: 50px !important;\n  padding: 0 24px !important;\n  gap: 11px !important;\n  font-family: 'Inter', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.005em !important;\n  white-space: nowrap !important;\n  background: #FFFFFF !important;\n  color: #0B1215 !important;\n  border: 1px solid #FFFFFF !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255, 255, 255, 1),\n    inset 0 -1px 0 0 rgba(0, 0, 0, 0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16, 1, 0.3, 1),\n    border-color     180ms cubic-bezier(0.16, 1, 0.3, 1),\n    color            180ms cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n.btn-demo:hover{\n  background: #F3F6F7 !important;\n  border-color: #F3F6F7 !important;\n  color: #0B1215 !important;\n}\n.btn-outline{background:transparent;color:#D0DBDD;border-color:#D0DBDD;padding:12px 24px;}\n.btn-outline:hover{border-color:#FFFFFF;color:#FFFFFF;}\n\na.btn-link{display:inline-flex;align-items:center;gap:6px;background:none !important;color:#6EE0F7 !important;font-weight:600;font-size:13.5px;padding:4px 8px;margin:-4px -8px;border-radius:0;border-bottom:1px solid rgba(110,224,247,0.25) !important;text-decoration:none !important;transition:background-color .15s,color .15s,border-color .15s;}\na.btn-link i{width:14px;height:14px;}\na.btn-link:hover{background:#fff !important;color:#476166 !important;border-bottom-color:transparent !important;}\na.inline-link{color:#6EE0F7 !important;text-decoration:none !important;border-bottom:1px solid rgba(110,224,247,0.25);transition:color .15s ease,border-color .15s ease;}\na.inline-link:hover{color:#748D93 !important;border-bottom-color:transparent !important;}\n\n@media (max-width:700px){\n  .wrap{padding-left:4px;padding-right:4px;}\n}\n<\/style>\n\n<section style=\"position: relative; padding: 96px 24px 80px; overflow: hidden; background: #0B1215;\">\n  <div style=\"position: absolute; top: -180px; left: 50%; transform: translateX(-50%); width: 1100px; height: 620px; background: radial-gradient(ellipse at center, rgba(250,189,46,0.16) 0%, transparent 70%); pointer-events: none;\"><\/div>\n  <div class=\"wrap\" style=\"position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px;\">\n    <span class=\"eyebrow\">Image management<\/span>\n    <h1 style=\"max-width: 950px; text-wrap: balance;\">Standardize image automation across platforms<\/h1>\n    <p style=\"max-width: 680px; font-size: 20px; line-height: 30px; color: #D0DBDD; text-wrap: pretty;\">End-to-end image pipeline automation for any hybrid IT environment. No coding necessary. No manual work.<\/p>\n    <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 8px;\">\n      <a href=\"https:\/\/auth.xoap.io\/auth\/realms\/my.xoap.io\/protocol\/openid-connect\/registrations?client_id=portal&response_type=code&scope=openid%20email&redirect_uri=https:\/\/my.xoap.io&kc_locale=en\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n        <i data-lucide=\"user-plus\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Start for free\n      <\/a>\n      <a href=\"https:\/\/calendly.com\/xoap\/30min\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-demo\">\n        <i data-lucide=\"move-right\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Book a demo\n      <\/a>\n    <\/div>\n    <div style=\"display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; color: #748D93;\">\n      <i data-lucide=\"check\" style=\"width:14px;height:14px;color:#59CA53;\"><\/i> No credit card required\n    <\/div>\n  <\/div>\n<\/section>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ec6e6c elementor-widget elementor-widget-image\" data-id=\"6ec6e6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"679\" src=\"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new-1024x679.png\" class=\"attachment-large size-large wp-image-32187\" alt=\"Image Management\" srcset=\"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new-1024x679.png 1024w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new-300x199.png 300w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new-768x510.png 768w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new-1536x1019.png 1536w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new-18x12.png 18w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\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-d369748 e-flex e-con-boxed e-con e-parent\" data-id=\"d369748\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0489a3 elementor-widget elementor-widget-html\" data-id=\"b0489a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SNIPPET 02 \u2014 Ecosystem Strip\n  ==============================\n-->\n<style>\n.strip{padding:64px 0;}\n.strip-inner{display:flex;flex-direction:column;align-items:center;gap:28px;}\n.strip-label{font-size:12px;font-weight:700;letter-spacing:6.56px;text-transform:uppercase;color:#748D93;}\n.strip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}\n.strip-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#121D21;border:1px solid #354F55;border-radius:4px;color:#D0DBDD;font-size:13px;font-weight:500;}\n.strip-pill::before{content:\"\";width:8px;height:8px;border-radius:2px;background:#5A7278;flex-shrink:0;}\n@media(max-width:600px){\n  .strip{padding:40px 0;}\n  .strip-inner{gap:20px;}\n  .strip-label{font-size:11px;letter-spacing:2.5px;text-align:center;}\n  .strip-row{gap:8px;}\n  .strip-pill{padding:6px 12px;font-size:12px;}\n}\n<\/style>\n<section class=\"strip\">\n  <div class=\"wrap strip-inner\">\n    <div class=\"strip-label\">Empowered by a strong ecosystem<\/div>\n    <div class=\"strip-row\">\n      <span class=\"strip-pill\">Microsoft Azure<\/span>\n      <span class=\"strip-pill\">AWS<\/span>\n      <span class=\"strip-pill\">Google Cloud Platform<\/span>\n      <span class=\"strip-pill\">GraphQL<\/span>\n      <span class=\"strip-pill\">PowerShell<\/span>\n      <span class=\"strip-pill\">GitHub<\/span>\n      <span class=\"strip-pill\">Packer<\/span>\n      <span class=\"strip-pill\">Terraform<\/span>\n      <span class=\"strip-pill\">VMware<\/span>\n      <span class=\"strip-pill\">Citrix<\/span>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\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-264b97c e-flex e-con-boxed e-con e-parent\" data-id=\"264b97c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d49924 elementor-widget elementor-widget-html\" data-id=\"4d49924\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.xoap-usecase-section{padding:112px 24px;background:#0B1215;}\n.xoap-usecase-intro{max-width:760px;display:flex;flex-direction:column;gap:16px;}\n\n.xoap-usecase-tabs{border:1px solid #354F55;border-radius:16px;overflow:hidden;background:#121D21;}\n.xoap-usecase-tabs__nav{display:flex;flex-wrap:wrap;gap:10px;padding:16px;background:#0F1A1F;border-bottom:1px solid #354F55;}\n.xoap-usecase-tabs__btn{height:44px !important;padding:0 20px !important;border-radius:34px !important;font-size:14px !important;font-weight:600 !important;font-family:inherit !important;cursor:pointer;transition:all .15s;background:transparent !important;color:#D0DBDD !important;border:1px solid #354F55 !important;box-shadow:none !important;margin:0 !important;text-align:center;white-space:nowrap;flex-shrink:0;}\n.xoap-usecase-tabs__btn.is-active{background:#6EE0F7 !important;color:#102428 !important;border-color:#6EE0F7 !important;}\n\n.xoap-usecase-tabs__panels{padding:40px;}\n.xoap-usecase-tabs__accordion-btn{display:none;}\n.xoap-usecase-tabs__panel{display:none;flex-direction:column;gap:16px;max-width:860px;}\n.xoap-usecase-tabs__panel.is-active{display:flex;}\n\n@media(max-width:700px){\n  .xoap-usecase-section{padding:64px 20px !important;}\n  .xoap-usecase-section > .wrap{gap:32px !important;}\n  .xoap-usecase-intro{gap:12px !important;}\n  .xoap-usecase-intro h2{font-size:26px !important;line-height:32px !important;}\n  .xoap-usecase-intro p{font-size:16px !important;line-height:25px !important;}\n\n  .xoap-usecase-tabs__nav{display:none;}\n  .xoap-usecase-tabs__panels{padding:0;}\n\n  .xoap-usecase-tabs__item{border-bottom:1px solid #354F55;}\n  .xoap-usecase-tabs__item:last-child{border-bottom:none;}\n\n  \/* the fix: force off the site's default filled-button style *\/\n  .xoap-usecase-tabs__accordion-btn{\n    display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;\n    width:100% !important;padding:18px 20px !important;\n    background:transparent !important;background-color:transparent !important;\n    border:none !important;box-shadow:none !important;border-radius:0 !important;margin:0 !important;\n    color:#F2F6F7 !important;font-family:inherit !important;font-size:15px !important;font-weight:600 !important;\n    text-align:left !important;cursor:pointer;height:auto !important;\n  }\n  .xoap-usecase-tabs__accordion-btn.is-active{color:#6EE0F7 !important;background:transparent !important;}\n  .xoap-usecase-tabs__chevron{flex-shrink:0;width:18px;height:18px;transition:transform .2s;color:#8AA0A5 !important;}\n  .xoap-usecase-tabs__accordion-btn.is-active .xoap-usecase-tabs__chevron{transform:rotate(180deg);color:#6EE0F7 !important;}\n\n  .xoap-usecase-tabs__panel{gap:10px;padding:0 20px 20px;max-width:none;}\n  .xoap-usecase-tabs__panel h3{display:none;}\n  .xoap-usecase-tabs__panel p{font-size:15px !important;line-height:23px !important;}\n}\n<\/style>\n\n<section class=\"xoap-usecase-section\">\n  <div class=\"wrap\" style=\"display: flex; flex-direction: column; gap: 56px;\">\n    <div class=\"xoap-usecase-intro\">\n      <span class=\"eyebrow\">Use cases<\/span>\n      <h2 style=\"font-size: 40px; line-height: 48px; font-weight: 700; letter-spacing: -0.02em;\">Simplify your machine image build<\/h2>\n      <p style=\"font-size: 18px; line-height: 28px; color: #D0DBDD; text-wrap: pretty;\">From custom image creation to deployment and security. Automate your in-house and customers' images across platforms and tenants.<\/p>\n    <\/div>\n\n    <div class=\"xoap-usecase-tabs\">\n      <div class=\"xoap-usecase-tabs__nav\">\n        <button type=\"button\" class=\"xoap-usecase-tabs__btn is-active\" data-tab=\"0\">Windows 11 golden image on Azure<\/button>\n        <button type=\"button\" class=\"xoap-usecase-tabs__btn\" data-tab=\"1\">VMware virtual machine templates<\/button>\n        <button type=\"button\" class=\"xoap-usecase-tabs__btn\" data-tab=\"2\">Azure Virtual Desktop (AVD) master image<\/button>\n      <\/div>\n\n      <div class=\"xoap-usecase-tabs__panels\">\n        <div class=\"xoap-usecase-tabs__item\">\n          <button type=\"button\" class=\"xoap-usecase-tabs__accordion-btn is-active\" data-tab=\"0\">\n            <span>Windows 11 golden image on Azure<\/span>\n            <svg class=\"xoap-usecase-tabs__chevron\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M5 7.5L10 12.5L15 7.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/button>\n          <div class=\"xoap-usecase-tabs__panel is-active\" data-panel=\"0\">\n            <h3 style=\"font-size: 26px; line-height: 34px; font-weight: 700;\">Windows 11 golden master image on Azure<\/h3>\n            <p style=\"font-size: 17px; line-height: 28px; color: #D0DBDD; text-wrap: pretty;\">Automated, no-code Windows 11 golden (master) images in Azure. Define your standard once, then build, version and deploy fully customized images across environments. Security and compliance built in by default. Full support for multi-cloud, on-premises and multi-tenant environments included.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"xoap-usecase-tabs__item\">\n          <button type=\"button\" class=\"xoap-usecase-tabs__accordion-btn\" data-tab=\"1\">\n            <span>VMware virtual machine templates<\/span>\n            <svg class=\"xoap-usecase-tabs__chevron\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M5 7.5L10 12.5L15 7.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/button>\n          <div class=\"xoap-usecase-tabs__panel\" data-panel=\"1\">\n            <h3 style=\"font-size: 26px; line-height: 34px; font-weight: 700;\">VMware virtual machine templates<\/h3>\n            <p style=\"font-size: 17px; line-height: 28px; color: #D0DBDD; text-wrap: pretty;\">Base images for on-premises environments like vSphere and Nutanix are created, versioned, customized and deployed via the XOAP Connector agent, an extension of the XOAP SaaS platform. Install the Connector on your device to unify and automate your image pipeline, no matter the infrastructure.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"xoap-usecase-tabs__item\">\n          <button type=\"button\" class=\"xoap-usecase-tabs__accordion-btn\" data-tab=\"2\">\n            <span>Azure Virtual Desktop (AVD) master image<\/span>\n            <svg class=\"xoap-usecase-tabs__chevron\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M5 7.5L10 12.5L15 7.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/button>\n          <div class=\"xoap-usecase-tabs__panel\" data-panel=\"2\">\n            <h3 style=\"font-size: 26px; line-height: 34px; font-weight: 700;\">Azure Virtual Desktop (AVD) master image<\/h3>\n            <p style=\"font-size: 17px; line-height: 28px; color: #D0DBDD; text-wrap: pretty;\">XOAP manages the full lifecycle of your Azure Virtual Desktop master images, not just creation. Automate updates, patches, application changes and scheduled rebuilds to keep AVD environments consistent and secure without manual maintenance. Deploy the images on Azure and Azure locale on-demand.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  document.querySelectorAll('.xoap-usecase-tabs').forEach(function(root){\n    var triggers = root.querySelectorAll('[data-tab]');\n    var panels = root.querySelectorAll('.xoap-usecase-tabs__panel');\n    triggers.forEach(function(trigger){\n      trigger.addEventListener('click', function(){\n        var idx = trigger.getAttribute('data-tab');\n        triggers.forEach(function(t){ t.classList.toggle('is-active', t.getAttribute('data-tab') === idx); });\n        panels.forEach(function(p){ p.classList.toggle('is-active', p.getAttribute('data-panel') === idx); });\n      });\n    });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\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-a1727c0 e-flex e-con-boxed e-con e-parent\" data-id=\"a1727c0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85a7654 elementor-widget elementor-widget-html\" data-id=\"85a7654\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- XOAP \u2014 Image Management: \"How it works\" \u2014 4 feature rows + 2 bottom cards -->\n<style>\n.section-head{max-width:780px;margin:0 auto 56px;text-align:center;}\n.section-head .eyebrow{display:block;margin-bottom:18px;}\n.section-head h2{margin:0 0 16px;font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-0.028em;line-height:1.1;}\n.lede{font-size:19px;line-height:1.55;color:#D0DBDD;max-width:60ch;margin:0 auto;text-wrap:pretty;}\n\n.pairs{display:grid;gap:104px;margin-top:80px;}\n.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;}\n.pair-copy{display:flex;flex-direction:column;justify-content:center;gap:16px;}\n.step-eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#FABD2E;}\n.pair-copy h3{font-size:30px;line-height:38px;font-weight:700;letter-spacing:-0.02em;}\n.pair-copy p{font-size:17px;line-height:28px;color:#D0DBDD;text-wrap:pretty;}\na.btn-link{display:inline-flex;align-self:flex-start;width:fit-content;align-items:center;gap:6px;background:none;color:#6EE0F7;font-weight:600;font-size:13.5px;padding:4px 8px;margin:-4px -8px;border-radius:0;border-bottom:1px solid rgba(110,224,247,0.25);text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;}\na.btn-link i{width:14px;height:14px;}\na.btn-link:hover{background:#fff;color:#476166;border-bottom-color:transparent;}\na.inline-link{color:#6EE0F7;text-decoration:none;border-bottom:1px solid rgba(110,224,247,0.25);transition:color .15s ease,border-color .15s ease;}\na.inline-link:hover{color:#748D93;border-bottom-color:transparent;}\n\n.showcase{position:relative;border:1px solid #354F55;border-radius:16px;overflow:hidden;background:#111D22;min-height:340px;display:flex;}\n.showcase-inner{width:100%;padding:32px;display:flex;flex-direction:column;gap:14px;justify-content:center;min-width:0;}\n\n.setup-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:80px;}\n.setup-card{background:#0B1215;border:1px solid #354F55;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:16px;min-width:0;}\n\n@media(max-width:860px){\n  .pair{grid-template-columns:minmax(0,1fr);gap:32px;}\n  .pair-copy{order:1;}   \/* text always before the visual once stacked *\/\n  .showcase{order:2;}\n}\n\n@media(max-width:700px){\n  .xoap-howitworks-section{padding:64px 20px !important;}\n  .section-head{margin-bottom:40px;}\n  .lede{font-size:16px;}\n\n  .pairs{gap:48px;margin-top:48px;}\n  .pair-copy h3{font-size:22px;line-height:29px;}\n  .pair-copy p{font-size:15.5px;line-height:24px;}\n  .step-eyebrow{font-size:12px;letter-spacing:1.5px;}\n\n  .showcase{min-height:0;}\n  .showcase-inner{padding:20px;gap:12px;}\n\n  .setup-cards{grid-template-columns:1fr;gap:20px;margin-top:48px;}\n  .setup-card{padding:24px;border-radius:18px;}\n  .setup-card h3{font-size:20px;line-height:27px;}\n  .setup-card p{font-size:15px;line-height:23px;}\n}\n<\/style>\n\n<section class=\"xoap-howitworks-section\" style=\"padding: 112px 24px; background: #0B1215;\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">How it works<\/span>\n      <h2>Image management that just works<\/h2>\n      <p class=\"lede\">Create images in a few clicks. Roll out updates across entire hybrid IT infrastructures automatically. Schedule any of the steps.<\/p>\n    <\/div>\n\n    <div class=\"pairs\">\n      <!-- 01 \u2014 Customize -->\n      <div class=\"pair\">\n        <div class=\"pair-copy\">\n          <span class=\"step-eyebrow\">01 \u2014 Customize<\/span>\n          <h3>Your images customized<\/h3>\n          <p>Build your own custom image and add as many tools, applications or settings as you need. Easily include software installs and system configurations in every image you create.<\/p>\n          <a href=\"https:\/\/xoap.io\/solution-azure-virtual-desktop\/\" class=\"btn-link\">No-code Azure Virtual Desktop image build <i data-lucide=\"arrow-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"showcase\">\n          <div class=\"showcase-inner\">\n            <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 12px;\">\n              <span style=\"font-size: 15px; font-weight: 600; color: #FFFFFF;\">win11-golden-base<\/span>\n              <span style=\"background: #6EE0F7; color: #102428; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 4px;\">Build<\/span>\n            <\/div>\n            <div style=\"background: #121D21; border: 1px solid #354F55; border-radius: 8px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px;\">\n              <span style=\"font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #748D93;\">Included in this image<\/span>\n              <div style=\"display: flex; align-items: center; gap: 10px; font-size: 14px; color: #D0DBDD;\"><span style=\"width: 6px; height: 6px; border-radius: 50%; background: #FABD2E; flex-shrink:0;\"><\/span>Windows 11 23H2 base<\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; font-size: 14px; color: #D0DBDD;\"><span style=\"width: 6px; height: 6px; border-radius: 50%; background: #FABD2E; flex-shrink:0;\"><\/span>Microsoft 365 Apps \u00b7 PSADT<\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; font-size: 14px; color: #D0DBDD;\"><span style=\"width: 6px; height: 6px; border-radius: 50%; background: #FABD2E; flex-shrink:0;\"><\/span>FSLogix profile settings<\/div>\n              <div style=\"display: flex; align-items: center; gap: 10px; font-size: 14px; color: #D0DBDD;\"><span style=\"width: 6px; height: 6px; border-radius: 50%; background: #FABD2E; flex-shrink:0;\"><\/span>CIS hardening baseline<\/div>\n            <\/div>\n            <div style=\"display: flex; flex-wrap: wrap; gap: 8px;\">\n              <span style=\"border: 1px dashed #354F55; border-radius: 4px; padding: 6px 12px; font-size: 13px; color: #748D93;\">+ Application<\/span>\n              <span style=\"border: 1px dashed #354F55; border-radius: 4px; padding: 6px 12px; font-size: 13px; color: #748D93;\">+ Configuration<\/span>\n              <span style=\"border: 1px dashed #354F55; border-radius: 4px; padding: 6px 12px; font-size: 13px; color: #748D93;\">+ Script<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 02 \u2014 Reuse -->\n      <div class=\"pair\">\n        <div class=\"showcase\">\n          <div class=\"showcase-inner\">\n            <div style=\"background: #121D21; border: 1px solid #6EE0F7; border-radius: 8px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px;\">\n              <span style=\"font-size: 15px; font-weight: 600; color: #FFFFFF;\">win11-golden-base<\/span>\n              <span style=\"font-size: 13px; color: #6EE0F7;\">updated once<\/span>\n            <\/div>\n            <div style=\"display: flex; align-items: center; gap: 10px; padding-left: 4px;\">\n              <span style=\"flex: 1; height: 1px; background: #354F55;\"><\/span>\n              <span style=\"font-size: 12px; color: #748D93;\">pushed to all connections<\/span>\n              <span style=\"flex: 1; height: 1px; background: #354F55;\"><\/span>\n            <\/div>\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px;\">\n              <div style=\"background: #121D21; border: 1px solid #354F55; border-radius: 8px; padding: 14px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-size: 14px; font-weight: 600; color: #FFFFFF;\">Azure<\/span><span style=\"font-size: 12px; color: #9EED69;\">in sync<\/span><\/div>\n              <div style=\"background: #121D21; border: 1px solid #354F55; border-radius: 8px; padding: 14px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-size: 14px; font-weight: 600; color: #FFFFFF;\">AWS<\/span><span style=\"font-size: 12px; color: #9EED69;\">in sync<\/span><\/div>\n              <div style=\"background: #121D21; border: 1px solid #354F55; border-radius: 8px; padding: 14px; display: flex; flex-direction: column; gap: 6px;\"><span style=\"font-size: 14px; font-weight: 600; color: #FFFFFF;\">vSphere<\/span><span style=\"font-size: 12px; color: #6EE0F7;\">updating<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"pair-copy\">\n          <span class=\"step-eyebrow\">02 \u2014 Reuse<\/span>\n          <h3>Reusability = efficiency<\/h3>\n          <p>Create your image once and use it anywhere. Update it in one place and XOAP will take care of the rest by pushing changes across all your systems.<\/p>\n          <a href=\"https:\/\/xoap.io\/connector\/\" class=\"btn-link\">On-premises automation with XOAP Connector <i data-lucide=\"arrow-right\"><\/i><\/a>\n        <\/div>\n      <\/div>\n\n      <!-- 03 \u2014 Version -->\n      <div class=\"pair\">\n        <div class=\"pair-copy\">\n          <span class=\"step-eyebrow\">03 \u2014 Version<\/span>\n          <h3>Automatic versioning<\/h3>\n          <p>Keep track of every change. Test new versions, roll back if needed and always know which image is in use.<\/p>\n          <a href=\"https:\/\/xoap.io\/task-scheduling-and-automation\/\" class=\"btn-link\">Scheduling for image build runs <i data-lucide=\"arrow-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"showcase\">\n          <div class=\"showcase-inner\">\n            <div style=\"background: #121D21; border: 1px solid #6EE0F7; border-radius: 8px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px;\">\n              <div style=\"display: flex; flex-direction: column; gap: 4px;\"><span style=\"font-size: 15px; font-weight: 600; color: #FFFFFF;\">v1.4<\/span><span style=\"font-size: 13px; color: #D0DBDD;\">October patch level, Edge 129<\/span><\/div>\n              <span style=\"background: rgba(110,224,247,0.14); color: #6EE0F7; font-size: 12px; font-weight: 600; padding: 5px 10px; border-radius: 4px;\">in use<\/span>\n            <\/div>\n            <div style=\"background: #121D21; border: 1px solid #354F55; border-radius: 8px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px;\">\n              <div style=\"display: flex; flex-direction: column; gap: 4px;\"><span style=\"font-size: 15px; font-weight: 600; color: #FFFFFF;\">v1.3<\/span><span style=\"font-size: 13px; color: #748D93;\">FSLogix settings added<\/span><\/div>\n              <span style=\"font-size: 13px; color: #D0DBDD;\">Roll back<\/span>\n            <\/div>\n            <div style=\"background: #121D21; border: 1px solid #354F55; border-radius: 8px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px;\">\n              <div style=\"display: flex; flex-direction: column; gap: 4px;\"><span style=\"font-size: 15px; font-weight: 600; color: #FFFFFF;\">v1.2<\/span><span style=\"font-size: 13px; color: #748D93;\">Initial build<\/span><\/div>\n              <span style=\"font-size: 13px; color: #D0DBDD;\">Roll back<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 04 \u2014 Secure -->\n      <div class=\"pair\">\n        <div class=\"showcase\">\n          <div class=\"showcase-inner\">\n            <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 12px;\">\n              <span style=\"font-size: 15px; font-weight: 600; color: #FFFFFF;\">Approved image baselines<\/span>\n              <span style=\"font-size: 12px; color: #748D93;\">last scan 4 min ago<\/span>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n              <div style=\"display: flex; justify-content: space-between; font-size: 14px; color: #D0DBDD;\"><span>CIS<\/span><span style=\"color: #FFFFFF; font-weight: 600;\">98%<\/span><\/div>\n              <div style=\"height: 6px; border-radius: 3px; background: #1C2A2E;\"><div style=\"width: 98%; height: 6px; border-radius: 3px; background: #6EE0F7;\"><\/div><\/div>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n              <div style=\"display: flex; justify-content: space-between; font-size: 14px; color: #D0DBDD;\"><span>STIG<\/span><span style=\"color: #FFFFFF; font-weight: 600;\">94%<\/span><\/div>\n              <div style=\"height: 6px; border-radius: 3px; background: #1C2A2E;\"><div style=\"width: 94%; height: 6px; border-radius: 3px; background: #6EE0F7;\"><\/div><\/div>\n            <\/div>\n            <div style=\"display: flex; flex-direction: column; gap: 8px;\">\n              <div style=\"display: flex; justify-content: space-between; font-size: 14px; color: #D0DBDD;\"><span>SiSyPHuS<\/span><span style=\"color: #FFFFFF; font-weight: 600;\">87%<\/span><\/div>\n              <div style=\"height: 6px; border-radius: 3px; background: #1C2A2E;\"><div style=\"width: 87%; height: 6px; border-radius: 3px; background: #6EE0F7;\"><\/div><\/div>\n            <\/div>\n            <div style=\"background: #121D21; border: 1px solid #354F55; border-radius: 8px; padding: 12px 14px; font-size: 13px; color: #D0DBDD;\">All running systems rebuilt from approved images.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"pair-copy\">\n          <span class=\"step-eyebrow\">04 \u2014 Secure<\/span>\n          <h3>Security and compliance<\/h3>\n          <p>Use trusted, approved images. Make updates once and apply them everywhere to stay consistent and meet security standards.<\/p>\n          <a href=\"https:\/\/xoap.io\/solution-security-compliance\/\" class=\"btn-link\">STIG, CIS, SiSyPHuS and more <i data-lucide=\"arrow-right\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Pricing \/ setup-help cards -->\n    <div class=\"setup-cards\">\n      <div class=\"setup-card\">\n        <div style=\"background: #121D21; border: 1px solid #354F55; border-radius: 8px; padding: 18px; display: flex; flex-direction: column; gap: 14px;\">\n          <div style=\"display: flex; align-items: baseline; gap: 8px;\"><span style=\"font-size: 28px; font-weight: 700; color: #6EE0F7;\">\u20ac99<\/span><span style=\"font-size: 14px; color: #748D93;\">per module, per month<\/span><\/div>\n          <div style=\"height: 1px; background: #354F55;\"><\/div>\n          <div style=\"display: flex; justify-content: space-between; font-size: 14px; color: #D0DBDD;\"><span>Users in workspace<\/span><span style=\"color: #FFFFFF; font-weight: 600;\">unlimited<\/span><\/div>\n          <div style=\"display: flex; justify-content: space-between; font-size: 14px; color: #D0DBDD;\"><span>Additional systems<\/span><span style=\"color: #FFFFFF; font-weight: 600;\">\u20ac5.99 per system<\/span><\/div>\n        <\/div>\n        <h3 style=\"font-size: 24px; line-height: 32px; font-weight: 700;\">No per-user costs<\/h3>\n        <p style=\"font-size: 16px; line-height: 26px; color: #D0DBDD; text-wrap: pretty;\">One XOAP Workspace, unlimited users. Fixed and reliable <a href=\"https:\/\/xoap.io\/pricing-and-features\/\" class=\"inline-link\">pricing<\/a> helps you rationalize spending and plan costs well in advance. Only pay extra for additional systems \u2013 if and when you need them.<\/p>\n        <a href=\"https:\/\/xoap.io\/comparing-azure-vm-image-builder-and-xoap\/\" class=\"btn-link\">Compare: XOAP vs Azure VM Image Builder <i data-lucide=\"arrow-right\"><\/i><\/a>\n      <\/div>\n      <div class=\"setup-card\">\n        <div style=\"background: #121D21; border: 1px solid #354F55; border-radius: 8px; padding: 18px; display: flex; flex-direction: column; gap: 12px;\">\n          <div style=\"display: flex; align-items: center; gap: 10px; font-size: 14px; color: #D0DBDD;\"><span style=\"width: 20px; height: 20px; border-radius: 50%; background: #6EE0F7; color: #102428; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink:0;\">1<\/span>Connect your infrastructure<\/div>\n          <div style=\"display: flex; align-items: center; gap: 10px; font-size: 14px; color: #D0DBDD;\"><span style=\"width: 20px; height: 20px; border-radius: 50%; background: #6EE0F7; color: #102428; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink:0;\">2<\/span>Set up the image pipeline<\/div>\n          <div style=\"display: flex; align-items: center; gap: 10px; font-size: 14px; color: #D0DBDD;\"><span style=\"width: 20px; height: 20px; border-radius: 50%; border: 1px solid #354F55; color: #748D93; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink:0;\">3<\/span>Hand over, with support<\/div>\n        <\/div>\n        <h3 style=\"font-size: 24px; line-height: 32px; font-weight: 700;\">Setup help available<\/h3>\n        <p style=\"font-size: 16px; line-height: 26px; color: #D0DBDD; text-wrap: pretty;\">Avoid self-service hassle and start automating your image builds ASAP. We can connect your infrastructure to XOAP, set up the image pipeline and keep supporting you along the way. <a href=\"https:\/\/calendly.com\/xoap\/image-build-doneforyou\" class=\"inline-link\">Schedule the setup<\/a><\/p>\n        <a href=\"https:\/\/xoap.io\/connector\/\" class=\"btn-link\">On-premises automation with XOAP Connector <i data-lucide=\"arrow-right\"><\/i><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\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-0d3c1f0 e-flex e-con-boxed e-con e-parent\" data-id=\"0d3c1f0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39b7a1d elementor-widget elementor-widget-html\" data-id=\"39b7a1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- width:100vw + the negative margins\/left:50% break this section out of Elementor's boxed column width so the light background runs edge to edge, regardless of how wide the surrounding container is set to. -->\n<style>\n\/* Mobile tuning for this section only \u2014 the 52px heading and 40px card padding are fine at desktop width but overwhelm a phone screen, so we scale them down under the site's existing 700px breakpoint. !important is required here because these are overriding inline styles. *\/\n@media(max-width:700px){\n  .pipeline-heading{font-size:clamp(28px,8vw,36px) !important;line-height:1.15 !important;}\n  .pipeline-lede{font-size:16px !important;line-height:24px !important;}\n  .pipeline-card-inner{padding:24px !important;gap:16px !important;}\n  .pipeline-card-head{flex-wrap:wrap !important;row-gap:8px !important;}\n  .pipeline-legend{gap:24px !important;margin-top:40px !important;}\n}\n<\/style>\n<section data-pad=\"full\" style=\"background:#F3F6F7;color:#101F28;padding:160px 32px;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw\">\n  <div style=\"max-width:1200px;margin:0 auto\">\n    <div style=\"max-width:760px;margin:0 auto;text-align:center\">\n      <div style=\"font-size:12px;font-weight:600;letter-spacing:6.56px;text-transform:uppercase;color:#FABD2E;margin-bottom:20px\">Step by step<\/div>\n      <h2 class=\"pipeline-heading\" style=\"margin:0;font-size:52px;line-height:60px;font-weight:700;letter-spacing:-0.032em;color:#101F28;text-wrap:balance\">Your image build workflow in one view<\/h2>\n      <p class=\"pipeline-lede\" style=\"margin:20px 0 0;font-size:18px;line-height:28px;color:#476166;text-wrap:pretty\">A few steps is all it takes to manage your entire machine image lifecycle.<\/p>\n    <\/div>\n\n    <div style=\"margin-top:56px;border-radius:16px;overflow:hidden;border:1px solid #D0DBDD;background:#fff;position:relative\">\n      <div class=\"pipeline-card-inner\" style=\"padding:40px;display:flex;flex-direction:column;gap:24px;background:#fff\">\n        <div class=\"pipeline-card-head\" style=\"display:flex;align-items:center;gap:10px\">\n          <span style=\"font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#667F85\">Image build pipeline<\/span>\n          <span style=\"margin-left:auto;padding:5px 12px;border-radius:34px;border:1px solid #D0DBDD;font-size:12px;color:#476166;white-space:nowrap\">5 connections \u00b7 12 definitions<\/span>\n        <\/div>\n        <div style=\"flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;align-items:start\">\n\n          <div style=\"display:flex;flex-direction:column;gap:10px;min-height:0\">\n            <div style=\"display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #6EE0F7\">\n              <span style=\"font-size:12px;font-weight:700;color:#FABD2E\">01<\/span>\n              <span style=\"font-size:13px;font-weight:700;color:#101F28\">Create<\/span>\n              <span style=\"margin-left:auto;font-size:12px;color:#748D93\">2<\/span>\n            <\/div>\n            <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n              <div style=\"font-size:12px;font-weight:600;color:#101F28\">win11-golden-base<\/div>\n              <div style=\"font-size:11px;color:#748D93;margin-top:4px\">Azure \u00b7 no code<\/div>\n            <\/div>\n            <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n              <div style=\"font-size:12px;font-weight:600;color:#101F28\">rds-server-2022<\/div>\n              <div style=\"font-size:11px;color:#748D93;margin-top:4px\">vSphere<\/div>\n            <\/div>\n          <\/div>\n\n          <div style=\"display:flex;flex-direction:column;gap:10px;min-height:0\">\n            <div style=\"display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #6EE0F7\">\n              <span style=\"font-size:12px;font-weight:700;color:#FABD2E\">02<\/span>\n              <span style=\"font-size:13px;font-weight:700;color:#101F28\">Build<\/span>\n              <span style=\"margin-left:auto;font-size:12px;color:#748D93\">2<\/span>\n            <\/div>\n            <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n              <div style=\"font-size:12px;font-weight:600;color:#101F28\">Run #418<\/div>\n              <div style=\"font-size:11px;color:#3B7C0F;margin-top:4px\">succeeded in 21 min<\/div>\n            <\/div>\n            <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n              <div style=\"font-size:12px;font-weight:600;color:#101F28\">Run #419<\/div>\n              <div style=\"font-size:11px;color:#748D93;margin-top:4px\">queued<\/div>\n            <\/div>\n          <\/div>\n\n          <div style=\"display:flex;flex-direction:column;gap:10px;min-height:0\">\n            <div style=\"display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #6EE0F7\">\n              <span style=\"font-size:12px;font-weight:700;color:#FABD2E\">03<\/span>\n              <span style=\"font-size:13px;font-weight:700;color:#101F28\">Extend<\/span>\n              <span style=\"margin-left:auto;font-size:12px;color:#748D93\">2<\/span>\n            <\/div>\n            <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n              <div style=\"font-size:12px;font-weight:600;color:#101F28\">M365 Apps<\/div>\n              <div style=\"font-size:11px;color:#748D93;margin-top:4px\">PSADT package<\/div>\n            <\/div>\n            <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n              <div style=\"font-size:12px;font-weight:600;color:#101F28\">CIS hardening<\/div>\n              <div style=\"font-size:11px;color:#748D93;margin-top:4px\">DSC configuration<\/div>\n            <\/div>\n          <\/div>\n\n          <div style=\"display:flex;flex-direction:column;gap:10px;min-height:0\">\n            <div style=\"display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #6EE0F7\">\n              <span style=\"font-size:12px;font-weight:700;color:#FABD2E\">04<\/span>\n              <span style=\"font-size:13px;font-weight:700;color:#101F28\">Schedule<\/span>\n              <span style=\"margin-left:auto;font-size:12px;color:#748D93\">2<\/span>\n            <\/div>\n            <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n              <div style=\"font-size:12px;font-weight:600;color:#101F28\">Monthly rebuild<\/div>\n              <div style=\"font-size:11px;color:#748D93;margin-top:4px\">every 1st, 02:00<\/div>\n            <\/div>\n            <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n              <div style=\"font-size:12px;font-weight:600;color:#101F28\">Patch trigger<\/div>\n              <div style=\"font-size:11px;color:#748D93;margin-top:4px\">on release<\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"pipeline-legend\" style=\"margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px\">\n      <div style=\"border-top:2px solid #6EE0F7;padding-top:20px\">\n        <h4 style=\"margin:0 0 10px;font-size:20px;line-height:28px;font-weight:700;color:#101F28\">Create<\/h4>\n        <p style=\"margin:0;font-size:15px;line-height:24px;color:#476166;text-wrap:pretty\">custom machine images without writing code for Azure, AWS, GCP, VMware and Nutanix.<\/p>\n      <\/div>\n      <div style=\"border-top:2px solid #6EE0F7;padding-top:20px\">\n        <h4 style=\"margin:0 0 10px;font-size:20px;line-height:28px;font-weight:700;color:#101F28\">Build<\/h4>\n        <p style=\"margin:0;font-size:15px;line-height:24px;color:#476166;text-wrap:pretty\">standardized machine image builds across multiple connections.<\/p>\n      <\/div>\n      <div style=\"border-top:2px solid #6EE0F7;padding-top:20px\">\n        <h4 style=\"margin:0 0 10px;font-size:20px;line-height:28px;font-weight:700;color:#101F28\">Extend<\/h4>\n        <p style=\"margin:0;font-size:15px;line-height:24px;color:#476166;text-wrap:pretty\">the machine image build with custom scripts, configurations and applications.<\/p>\n      <\/div>\n      <div style=\"border-top:2px solid #6EE0F7;padding-top:20px\">\n        <h4 style=\"margin:0 0 10px;font-size:20px;line-height:28px;font-weight:700;color:#101F28\">Schedule<\/h4>\n        <p style=\"margin:0;font-size:15px;line-height:24px;color:#476166;text-wrap:pretty\">any of the steps above, as many times as you want, for a truly automated experience.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\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-69909b6 e-flex e-con-boxed e-con e-parent\" data-id=\"69909b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c91dd39 elementor-widget elementor-widget-html\" data-id=\"c91dd39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SNIPPET 05 \u2014 Mid CTA\n  ======================\n-->\n<style>\n\/* Elementor\/theme overrides *\/\n:root{--bg:#0B1215;--surface:#121D21;--surface-2:#0F1A1F;--border:#23343A;--border-soft:#1B2A30;--text:#fff;--text-2:#D0DBDD;--text-3:#8FA6AB;--text-4:#5A7278;--accent:#59CA53;--accent-soft:#9EED69;--primary:#6EE0F7;--primary-dark:#58B3C6;--container:1200px;}\nh1,h2,h3,h4,.elementor h1,.elementor h2,.elementor h3,.elementor h4{font-family:'Inter','Helvetica Neue',Arial,sans-serif !important;color:#fff;}\np,span,div,a{font-family:'Inter','Helvetica Neue',Arial,sans-serif;}\n.wrap{max-width:var(--container);margin:0 auto;padding:0 32px;}\n@media(max-width:600px){.wrap{padding:0 20px;}}\n.eyebrow{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:6.56px;text-transform:uppercase;color:#6EE0F7;font-weight:600;display:inline-block;}\n.lede{font-size:19px;line-height:1.55;color:var(--text-2);max-width:60ch;}\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:4px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;text-decoration:none;font-family:inherit;white-space:nowrap;}\n.btn svg,.btn i{width:16px;height:16px;}\n.btn-primary{\n  height: 50px !important;\n  padding: 0 24px !important;\n  gap: 11px !important;\n  font-family: 'Inter', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.005em !important;\n  background: #6EE0F7 !important;\n  color: #0B1215 !important;\n  border: 1px solid #6EE0F7 !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255, 255, 255, 0.55),\n    inset 0 -1px 0 0 rgba(11, 18, 21, 0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16, 1, 0.3, 1),\n    border-color     180ms cubic-bezier(0.16, 1, 0.3, 1),\n    color            180ms cubic-bezier(0.16, 1, 0.3, 1),\n    box-shadow       180ms cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n.btn-primary:hover{\n  background: #FFFFFF !important;\n  border-color: #6EE0F7 !important;\n  color: #476166 !important;\n  box-shadow: none !important;\n}\n.btn-demo{\n  height: 50px !important;\n  padding: 0 24px !important;\n  gap: 11px !important;\n  font-family: 'Inter', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.005em !important;\n  white-space: nowrap !important;\n  background: #FFFFFF !important;\n  color: #0B1215 !important;\n  border: 1px solid #FFFFFF !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255, 255, 255, 1),\n    inset 0 -1px 0 0 rgba(0, 0, 0, 0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16, 1, 0.3, 1),\n    border-color     180ms cubic-bezier(0.16, 1, 0.3, 1),\n    color            180ms cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n.btn-demo:hover{\n  background: #F3F6F7 !important;\n  border-color: #F3F6F7 !important;\n  color: #0B1215 !important;\n}\n.btn-ghost{background:transparent;color:#D0DBDD;border-color:#D0DBDD;}\n.btn-ghost:hover{background:rgba(208,219,221,0.08);}\n.btn-link{color:#6EE0F7 !important;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-bottom:1px solid rgba(110,224,247,0.25);padding-bottom:1px;transition:color .15s,border-color .15s;}\n.btn-link svg,.btn-link i{width:14px;height:14px;transition:transform .15s;}\n.btn-link:hover{color:#fff !important;border-bottom-color:rgba(255,255,255,0.4);}\n.btn-link:hover svg,.btn-link:hover i{transform:translateX(3px);}\nsection.section{padding:120px 0;}\nsection.section.alt{background:var(--surface-2);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);}\n.section-head{max-width:780px;margin:0 auto 56px;text-align:center;}\n.section-head.left{text-align:left;margin-left:0;}\n.section-head .eyebrow{margin-bottom:18px;}\n.section-head h2{margin:0 0 16px;}\n.section-head .lede{margin:0 auto;}\n.section-head.left .lede{margin:0;}\nh2 em{font-style:normal;font-weight:800;background:linear-gradient(95deg,#D54754 0%,#EB5C19 22%,#FABD2E 44%,#59CA53 66%,#6EE0F7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}\n@media(max-width:860px){section.section{padding:80px 0;}}\n<\/style>\n<style>\n.mid-cta{padding:96px 0;text-align:center;position:relative;overflow:hidden;}\n.mid-cta::before{content:\"\";position:absolute;left:50%;top:50%;width:1100px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(110,224,247,0.08),transparent 70%);pointer-events:none;}\n.mid-cta-inner{position:relative;max-width:720px;margin:0 auto;}\n.mid-cta h2{margin:0 0 16px;}\n.mid-cta p{color:var(--text-2);font-size:19px;margin:0 0 28px;}\n.mid-cta .acts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}\n<\/style>\n<section class=\"mid-cta\">\n  <div class=\"wrap mid-cta-inner\">\n    <h2>Get started with XOAP in just a few clicks<\/h2>\n    <p>See XOAP in action without commitment. Free account, no credit card required.<\/p>\n    <div class=\"acts\">\n      <a href=\"https:\/\/auth.xoap.io\/auth\/realms\/my.xoap.io\/protocol\/openid-connect\/registrations?client_id=portal&response_type=code&scope=openid%20email&redirect_uri=https:\/\/my.xoap.io&kc_locale=en\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n        <i data-lucide=\"user-plus\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Start for free\n      <\/a>\n      <a href=\"https:\/\/calendly.com\/xoap\/30min\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-demo\">\n        <i data-lucide=\"move-right\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Book a demo\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\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-24e8a99 e-flex e-con-boxed e-con e-parent\" data-id=\"24e8a99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d408ca3 elementor-widget elementor-widget-html\" data-id=\"d408ca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- XOAP \u2014 Image Management: \"Unified image automation experience\" capability grid (6 cards) -->\n<style>\n\/* Mobile tuning: the 6-column capability grid and its 52px heading are\n   tuned for desktop; on a phone the spans (4\/2\/2\/4\/3\/3 of 6) squeeze every\n   card down to a sliver, so on mobile every card is forced to the full\n   grid width (span 6) and stacks into one column instead. *\/\n@media(max-width:700px){\n  .cap-section{padding:64px 20px !important;}\n  .cap-heading{font-size:clamp(26px,7.5vw,34px) !important;line-height:1.15 !important;}\n  .cap-lede{font-size:16px !important;line-height:25px !important;margin-top:16px !important;}\n  .cap-grid{gap:16px !important;margin-top:32px !important;}\n  .cap-card{grid-column:span 6 !important;padding:24px !important;}\n  .cap-card h4{font-size:19px !important;line-height:26px !important;}\n  .cap-card p{font-size:15px !important;line-height:24px !important;}\n  .cap-card-row{flex-wrap:wrap !important;}\n\n  \/* illustration boxes were pinned to a fixed viewport-relative height via\n     position:absolute + a fixed min-height, which clipped their content on\n     narrow screens where text wraps to extra lines. Let them flow naturally. *\/\n  .cap-illustration{min-height:0 !important;overflow:visible !important;}\n  .cap-illustration-inner{position:static !important;padding:16px !important;}\n  .cap-illustration-inner span[style*=\"flex:1\"],\n  .cap-illustration-inner div[style*=\"flex:1\"]{min-width:0 !important;white-space:normal !important;}\n}\n<\/style>\n<section class=\"cap-section\" data-pad=\"full\" style=\"padding:160px 32px\">\n  <div style=\"max-width:1200px;margin:0 auto\">\n    <div style=\"max-width:820px;margin:0 auto;text-align:center\">\n      <span class=\"eyebrow\" style=\"margin-bottom:20px;display:inline-block\">All the capabilities you need<\/span>\n      <h2 class=\"cap-heading\" style=\"margin:0;font-size:52px;line-height:60px;font-weight:700;letter-spacing:-0.032em;color:#fff;text-wrap:balance\">Unified image automation experience<\/h2>\n      <p class=\"cap-lede\" style=\"margin:24px 0 0;font-size:18px;line-height:28px;color:#D0DBDD;text-wrap:pretty\">You only need one platform to create machine images, connect your favorite tools and deploy across multiple clouds and hybrid IT infrastructures.<\/p>\n    <\/div>\n\n    <div class=\"cap-grid\" style=\"margin-top:56px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px\">\n\n      <!-- Machine build templates \u2014 span 4 -->\n      <div class=\"cap-card\" style=\"grid-column:span 4;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px\">\n        <div>\n          <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">Machine build templates<\/h4>\n          <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Use our pre-made templates for Windows and Linux and customize them for your business. No coding required.<\/p>\n        <\/div>\n        <div class=\"cap-illustration\" style=\"position:relative;flex:1;min-height:250px;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n          <div class=\"cap-illustration-inner\" style=\"position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;gap:10px;justify-content:center\">\n            <div style=\"display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#748D93;margin-bottom:4px\">Templates\n              <span style=\"margin-left:auto;padding:4px 10px;border-radius:4px;background:#E7FAFE;color:#102428;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0\">Add template<\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #354F55;border-radius:6px;background:#121D21\">\n              <span style=\"font-size:12px;color:#fff;flex:1\">Windows Server 2022<\/span>\n              <span style=\"padding:4px 10px;border-radius:4px;border:1px solid #6EE0F7;color:#6EE0F7;font-size:11px;font-weight:600\">Use<\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #354F55;border-radius:6px;background:#121D21\">\n              <span style=\"font-size:12px;color:#fff;flex:1\">Windows 11 23H2<\/span>\n              <span style=\"padding:4px 10px;border-radius:4px;border:1px solid #6EE0F7;color:#6EE0F7;font-size:11px;font-weight:600\">Use<\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #354F55;border-radius:6px;background:#121D21\">\n              <span style=\"font-size:12px;color:#fff;flex:1\">Ubuntu 22.04 LTS<\/span>\n              <span style=\"padding:4px 10px;border-radius:4px;border:1px solid #6EE0F7;color:#6EE0F7;font-size:11px;font-weight:600\">Use<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Cross-platform image automation \u2014 span 2 -->\n      <div class=\"cap-card\" style=\"grid-column:span 2;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px\">\n        <div>\n          <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">Cross-platform image automation<\/h4>\n          <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Deploy machine images to VMware, Nutanix, AWS, Azure and GCP. Don't worry about vendor lock-in.<\/p>\n        <\/div>\n        <div class=\"cap-illustration\" style=\"position:relative;flex:1;min-height:250px;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n          <div class=\"cap-illustration-inner\" style=\"position:absolute;inset:0;padding:20px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px\">\n            <span style=\"padding:7px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD\">Azure<\/span>\n            <span style=\"padding:7px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD\">AWS<\/span>\n            <span style=\"padding:7px 11px;border:1px solid #6EE0F7;border-radius:4px;background:#0C2C41;font-size:11px;color:#fff\">GCP<\/span>\n            <span style=\"padding:7px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD\">VMware<\/span>\n            <span style=\"padding:7px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD\">Nutanix<\/span>\n            <span style=\"padding:7px 11px;border:1px dashed #354F55;border-radius:4px;font-size:11px;color:#748D93;white-space:nowrap\">+ Hyper-V<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Application integration \u2014 span 2 -->\n      <div class=\"cap-card\" style=\"grid-column:span 2;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px\">\n        <div>\n          <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">Application integration<\/h4>\n          <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Customize OS builds by installing software with PowerShell PSADT, Chocolatey or WinGet.<\/p>\n        <\/div>\n        <div class=\"cap-illustration\" style=\"position:relative;flex:1;min-height:250px;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n          <div class=\"cap-illustration-inner\" style=\"position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;gap:0\">\n            <div style=\"display:flex;gap:12px\">\n              <span style=\"width:9px;height:9px;border-radius:50%;background:#6EE0F7;margin-top:4px;flex-shrink:0;display:block\"><\/span>\n              <div style=\"padding-bottom:14px;border-left:1px solid #24373C;margin-left:-16px;padding-left:16px\">\n                <div style=\"font-size:12px;color:#fff;font-weight:600\">PowerShell PSADT<\/div>\n                <div style=\"font-size:11px;color:#748D93\">App packaging<\/div>\n              <\/div>\n            <\/div>\n            <div style=\"display:flex;gap:12px\">\n              <span style=\"width:9px;height:9px;border-radius:50%;background:#354F55;margin-top:4px;flex-shrink:0;display:block\"><\/span>\n              <div style=\"padding-bottom:14px;border-left:1px solid #24373C;margin-left:-16px;padding-left:16px\">\n                <div style=\"font-size:12px;color:#D0DBDD;font-weight:600\">Chocolatey<\/div>\n                <div style=\"font-size:11px;color:#748D93\">Package manager<\/div>\n              <\/div>\n            <\/div>\n            <div style=\"display:flex;gap:12px\">\n              <span style=\"width:9px;height:9px;border-radius:50%;background:#354F55;margin-top:4px;flex-shrink:0;display:block\"><\/span>\n              <div>\n                <div style=\"font-size:12px;color:#D0DBDD;font-weight:600\">WinGet<\/div>\n                <div style=\"font-size:11px;color:#748D93\">Windows package manager<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Desired State Configuration \u2014 span 4 -->\n      <div class=\"cap-card\" style=\"grid-column:span 4;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px\">\n        <div>\n          <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">Desired State Configuration<\/h4>\n          <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Use PowerShell DSC configurations, extended by a flexible and intuitive wizard.<\/p>\n        <\/div>\n        <div class=\"cap-illustration\" style=\"position:relative;flex:1;min-height:250px;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n          <div class=\"cap-illustration-inner\" style=\"position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;gap:10px;justify-content:center\">\n            <div style=\"display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#748D93;margin-bottom:4px\">DSC wizard\n              <span style=\"margin-left:auto;padding:4px 10px;border-radius:4px;background:#E7FAFE;color:#102428;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0\">Add resource<\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #354F55;border-radius:6px;background:#121D21\">\n              <span style=\"font-size:12px;color:#fff;flex:1\">WindowsFeature<\/span>\n              <span style=\"width:32px;height:18px;border-radius:34px;background:#6EE0F7;position:relative;display:block\"><span style=\"position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#102428;display:block\"><\/span><\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #354F55;border-radius:6px;background:#121D21\">\n              <span style=\"font-size:12px;color:#fff;flex:1\">Registry<\/span>\n              <span style=\"width:32px;height:18px;border-radius:34px;background:#6EE0F7;position:relative;display:block\"><span style=\"position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#102428;display:block\"><\/span><\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #354F55;border-radius:6px;background:#121D21\">\n              <span style=\"font-size:12px;color:#D0DBDD;flex:1\">Service<\/span>\n              <span style=\"width:32px;height:18px;border-radius:34px;background:#24373C;position:relative;display:block\"><span style=\"position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#748D93;display:block\"><\/span><\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px dashed #354F55;border-radius:6px\">\n              <span style=\"font-size:12px;color:#748D93;flex:1\">LocalGroupMember<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Third-party integration \u2014 span 3, plain text (no illustration, matching the reference's own plain small card) -->\n      <div class=\"cap-card\" style=\"grid-column:span 3;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px\">\n        <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">Third-party integration<\/h4>\n        <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Integrate Ansible playbooks, PowerShell and Bash scripts into the image creation process for added flexibility across multiple platforms.<\/p>\n      <\/div>\n\n      <!-- API & extensions \u2014 span 3, icon treatment -->\n      <div class=\"cap-card cap-card-row\" style=\"grid-column:span 3;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;gap:24px;align-items:flex-start\">\n        <div>\n          <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">API &amp; extensions<\/h4>\n          <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Access components through our API and automate your entire infrastructure and services.<\/p>\n        <\/div>\n        <div style=\"position:relative;width:96px;height:96px;flex-shrink:0;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n          <div style=\"position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:ui-monospace,monospace\">\n            <span style=\"font-size:26px;font-weight:700;color:#6EE0F7;line-height:1\">{ }<\/span>\n            <span style=\"font-size:10px;color:#748D93\">GraphQL<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\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-2d6996e e-flex e-con-boxed e-con e-parent\" data-id=\"2d6996e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c4bcc9 elementor-widget elementor-widget-html\" data-id=\"9c4bcc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n   XOAP Homepage snippet: 12. Customer Stories (interactive tabs)\n   ============================================================ -->\n<section class=\"section alt\">\n  <div class=\"wrap\" id=\"xoap-stories\">\n    <div class=\"section-head\" style=\"margin-bottom:44px;\">\n      <span class=\"eyebrow\">Customer success stories<\/span>\n      <h2>Delivering value to companies worldwide<\/h2>\n    <\/div>\n    <div class=\"story-tabs\"><button type=\"button\" class=\"story-tab is-active\" data-story-tab=\"0\">KFW DEG \u00b7 System delivery<\/button><button type=\"button\" class=\"story-tab\" data-story-tab=\"1\">LZfD \u00b7 Windows migration<\/button><button type=\"button\" class=\"story-tab\" data-story-tab=\"2\">Nanu-Nana \u00b7 Server automation<\/button><\/div>\n    <div class=\"story-panels\">\n      <div class=\"story-panel is-active\" data-story-panel=\"0\">\n        <div class=\"story-info\">\n          <div class=\"story-chip\"><span class=\"dot\"><\/span><span class=\"name\">KFW DEG Invest<\/span><span class=\"sector\">&middot; Banking<\/span><\/div>\n          <h3>Simplified system management and configuration<\/h3>\n          <p>DEG has accelerated global deployment of Windows client systems with Microsoft Intune in an Azure AD hybrid environment.<\/p>\n          <div class=\"story-tags\"><span class=\"tag\">Windows client<\/span><span class=\"tag\">Microsoft Intune<\/span><span class=\"tag\">Azure AD hybrid<\/span><\/div>\n          <a href=\"https:\/\/xoap.io\/customerstory-deg-invest\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-link\">Read customer success story <i data-lucide=\"arrow-right\" style=\"width:17px;height:17px;\"><\/i><\/a>\n        <\/div>\n        <div class=\"story-side\">\n          <div class=\"story-logo\">DEG Invest<\/div>\n          <div class=\"story-divider\"><\/div>\n          <div class=\"story-quote\"><i data-lucide=\"quote\" style=\"width:22px;height:22px;color:var(--border);flex-shrink:0;\"><\/i><div>One console for every notebook we ship worldwide.<\/div><\/div>\n          <div class=\"story-stats\">\n            <div class=\"story-stat\"><div class=\"v\">Global<\/div><div class=\"l\">Client deployment<\/div><\/div>\n            <div class=\"story-stat\"><div class=\"v\">Hybrid<\/div><div class=\"l\">Azure AD estate<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"story-panel\" data-story-panel=\"1\">\n        <div class=\"story-info\">\n          <div class=\"story-chip\"><span class=\"dot\"><\/span><span class=\"name\">LZfD<\/span><span class=\"sector\">&middot; Public sector<\/span><\/div>\n          <h3>Reduced overall costs and administrative activities<\/h3>\n          <p>With little effort, the State Center for Data Processing \u2013 LZfD implements a forward-looking strategy for the flexible migration to the latest version of the Windows operating system, achieving optimized IT service management.<\/p>\n          <div class=\"story-tags\"><span class=\"tag\">Windows migration<\/span><span class=\"tag\">Cost reduction<\/span><span class=\"tag\">IT service management<\/span><\/div>\n          <a href=\"https:\/\/xoap.io\/customerstory-lzfd\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-link\">Read customer success story <i data-lucide=\"arrow-right\" style=\"width:17px;height:17px;\"><\/i><\/a>\n        <\/div>\n        <div class=\"story-side\">\n          <div class=\"story-logo\">LZfD<\/div>\n          <div class=\"story-divider\"><\/div>\n          <div class=\"story-quote\"><i data-lucide=\"quote\" style=\"width:22px;height:22px;color:var(--border);flex-shrink:0;\"><\/i><div>A forward-looking migration strategy, with little effort.<\/div><\/div>\n          <div class=\"story-stats\">\n            <div class=\"story-stat\"><div class=\"v\">Lower<\/div><div class=\"l\">Admin overhead<\/div><\/div>\n            <div class=\"story-stat\"><div class=\"v\">Latest<\/div><div class=\"l\">Windows OS<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"story-panel\" data-story-panel=\"2\">\n        <div class=\"story-info\">\n          <div class=\"story-chip\"><span class=\"dot\"><\/span><span class=\"name\">Nanu-Nana<\/span><span class=\"sector\">&middot; Retail<\/span><\/div>\n          <h3>Server automation, standardization and hardening<\/h3>\n          <p>Deliver and standardize the complete Windows Remote Desktop Service infrastructure. Upgrade, migrate and reduce complexity with XOAP.<\/p>\n          <div class=\"story-tags\"><span class=\"tag\">RDS infrastructure<\/span><span class=\"tag\">Standardization<\/span><span class=\"tag\">Hardening<\/span><\/div>\n          <a href=\"https:\/\/xoap.io\/customerstory-nanunana\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-link\">Read customer success story <i data-lucide=\"arrow-right\" style=\"width:17px;height:17px;\"><\/i><\/a>\n        <\/div>\n        <div class=\"story-side\">\n          <div class=\"story-logo\">Nanu-Nana<\/div>\n          <div class=\"story-divider\"><\/div>\n          <div class=\"story-quote\"><i data-lucide=\"quote\" style=\"width:22px;height:22px;color:var(--border);flex-shrink:0;\"><\/i><div>The full RDS estate, standardized and hardened.<\/div><\/div>\n          <div class=\"story-stats\">\n            <div class=\"story-stat\"><div class=\"v\">Full<\/div><div class=\"l\">RDS coverage<\/div><\/div>\n            <div class=\"story-stat\"><div class=\"v\">Less<\/div><div class=\"l\">Complexity<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.story-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:36px;}\n.story-tab{height:44px !important;padding:0 20px !important;border-radius:34px !important;font-size:14px !important;font-weight:600 !important;font-family:inherit !important;cursor:pointer;transition:all .15s;background:transparent !important;color:var(--text-2) !important;border:1px solid var(--border) !important;box-shadow:none !important;margin:0 !important;}\n.story-tab.is-active{background:var(--primary) !important;color:#102428 !important;border-color:var(--primary) !important;}\n.story-panels{position:relative;}\n.story-panel{display:none;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;grid-template-columns:1.05fr 1fr;box-shadow:0 30px 80px -50px rgba(110,224,247,0.6);}\n.story-panel.is-active{display:grid;}\n.story-panel::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--primary) 0%,#2c90fc 100%);z-index:2;}\n.story-panel::after{content:\"\";position:absolute;right:-120px;top:-120px;width:420px;height:420px;background:radial-gradient(ellipse at center,rgba(110,224,247,0.16) 0%,transparent 70%);pointer-events:none;z-index:1;}\n.story-info{position:relative;z-index:1;padding:48px 44px;}\n.story-chip{display:inline-flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:34px;padding:8px 16px;margin-bottom:24px;}\n.story-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--primary);}\n.story-chip .name{font-size:13px;font-weight:600;color:#fff;}\n.story-chip .sector{font-size:12px;color:var(--text-4);}\n.story-info h3{font-size:27px;letter-spacing:-0.015em;line-height:1.2;margin:0 0 18px;}\n.story-info p{font-size:16px;line-height:1.65;color:var(--text-2);margin:0 0 26px;}\n.story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}\n.story-info a.btn-link{padding:4px 8px;margin:-4px -8px;border-radius:3px;transition:background-color .15s ease,color .15s ease,border-color .15s ease;}\n.story-info a.btn-link:hover{background:#fff !important;color:#486166 !important;border-bottom-color:transparent !important;}\n.story-info a.btn-link:hover svg,.story-info a.btn-link:hover i{transform:translateX(3px);}\n.story-side{position:relative;z-index:1;background:linear-gradient(180deg,#0C2C41 0%,var(--bg) 100%);border-left:1px solid rgba(110,224,247,0.25);padding:48px 44px;display:flex;flex-direction:column;justify-content:center;gap:20px;}\n.story-logo{font-size:34px;font-weight:800;letter-spacing:-0.01em;color:#fff;line-height:1;}\n.story-divider{height:1px;background:var(--border-soft);}\n.story-quote{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.55;color:var(--text-2);font-style:italic;}\n.story-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;}\n.story-stat{background:linear-gradient(180deg,#0C2C41 0%,var(--bg) 100%);border:1px solid rgba(110,224,247,0.35);border-radius:12px;padding:16px;box-shadow:0 10px 26px -16px rgba(110,224,247,0.5);}\n.story-stat .v{font-size:22px;font-weight:800;color:var(--primary);}\n.story-stat .l{font-size:12px;color:var(--text-4);margin-top:3px;}\n@media(max-width:860px){\n  .story-panel, .story-panel.is-active{grid-template-columns:1fr;}\n  .story-info, .story-side{padding-left:28px !important;padding-right:28px !important;}\n}\n<\/style>\n<script>\n(function(){\n  var root = document.getElementById('xoap-stories');\n  if (!root) return;\n  var tabs = root.querySelectorAll('.story-tab');\n  var panels = root.querySelectorAll('.story-panel');\n  tabs.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var idx = btn.getAttribute('data-story-tab');\n      tabs.forEach(function(b){ b.classList.remove('is-active'); });\n      btn.classList.add('is-active');\n      panels.forEach(function(p){\n        p.classList.toggle('is-active', p.getAttribute('data-story-panel') === idx);\n      });\n    });\n  });\n})();\n<\/script>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\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-1589870 e-flex e-con-boxed e-con e-parent\" data-id=\"1589870\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-400df48 elementor-widget elementor-widget-html\" data-id=\"400df48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n   XOAP Homepage snippet: 5. Module Cards\n   Ported 1:1 from the \"XOAP Module Cards + Platform (standalone)\" reference\n   \u2014 same gradients, same hardcoded icon SVGs, same connector-line structure.\n   ============================================================ -->\n<section class=\"section mc-section\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" style=\"max-width:820px;margin:0 auto 52px;\">\n      <span class=\"eyebrow\" data-xo=\"ovTag\">The platform<\/span>\n      <h2 style=\"margin:14px 0 14px;\" data-xo=\"ovTitle\">One governed platform for your entire hybrid IT estate<\/h2>\n      <p class=\"lede\" data-xo=\"ovBody\">XOAP consolidates Image, Configuration, Application and Platform Management into a single console \u2014 so you standardize how work gets done, prove compliance and cut the cost of running separate tools.<\/p>\n    <\/div>\n    <div class=\"xo-grid\" style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:20px;\">\n      <a class=\"xo-card\" href=\"https:\/\/xoap.io\/application-management\/\" target=\"_blank\" rel=\"noopener\" style=\"border-radius:20px;padding:1.5px;background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);display:block;text-decoration:none;color:inherit;\">\n        <div class=\"modcard-inner\">\n          <div class=\"modcard-icon\" style=\"background:#59CA531F;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#59CA53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line><\/svg><\/div>\n          <h3>Application Management<\/h3>\n          <p>Software and application packaging, deployment and management.<\/p>\n        <\/div>\n      <\/a>\n      <a class=\"xo-card\" href=\"https:\/\/xoap.io\/configuration-management\/\" target=\"_blank\" rel=\"noopener\" style=\"border-radius:20px;padding:1.5px;background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);display:block;text-decoration:none;color:inherit;\">\n        <div class=\"modcard-inner\">\n          <div class=\"modcard-icon\" style=\"background:#00A1E61F;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A1E6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg><\/div>\n          <h3>Configuration Management<\/h3>\n          <p>Windows system and configuration management across environments.<\/p>\n        <\/div>\n      <\/a>\n      <a class=\"xo-card\" href=\"https:\/\/xoap.io\/image-management\" target=\"_blank\" rel=\"noopener\" style=\"border-radius:20px;padding:1.5px;background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);display:block;text-decoration:none;color:inherit;\">\n        <div class=\"modcard-inner\">\n          <div class=\"modcard-icon\" style=\"background:#FABD2E1F;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FABD2E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg><\/div>\n          <h3>Image Management<\/h3>\n          <p>Customized machine image build pipelines for multiple platforms and accounts.<\/p>\n        <\/div>\n      <\/a>\n      <a class=\"xo-card\" href=\"https:\/\/xoap.io\/platform-management\" target=\"_blank\" rel=\"noopener\" style=\"border-radius:20px;padding:1.5px;background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);display:block;text-decoration:none;color:inherit;\">\n        <div class=\"modcard-inner\">\n          <div class=\"modcard-icon\" style=\"background:#EB5C191F;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EB5C19\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"><\/path><\/svg><\/div>\n          <h3>Platform Management<\/h3>\n          <p>Automating infrastructure and workplaces across platforms and subscriptions.<\/p>\n        <\/div>\n      <\/a>\n    <\/div>\n    <div style=\"position:relative;\">\n      <div class=\"mc-lines\">\n        <div class=\"mc-line mc-line-side\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:30px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div><div class=\"mc-line mc-line-side\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:30px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div><div class=\"mc-line mc-line-side\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:30px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div><div class=\"mc-line mc-line-side\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:30px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div>\n      <\/div>\n      <div class=\"mc-joiner\" style=\"background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);\"><\/div>\n      <div class=\"mc-connector\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:26px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div>\n      <div class=\"mc-hub-wrap\">\n        <div class=\"mc-hub\" style=\"background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);\">\n          <div class=\"mc-hub-inner\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 260 260\" fill=\"none\"><path d=\"M173.333 173.333V195C173.333 200.746 171.051 206.257 166.987 210.321C162.924 214.384 157.413 216.667 151.667 216.667H65C59.2537 216.667 53.7427 214.384 49.6794 210.321C45.6161 206.257 43.3333 200.746 43.3333 195V108.333C43.3333 102.587 45.6161 97.0759 49.6794 93.0126C53.7427 88.9493 59.2537 86.6666 65 86.6666H86.6667M173.333 173.333H195C200.746 173.333 206.257 171.051 210.321 166.987C214.384 162.924 216.667 157.413 216.667 151.667V64.9999C216.667 59.2536 214.384 53.7426 210.321 49.6793C206.257 45.616 200.746 43.3333 195 43.3333H108.333C102.587 43.3333 97.076 45.616 93.0127 49.6793C88.9494 53.7426 86.6667 59.2536 86.6667 64.9999V86.6666M173.333 173.333V151.667M173.333 173.333H151.667M86.6667 86.6666H108.333M86.6667 86.6666V108.333M86.6667 151.667V173.333H108.333M151.667 86.6666H173.333V108.333\" stroke=\"#F04D5C\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mc-preview\">\n        <div class=\"mc-preview-bg\"><\/div>\n        <div class=\"mc-glow\"><\/div>\n        <div class=\"mc-preview-content\">\n          <div class=\"mc-iconcaps\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#59CA53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line><\/svg><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A1E6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FABD2E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EB5C19\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"><\/path><\/svg><\/div>\n          <div class=\"mc-skeleton\">\n            <div class=\"mc-skeleton-bar\" style=\"width:100%;\"><\/div>\n            <div class=\"mc-skeleton-bar\" style=\"width:82%;\"><\/div>\n            <div class=\"mc-skeleton-bar\" style=\"width:90%;\"><\/div>\n            <div class=\"mc-skeleton-bar\" style=\"width:68%;\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.mc-section{padding:120px 0;}\n.modcard-inner{background:var(--bg);border-radius:19px;padding:32px 22px;text-align:center;height:100%;box-sizing:border-box;}\n.modcard-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;margin:0 auto 20px;}\n.xo-card{transition:transform .2s,box-shadow .2s;}\n.xo-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px -20px rgba(110,224,247,0.6);}\n.xo-card h3{font-size:19px;font-weight:700;margin:0 0 12px;letter-spacing:-0.01em;color:var(--text) !important;}\n.xo-card p{font-size:14px;line-height:1.6;color:var(--text-2) !important;margin:0;}\n\/* Defend against theme wildcard `a:hover *{color:...}` rules turning the\n   card text white on hover. *\/\n.xo-card:hover h3{color:var(--text) !important;}\n.xo-card:hover p{color:var(--text-2) !important;}\n@media (max-width:900px){.xo-grid{grid-template-columns:repeat(2,1fr) !important;}}\n@media (max-width:560px){.xo-grid{grid-template-columns:1fr !important;}}\n\n\/* Flow diagram \/ console preview illustration below the cards. Fluid\n   (clamp-based) sizing so the hub, glow and preview box scale down smoothly\n   instead of staying desktop-fixed and feeling cramped on narrow screens. *\/\n.mc-lines{display:grid;grid-template-columns:repeat(4,1fr);}\n.mc-joiner{height:2px;margin:0 12.5%;box-shadow:0 0 14px rgba(110,224,247,0.45);}\n.mc-hub-wrap{display:flex;justify-content:center;position:relative;z-index:3;}\n.mc-hub{width:clamp(46px,13vw,66px);height:clamp(46px,13vw,66px);border-radius:15px;padding:1.5px;box-shadow:0 0 46px -6px rgba(110,224,247,0.55);}\n.mc-hub-inner{width:100%;height:100%;border-radius:14px;background:var(--bg);display:grid;place-items:center;}\n.mc-hub-inner svg{width:clamp(22px,6vw,32px);height:clamp(22px,6vw,32px);}\n.mc-preview{position:relative;margin:clamp(-22px,-3.5vw,-34px) auto 0;max-width:940px;height:clamp(210px,42vw,300px);z-index:1;}\n.mc-preview-bg{position:absolute;inset:0;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);background:linear-gradient(180deg,#0F1B20 0%,var(--bg) 100%);border-top:1px solid var(--border);}\n.mc-glow{position:absolute;left:50%;top:clamp(-24px,-6vw,-40px);width:clamp(300px,60vw,640px);height:clamp(190px,34vw,360px);transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(110,224,247,0.14) 0%,transparent 65%);pointer-events:none;}\n.mc-preview-content{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:clamp(30px,10vw,64px);gap:clamp(12px,3vw,20px);}\n.mc-iconcaps{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,4vw,26px);align-items:center;padding:clamp(9px,2.2vw,14px) clamp(14px,4vw,26px);background:rgba(11,18,21,0.6);border:1px solid var(--border-soft);border-radius:14px;}\n.mc-iconcaps svg{width:clamp(18px,4.5vw,24px);height:clamp(18px,4.5vw,24px);}\n.mc-skeleton{width:min(80%,480px);display:flex;flex-direction:column;gap:clamp(6px,1.8vw,9px);opacity:.55;}\n.mc-skeleton-bar{height:clamp(6px,1.8vw,9px);border-radius:5px;background:var(--border-soft);}\n\n@media (max-width:600px){\n  .mc-section{padding:64px 0;}\n  .mc-line-side{display:none;}\n  .mc-joiner{display:none;}\n  .mc-connector{display:none;}\n  .mc-hub-wrap{margin-top:36px;}\n}\n<\/style>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\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-17cbee6 e-flex e-con-boxed e-con e-parent\" data-id=\"17cbee6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-104842a elementor-widget elementor-widget-html\" data-id=\"104842a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.end-cta-bg-word { display: none !important; }\n<\/style>\n<style>\n.end-cta-content {\n  max-width: 1100px !important;\n  margin: 0 auto !important;\n}\n<\/style>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n<style>\n*{box-sizing:border-box;}\nhtml,body{margin:0;padding:0;background:#0B1215;color:#fff;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;}\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:4px;font-weight:600;font-size:15px;border:1px solid transparent;transition:background .2s ease,border-color .2s ease;cursor:pointer;text-decoration:none;}\n.btn-primary{background:#6EE0F7;color:#102428;border-color:#6EE0F7;}\n.btn-primary:hover{background:#58B3C6;border-color:#58B3C6;}\n.end-cta{position:relative;padding:80px 24px 80px;}\n.end-cta-inner{\n  position:relative;\n  max-width:100% !important;\n  margin:0 !important;\n  padding:96px 64px !important;\n  border-radius:8px !important;\n  background:\n    radial-gradient(ellipse 70% 90% at 100% 0%, rgba(110,224,247,0.10) 0%, transparent 60%),\n    radial-gradient(ellipse 60% 100% at 0% 100%, rgba(110,224,247,0.06) 0%, transparent 65%),\n    linear-gradient(180deg,#13202A 0%,#0D1820 100%) !important;\n  border:1px solid #2A4047 !important;\n  overflow:hidden !important;\n}\n.end-cta-inner::after {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border-radius:8px;\n  padding:1px;\n  background:linear-gradient(120deg,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);\n  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  pointer-events:none;\n}\n.end-cta-bg-word{\n  position:absolute;left:-1vw;top:-20px;\n  font-size:clamp(120px,16vw,240px);font-weight:800;letter-spacing:-0.04em;line-height:0.85;\n  color:transparent;\n  -webkit-text-stroke:1px rgba(110,224,247,0.08);\n  pointer-events:none;user-select:none;white-space:nowrap;\n  z-index:0;\n}\n.end-cta-content{\n  position:relative;z-index:1;\n  display:grid;\n  grid-template-columns:minmax(0,1fr) auto;\n  gap:64px;align-items:end;\n}\n.end-cta-tag{\n  display:inline-flex;align-items:center;gap:10px;\n  font-family:'JetBrains Mono','SF Mono',Menlo,Consolas,monospace;\n  font-size:12px;letter-spacing:1.2px;color:#6EE0F7;\n  margin:0 0 28px;padding:6px 12px;\n  background:rgba(110,224,247,0.08);\n  border:1px solid rgba(110,224,247,0.25);\n  border-radius:100px;\n  text-transform:uppercase;\n}\n.end-cta-tag::before{content:\"\";width:6px;height:6px;border-radius:50%;background:#6EE0F7;box-shadow:0 0 10px #6EE0F7;}\n.end-cta-text h2{\n  font-size:clamp(36px,5.4vw,60px);\n  font-weight:800;letter-spacing:-0.034em;line-height:0.98;color:#fff;margin:0 0 28px;\n  font-family:'Inter','Helvetica Neue',Arial,sans-serif !important;\n}\n.end-cta-text h2 .accent{\n  color:transparent;\n  background:linear-gradient(120deg,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);\n  -webkit-background-clip:text;background-clip:text;\n  font-style:italic;\n}\n.end-cta-text p{color:#A8BCC0;font-size:16px;line-height:1.55;margin:0;max-width:520px;}\n.end-cta-side{display:flex;flex-direction:column;gap:24px;padding-bottom:8px;align-items:flex-start;}\n.end-cta-side .btn{height:50px;padding:0 22px;font-size:16px;font-weight:700;letter-spacing:-0.005em;}\n.end-cta-meta{font-size:12px;color:#748D93;display:inline-flex;align-items:center;gap:8px;}\n.end-cta-meta svg{width:14px;height:14px;color:#6EE0F7;}\n.end-cta-meta b{color:#D0DBDD;font-weight:600;}\n\/* Button *\/\n.end-cta-side .btn-primary {\n  background:#6EE0F7 !important;\n  color:#0B1215 !important;\n  border:1px solid #6EE0F7 !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255,255,255,0.55),\n    inset 0 -1px 0 0 rgba(11,18,21,0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16,1,0.3,1),\n    border-color     180ms cubic-bezier(0.16,1,0.3,1),\n    color            180ms cubic-bezier(0.16,1,0.3,1),\n    box-shadow       180ms cubic-bezier(0.16,1,0.3,1) !important;\n}\n.end-cta-side .btn-primary:hover {\n  background:#FFFFFF !important;\n  border-color:#6EE0F7 !important;\n  color:#476166 !important;\n  box-shadow:none !important;\n}\n@media (max-width:860px){\n  .end-cta{padding:40px 16px 96px;}\n  .end-cta-inner{padding:44px 32px !important;}\n  .end-cta-content{grid-template-columns:1fr;gap:32px;align-items:start;}\n}\n<\/style>\n<section class=\"end-cta\">\n  <div class=\"end-cta-inner\">\n    <div class=\"end-cta-bg-word\" aria-hidden=\"true\">XOAP<\/div>\n    <div class=\"end-cta-content\">\n      <div class=\"end-cta-text\">\n        <span class=\"end-cta-tag\" data-xo=\"endTag\">Image management, automated<\/span>\n        <h2><span data-xo=\"endTitlePre\">Build once.<\/span> <span class=\"accent\" data-xo=\"endTitleHi\">Deploy everywhere.<\/span><\/h2>\n        <p data-xo=\"endBody\">Build, version and roll out machine images across your entire hybrid IT infrastructure \u2013 no-code, fully automated, and consistent across Azure, AWS, GCP, VMware and Nutanix.<\/p>\n      <\/div>\n      <div class=\"end-cta-side\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/auth.xoap.io\/auth\/realms\/my.xoap.io\/protocol\/openid-connect\/registrations?client_id=portal&response_type=code&scope=openid%20email&redirect_uri=https:\/\/my.xoap.io&kc_locale=en\" target=\"_blank\" rel=\"noopener\">\n          <i data-lucide=\"user-plus\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Start for free\n        <\/a>\n        <span class=\"end-cta-meta\">\n          <i data-lucide=\"shield-check\"><\/i> No credit card required &middot; Quick setup\n        <\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.min.js\"><\/script>\n<script>\n  function initLucide() {\n    if (typeof lucide !== 'undefined') {\n      lucide.createIcons();\n    } else {\n      setTimeout(initLucide, 100);\n    }\n  }\n  initLucide();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>Image management Standardize image automation across platforms End-to-end image pipeline automation for any hybrid IT environment. No coding necessary. No manual work. Start for free Book a demo No credit card required Empowered by a strong ecosystem Microsoft Azure AWS Google Cloud Platform GraphQL PowerShell GitHub Packer Terraform VMware Citrix Use cases Simplify your machine [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-22557","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Standardize image automation across multiple platforms | XOAP<\/title>\n<meta name=\"description\" content=\"Image automation for every environment. From creation and customization to updates and deployment. No coding needed.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xoap.io\/de\/image-management\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Standardize image automation across multiple platforms | XOAP\" \/>\n<meta property=\"og:description\" content=\"Image automation for every environment. From creation and customization to updates and deployment. No coding needed.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xoap.io\/de\/image-management\/\" \/>\n<meta property=\"og:site_name\" content=\"XOAP\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/XOAP.io\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-17T14:40:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xoap.io\/wp-content\/uploads\/2025\/07\/1024x600-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Standardize image automation across multiple platforms | XOAP\" \/>\n<meta name=\"twitter:description\" content=\"Image automation for every environment. From creation and customization to updates and deployment. No coding needed.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/xoap.io\/wp-content\/uploads\/2025\/07\/1024x600-1-1.png\" \/>\n<meta name=\"twitter:site\" content=\"@xoap_io\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xoap.io\\\/image-management\\\/\",\"url\":\"https:\\\/\\\/xoap.io\\\/image-management\\\/\",\"name\":\"Standardize image automation across multiple platforms | XOAP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/image-management\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/image-management\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/image-management-new-1024x679.png\",\"datePublished\":\"2025-05-20T08:57:03+00:00\",\"dateModified\":\"2026-09-17T14:40:47+00:00\",\"description\":\"Image automation for every environment. From creation and customization to updates and deployment. No coding needed.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/image-management\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xoap.io\\\/image-management\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/xoap.io\\\/image-management\\\/#primaryimage\",\"url\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/image-management-new-1024x679.png\",\"contentUrl\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/image-management-new-1024x679.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xoap.io\\\/image-management\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/xoap.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image Management\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xoap.io\\\/#website\",\"url\":\"https:\\\/\\\/xoap.io\\\/\",\"name\":\"XOAP\",\"description\":\"Platform for IT infrastructure and workplace automation\",\"publisher\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xoap.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/xoap.io\\\/#organization\",\"name\":\"XOAP\",\"url\":\"https:\\\/\\\/xoap.io\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/xoap.io\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/XOAP-no-lettering-transparent_no-boarder.svg\",\"contentUrl\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/XOAP-no-lettering-transparent_no-boarder.svg\",\"width\":250,\"height\":90,\"caption\":\"XOAP\"},\"image\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/XOAP.io\",\"https:\\\/\\\/x.com\\\/xoap_io\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/xoap_io\",\"https:\\\/\\\/www.youtube.com\\\/@xoap_io\",\"https:\\\/\\\/github.com\\\/xoap-io\",\"https:\\\/\\\/www.instagram.com\\\/xoap_io\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bildautomatisierung \u00fcber mehrere Plattformen standardisieren | XOAP","description":"Bildautomatisierung f\u00fcr jede Umgebung. Von der Erstellung und Anpassung bis hin zu Updates und Bereitstellung. Keine Programmierung erforderlich.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xoap.io\/de\/image-management\/","og_locale":"de_DE","og_type":"article","og_title":"Standardize image automation across multiple platforms | XOAP","og_description":"Image automation for every environment. From creation and customization to updates and deployment. No coding needed.","og_url":"https:\/\/xoap.io\/de\/image-management\/","og_site_name":"XOAP","article_publisher":"https:\/\/www.facebook.com\/XOAP.io","article_modified_time":"2026-09-17T14:40:47+00:00","og_image":[{"width":1024,"height":600,"url":"https:\/\/xoap.io\/wp-content\/uploads\/2025\/07\/1024x600-1-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Standardize image automation across multiple platforms | XOAP","twitter_description":"Image automation for every environment. From creation and customization to updates and deployment. No coding needed.","twitter_image":"https:\/\/xoap.io\/wp-content\/uploads\/2025\/07\/1024x600-1-1.png","twitter_site":"@xoap_io","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xoap.io\/image-management\/","url":"https:\/\/xoap.io\/image-management\/","name":"Bildautomatisierung \u00fcber mehrere Plattformen standardisieren | XOAP","isPartOf":{"@id":"https:\/\/xoap.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xoap.io\/image-management\/#primaryimage"},"image":{"@id":"https:\/\/xoap.io\/image-management\/#primaryimage"},"thumbnailUrl":"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new-1024x679.png","datePublished":"2025-05-20T08:57:03+00:00","dateModified":"2026-09-17T14:40:47+00:00","description":"Bildautomatisierung f\u00fcr jede Umgebung. Von der Erstellung und Anpassung bis hin zu Updates und Bereitstellung. Keine Programmierung erforderlich.","breadcrumb":{"@id":"https:\/\/xoap.io\/image-management\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xoap.io\/image-management\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/xoap.io\/image-management\/#primaryimage","url":"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new-1024x679.png","contentUrl":"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/image-management-new-1024x679.png"},{"@type":"BreadcrumbList","@id":"https:\/\/xoap.io\/image-management\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xoap.io\/"},{"@type":"ListItem","position":2,"name":"Image Management"}]},{"@type":"WebSite","@id":"https:\/\/xoap.io\/#website","url":"https:\/\/xoap.io\/","name":"XOAP","description":"Plattform f\u00fcr IT-Infrastruktur und Arbeitsplatzautomatisierung","publisher":{"@id":"https:\/\/xoap.io\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xoap.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/xoap.io\/#organization","name":"XOAP","url":"https:\/\/xoap.io\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/xoap.io\/#\/schema\/logo\/image\/","url":"https:\/\/xoap.io\/wp-content\/uploads\/2023\/11\/XOAP-no-lettering-transparent_no-boarder.svg","contentUrl":"https:\/\/xoap.io\/wp-content\/uploads\/2023\/11\/XOAP-no-lettering-transparent_no-boarder.svg","width":250,"height":90,"caption":"XOAP"},"image":{"@id":"https:\/\/xoap.io\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/XOAP.io","https:\/\/x.com\/xoap_io","https:\/\/www.linkedin.com\/company\/xoap_io","https:\/\/www.youtube.com\/@xoap_io","https:\/\/github.com\/xoap-io","https:\/\/www.instagram.com\/xoap_io"]}]}},"_links":{"self":[{"href":"https:\/\/xoap.io\/de\/wp-json\/wp\/v2\/pages\/22557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xoap.io\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xoap.io\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xoap.io\/de\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/xoap.io\/de\/wp-json\/wp\/v2\/comments?post=22557"}],"version-history":[{"count":461,"href":"https:\/\/xoap.io\/de\/wp-json\/wp\/v2\/pages\/22557\/revisions"}],"predecessor-version":[{"id":32197,"href":"https:\/\/xoap.io\/de\/wp-json\/wp\/v2\/pages\/22557\/revisions\/32197"}],"wp:attachment":[{"href":"https:\/\/xoap.io\/de\/wp-json\/wp\/v2\/media?parent=22557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}