{"id":15538,"date":"2022-05-25T11:09:02","date_gmt":"2022-05-25T09:09:02","guid":{"rendered":"https:\/\/www.algotech.vision\/home\/"},"modified":"2026-06-26T10:45:00","modified_gmt":"2026-06-26T08:45:00","slug":"home","status":"publish","type":"page","link":"https:\/\/visionsoft.tech\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15538\" class=\"elementor elementor-15538\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f3aab60 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"f3aab60\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b48aa09\" data-id=\"b48aa09\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e44823 elementor-widget elementor-widget-html\" data-id=\"3e44823\" 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<section class=\"vs-hero\">\r\n  <div class=\"vs-hero__inner\">\r\n    <p class=\"vs-hero__eyebrow\">The most advanced no-code AI platform for enterprise<\/p>\r\n    <h1 class=\"vs-hero__title\">\r\n      Build your business applications 10x faster with AI, editable in no-code\r\n    <\/h1>\r\n    <p class=\"vs-hero__subtitle\">\r\n      Visionsoft is the sovereign european no-code and AI platform dedicated to industry -\r\n      to create your field applications, connected to your IS,\r\n      without developers, in a sovereign and secure environment.\r\n    <\/p>\r\n\r\n    <div class=\"vs-hero__ctas\">\r\n      <a href=\"\/en\/request-demo\/\" class=\"vs-hero__btn vs-hero__btn--primary\">Request a demo<\/a>\r\n      <a href=\"\/en\/studio\/\" class=\"vs-hero__btn vs-hero__btn--secondary\">Discover the platform \u2192<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<style>\r\nbody.home #qodef-page-outer {\r\n    margin-top: 0px;\r\n}\r\n.vs-hero {\r\n  background: linear-gradient(135deg, #232048 0%, #2a5fff 50%, #00a882 100%);\r\n  padding: 100px 24px 70px;\r\n  text-align: center;\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* grain d\u00e9coratif subtil *\/\r\n.vs-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.06) 0%, transparent 60%),\r\n                    radial-gradient(circle at 80% 20%, rgba(0,168,130,0.15) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.vs-hero__inner {\r\n  max-width: 780px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.vs-hero__eyebrow {\r\n  display: inline-block;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.75);\r\n  background: rgba(255,255,255,0.12);\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n  border-radius: 100px;\r\n  padding: 5px 14px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.vs-hero__title {\r\n  font-family: \"Jost\", sans-serif !important;\r\n  font-size: clamp(36px, 5vw, 58px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.1 !important;\r\n  letter-spacing: -0.02em !important;\r\n  margin: 0 0 24px !important;\r\n  color: #ffffff !important;\r\n  -webkit-text-fill-color: #ffffff !important;\r\n  background: none !important;\r\n}\r\n\r\n.vs-hero__subtitle {\r\n  font-size: 18px;\r\n  font-weight: 300;\r\n  color: rgba(255,255,255,0.8);\r\n  line-height: 1.65;\r\n  margin: 0 0 40px;\r\n  max-width: 660px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.vs-hero__ctas {\r\n  display: flex;\r\n  gap: 14px;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 52px;\r\n}\r\n\r\n.vs-hero__btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  padding: 14px 28px;\r\n  border-radius: 10px;\r\n  text-decoration: none;\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\r\n}\r\n\r\n.vs-hero__btn--primary {\r\n  background: #ffffff;\r\n  color: #232048 !important;\r\n  box-shadow: 0 4px 20px rgba(0,0,0,0.2);\r\n}\r\n\r\n.vs-hero__btn--primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 28px rgba(0,0,0,0.3);\r\n}\r\n\r\n.vs-hero__btn--secondary {\r\n  background: rgba(255,255,255,0.12);\r\n  color: #ffffff !important;\r\n  border: 1.5px solid rgba(255,255,255,0.35);\r\n}\r\n\r\n.vs-hero__btn--secondary:hover {\r\n  background: rgba(255,255,255,0.22);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.vs-hero__logos {\r\n  border-top: 1px solid rgba(255,255,255,0.15);\r\n  padding-top: 28px;\r\n}\r\n\r\n.vs-hero__logos-label {\r\n  display: block;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.45);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.vs-hero__logos-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 36px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.vs-hero__logos-row img {\r\n  height: 28px;\r\n  width: auto;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n  mix-blend-mode: multiply;\r\n  opacity: 0.85;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .vs-hero {\r\n    padding: 80px 20px 50px;\r\n  }\r\n  .vs-hero__logos-row {\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n.vs-flow {\r\n    display: flex;\r\n    align-items: stretch;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    margin: 2.5rem 0;\r\n    flex-wrap: wrap;\r\n    max-width: 1200px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.vs-step {\r\n    flex: 1 1 0;\r\n    min-width: 240px;\r\n    background: #ffffff;\r\n    border: 1px solid #e5e7eb;\r\n    border-radius: 16px;\r\n    padding: 1.75rem 1.5rem;\r\n    box-shadow: 0 4px 20px rgba(214, 84, 76, 0.07);\r\n    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n}\r\n\r\n.vs-step:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 30px rgba(214, 84, 76, 0.18);\r\n    border-color: #e8442c;\r\n}\r\n\r\n.vs-step-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    margin-bottom: 0.75rem;\r\n\r\n}\r\n\r\n.vs-step-num {\r\n    flex: 0 0 auto;\r\n    width: 2.25rem;\r\n    height: 2.25rem;\r\n    border-radius: 50%;\r\nbackground: #e8442c;linear-gradient(125deg, #2a5fff 0%, #00a882 100%);\r\ncolor: #fff;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 12px rgba(214, 84, 76, 0.40);\r\n    line-height: 1;\r\n}\r\n\r\n.hh3 {\r\n    margin: 0;\r\n    font-size: 1.35rem;\r\n    color:     color:#233866;;\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n}\r\n\r\n.vs-step p {\r\n    margin: 0;\r\n    font-size: 1rem;\r\n    line-height: 1.55;\r\n    color: #4b5563;\r\n}\r\n\r\n.vs-arrow {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 2rem;\r\n    color: #D6544C;\r\n    font-weight: 300;\r\n    user-select: none;\r\n    flex: 0 0 auto;\r\n    padding: 0 .25rem;\r\n    animation: vs-pulse 2.4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes vs-pulse {\r\n    0%, 100% { transform: translateX(0);   opacity: .55; }\r\n    50%      { transform: translateX(5px); opacity: 1; }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n    .vs-flow {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n    }\r\n    .vs-arrow {\r\n        transform: rotate(90deg);\r\n        padding: .25rem 0;\r\n        animation: none;\r\n    }\r\n    .vs-step {\r\n        min-width: 0;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vs-flow\">\r\n    <div class=\"vs-step\">\r\n        <div class=\"vs-step-header\">\r\n            <div class=\"vs-step-num\">1<\/div>\r\n            <div class=\"hh3\">Describe it, AI builds it<\/div>\r\n        <\/div>\r\n        <p>Production tracking, non-conformity management, maintenance rounds, intervention reports: describe your need in natural language. Vaia, Visionsoft's generative AI, generates an operational business application in minutes - connected to your ERP, your CMMS, your databases and your APIs.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"vs-arrow\">\u2192<\/div>\r\n\r\n    <div class=\"vs-step\">\r\n        <div class=\"vs-step-header\">\r\n            <div class=\"vs-step-num\">2<\/div>\r\n            <div class=\"hh3\">Built for industry<\/div>\r\n        <\/div>\r\n        <p>Unlike generic no-code platforms, Visionsoft is designed for the constraints of the industrial floor: mobile and tablet use in the workshop, native integration with legacy systems, high availability, and granular user rights management by role and site.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"vs-arrow\">\u2192<\/div>\r\n\r\n    <div class=\"vs-step\">\r\n        <div class=\"vs-step-header\">\r\n            <div class=\"vs-step-num\">3<\/div>\r\n            <div class=\"hh3\">Sovereign and secure<\/div>\r\n        <\/div>\r\n        <p>A strategic choice for French mid-size companies and industrial groups that require digital sovereignty and European hosting for their data.<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ea7277 elementor-widget-divider--view-line_text elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider\" data-id=\"2ea7277\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<h3 class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\tThey trust Visionsoft\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1ced6e elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"e1ced6e\" 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>\r\n.vs-clients {\r\n  padding: 0px 24px 32px;\r\n  text-align: center;\r\n  margin-top: 0px;\r\n}\r\n.vs-clients__label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: #9ca3af;\r\n  margin-bottom: 24px;\r\n  display: block;\r\n}\r\n.vs-clients__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(8, 1fr);\r\n  align-items: center;\r\n  gap: 24px;\r\n  max-width: 960px;\r\n  margin: 0 auto;\r\n}\r\n.vs-clients__item {\r\n  display: block;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 60px;\r\n}\r\n.vs-clients__item img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  transition: opacity 0.3s ease;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n}\r\n.vs-clients__item .vs-logo-bw    { opacity: 1; }\r\n.vs-clients__item .vs-logo-color { opacity: 0; }\r\n.vs-clients__item:hover .vs-logo-bw    { opacity: 0; }\r\n.vs-clients__item:hover .vs-logo-color { opacity: 1; }\r\n\r\n.vs-clients__divider {\r\n  margin: 32px auto 0;\r\n  max-width: 960px;\r\n  border: none;\r\n  border-top: 2px solid #e5e7eb !important;\r\n  display: block !important;\r\n  height: 0;\r\n  visibility: visible !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .vs-clients__grid {\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 2px;\r\n  }\r\n  .vs-clients__item { height: 40px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vs-clients\">\r\n  <div class=\"vs-clients__grid\">\r\n\r\n    <a class=\"vs-clients__item\" href=\"http:\/\/dpd.com\" target=\"_blank\" rel=\"noopener\" aria-label=\"DPD\">\r\n      <img decoding=\"async\" class=\"vs-logo-bw\"    src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/06\/dpd_bw_v2.png\"     alt=\"Logo client DPD\">\r\n      <img decoding=\"async\" class=\"vs-logo-color\" src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/06\/dpd_v2.png\"        alt=\"Logo client DPD\">\r\n    <\/a>\r\n    <a class=\"vs-clients__item\" href=\"https:\/\/ingroupe.com\/fr\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"IN Groupe\">\r\n      <img decoding=\"async\" class=\"vs-logo-bw\"    src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/5in_bw.png\"        alt=\"Logo client IN Groupe\">\r\n      <img decoding=\"async\" class=\"vs-logo-color\" src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/5in_uniform.png\"   alt=\"Logo client IN Groupe\">\r\n    <\/a>\r\n    <a class=\"vs-clients__item\" href=\"https:\/\/www.basf.com\/fr\/fr\" target=\"_blank\" rel=\"noopener\" aria-label=\"BASF\">\r\n      <img decoding=\"async\" class=\"vs-logo-bw\"    src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2025\/05\/basf_bw.png\"       alt=\"Logo client BASF\">\r\n      <img decoding=\"async\" class=\"vs-logo-color\" src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2025\/05\/basf_bleu.png\"     alt=\"Logo client BASF\">\r\n    <\/a>\r\n    <a class=\"vs-clients__item\" href=\"https:\/\/www.totalenergies.fr\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"TotalEnergies\">\r\n      <img decoding=\"async\" class=\"vs-logo-bw\"    src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/total_bw.png\"      alt=\"Logo client TotalEnergies\">\r\n      <img decoding=\"async\" class=\"vs-logo-color\" src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/total_uniform.png\" alt=\"Logo client TotalEnergies\">\r\n    <\/a>\r\n    <a class=\"vs-clients__item\" href=\"https:\/\/www.laposte.fr\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"La Poste\">\r\n      <img decoding=\"async\" class=\"vs-logo-bw\"    src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/laposte_bw.png\"     alt=\"Logo client La Poste\">\r\n      <img decoding=\"async\" class=\"vs-logo-color\" src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/laposte_uniform.png\" alt=\"Logo client La Poste\">\r\n    <\/a>\r\n\r\n    <a class=\"vs-clients__item\" href=\"https:\/\/www.ratp.fr\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"RATP\">\r\n      <img decoding=\"async\" class=\"vs-logo-bw\"    src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/ratp_bw.png\"       alt=\"Logo client RATP\">\r\n      <img decoding=\"async\" class=\"vs-logo-color\" src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/ratp_uniform.png\"  alt=\"Logo client RATP\">\r\n    <\/a>\r\n    <a class=\"vs-clients__item\" href=\"https:\/\/www.bouygues.com\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Bouygues\">\r\n      <img decoding=\"async\" class=\"vs-logo-bw\"    src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/bouygues_bw.png\"    alt=\"Logo client Bouygues\">\r\n      <img decoding=\"async\" class=\"vs-logo-color\" src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/bouygues_uniform.png\" alt=\"Logo client Bouygues\">\r\n    <\/a>\r\n\r\n  <\/div>\r\n  <hr class=\"vs-clients__divider\">\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dab43c1 elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"dab43c1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a121ec8\" data-id=\"a121ec8\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-64a6423 elementor-widget elementor-widget-html\" data-id=\"64a6423\" 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\r\n<style>\r\n  .vision-block {\r\n\r\n    font-family: 'DM Sans', sans-serif;\r\n    color: #111827;\r\n    padding: 72px 24px;\r\n    width: 100%;\r\n  }\r\n\r\n  .vision-block .vb-inner {\r\n    max-width: 960px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .vision-block h2.vb-headline {\r\n\r\n    font-size: clamp(24px, 3.2vw, 40px);\r\n    font-weight: 800;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.025em;\r\n    margin-bottom: 18px;\r\n    animation: vbFadeUp 0.55s 0.06s ease both;\r\n    text-align: center;\r\n  }\r\n  .vision-block h2.vb-headline em {\r\n    font-style: normal;\r\nbackground: linear-gradient(125deg, #2a5fff 0%, #00a882 100%);\r\n-webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .vision-block .vb-subtitle {\r\n    font-size: 17px;\r\n    font-weight: 300;\r\n    color: #5a6478;\r\n    line-height: 1.65;\r\n    margin-bottom: 48px;\r\n    animation: vbFadeUp 0.6s 0.1s ease both;\r\n  }\r\n\r\n  \/* FEATURE GRID *\/\r\n  .vision-block .vb-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 14px;\r\n    margin-bottom: 40px;\r\n    animation: vbFadeUp 0.65s 0.14s ease both;\r\n  }\r\n  @media (max-width: 580px) {\r\n    .vision-block .vb-grid { grid-template-columns: 1fr; }\r\n  }\r\n\r\n  .vision-block .vb-card {\r\n    background: #ffffff;\r\n    border: 1px solid rgba(0,0,0,0.08);\r\n    border-radius: 16px;\r\n    padding: 20px 22px;\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: flex-start;\r\n    transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;\r\n    cursor: default;\r\n  }\r\n  .vision-block .vb-card:hover {\r\n    border-color: #e8442c;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 24px rgba(42,95,255,0.08);\r\n  }\r\n  .vision-block .vb-icon {\r\n    width: 38px; height: 38px; flex-shrink: 0;\r\n    border-radius: 10px;\r\n    background: linear-gradient(135deg, rgba(42,95,255,0.1), rgba(0,168,130,0.08));\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 17px;\r\n  }\r\n  .vision-block .vb-card-title {\r\n    font-family: 'Syne', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin-bottom: 6px;\r\n    letter-spacing: 0.01em;\r\n    color: #111827;\r\n  }\r\n  .vision-block .vb-card-desc {\r\n    font-size: 15px;\r\n    color: #5a6478;\r\n    font-weight: 300;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  \/* TRUST PILLS *\/\r\n  .vision-block .vb-pills {\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 48px;\r\n    animation: vbFadeUp 0.7s 0.18s ease both;\r\n  }\r\n  .vision-block .vb-pill {\r\n    display: flex; align-items: center; gap: 7px;\r\n    background: rgba(0,168,130,0.07);\r\n    border: 1px solid rgba(0,168,130,0.2);\r\n    border-radius: 100px;\r\n    padding: 7px 15px;\r\n    font-size: 15px; font-weight: 500;\r\n    color: #00a882;\r\n  }\r\n\r\n\r\n  \/* VIDEO *\/\r\n  .vision-block .vb-video-wrap {\r\n    position: relative;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(0,0,0,0.08);\r\n    box-shadow:\r\n      0 2px 0 rgba(255,255,255,0.9) inset,\r\n      0 24px 60px rgba(0,0,0,0.1),\r\n      0 4px 16px rgba(42,95,255,0.07);\r\n    animation: vbFadeUp 0.75s 0.22s ease both;\r\n  }\r\n  .vision-block .vb-video-wrap video {\r\n    width: 100%;\r\n    display: block;\r\n    border-radius: 10px;\r\n  }\r\n.vision-block .vb-video-wrap img {\r\n  width: 100%;\r\n  display: block;\r\n  border-radius: 10px;\r\n}\r\n\r\n  @keyframes vbFadeUp {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"vision-block\">\r\n  <div class=\"vb-inner\">\r\n\r\n<h2 class=\"vb-headline\"><em>Describe your need. Visionsoft generates your business application.<\/em><\/h2>\r\n\r\n<p class=\"vb-subtitle\">\r\nVisionsoft generates a complete business application in minutes, connected to your data sources, your industrial workflows and your existing tools (ERP, CMMS, MES, API). It is immediately deployable on mobile, tablet and desktop, ready for your maintenance, production or quality teams - without a single line of code.\r\n<\/p>\r\n    <div class=\"vb-pills\">\r\n      <div class=\"vb-pill\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><path d=\"M6.5 2L8 5.2l3.5.5-2.5 2.5.6 3.5L6.5 10 3 11.7l.6-3.5L1 5.7l3.5-.5L6.5 2z\" fill=\"currentColor\" opacity=\"0.7\"\/><\/svg>\r\n        Secured\r\n      <\/div>\r\n      <div class=\"vb-pill\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><circle cx=\"6.5\" cy=\"6.5\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/><path d=\"M6.5 3.8v3.2L8.5 8.5\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n        Deployed in minutes\r\n      <\/div>\r\n      <div class=\"vb-pill\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><path d=\"M2 7C2 4.8 4.2 3 6.5 3s4.5 1.8 4.5 4\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><path d=\"M4 9.5C4.7 10.4 5.5 11 6.5 11s1.8-.6 2.5-1.5\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/><\/svg>\r\n        Built for your business\r\n      <\/div>\r\n      <div class=\"vb-pill\">\r\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><path d=\"M6.5 2L8 5.2l3.5.5-2.5 2.5.6 3.5L6.5 10 3 11.7l.6-3.5L1 5.7l3.5-.5L6.5 2z\" fill=\"currentColor\" opacity=\"0.7\"\/><\/svg>\r\n        Editable in no-code\r\n      <\/div>    <\/div>\r\n      \r\n<div class=\"vs-animation-container\">\r\n    <div class=\"vs-prompt-wrap\">\r\n        <div class=\"vs-particle\"><\/div>\r\n        <div class=\"vs-particle\"><\/div>\r\n        <div class=\"vs-particle\"><\/div>\r\n        <div class=\"vs-particle\"><\/div>\r\n        <div class=\"vs-particle\"><\/div>\r\n\r\n        <div class=\"vs-prompt\">\r\n            <span class=\"vs-badge\">Visionsoft Vaia<\/span>\r\n            <span class=\"vs-text\" id=\"vs-text\"><\/span><span class=\"vs-cursor\"><\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.vs-animation-container {\r\n    background: transparent;\r\n    padding: 2rem 1.5rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n    overflow: visible;\r\n    margin: 2rem 0;\r\n}\r\n\r\n.vs-animation-container .vs-prompt-wrap {\r\n    position: relative;\r\n    width: min(100%, 1000px);\r\n    padding: 1.5rem;\r\n}\r\n\r\n.vs-animation-container .vs-prompt-wrap::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 22px;\r\n    background: radial-gradient(ellipse at center, rgba(214, 84, 76, 0.22), transparent 70%);\r\n    filter: blur(35px);\r\n    animation: vs-halo 4s ease-in-out infinite;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.vs-animation-container .vs-prompt {\r\n    position: relative;\r\n    z-index: 1;\r\n    border: 3px solid #D6544C;\r\n    border-radius: 14px;\r\n    background: #000;\r\n    color: #ffffff;\r\n    padding: 2rem 2.25rem;\r\n    min-height: 160px;\r\n    box-sizing: border-box;\r\n    box-shadow:\r\n        0 0 0 1px rgba(214, 84, 76, 0.3),\r\n        0 0 40px rgba(214, 84, 76, 0.35),\r\n        inset 0 0 20px rgba(214, 84, 76, 0.06);\r\n    animation:\r\n        vs-appear .7s cubic-bezier(.2,.8,.2,1) .1s both,\r\n        vs-glow 3.5s ease-in-out 1.2s infinite;\r\n    font-size: 1.75rem;\r\n    font-weight: 700;\r\n    line-height: 1.4;\r\n    letter-spacing: -0.01em;\r\n}\r\n\r\n.vs-animation-container .vs-badge {\r\n    position: absolute;\r\n    top: -12px;\r\n    right: 20px;\r\n    background: linear-gradient(135deg, #D6544C, #B83A33);\r\n    color: #fff;\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    padding: 4px 10px;\r\n    border-radius: 999px;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 4px 12px rgba(214, 84, 76, 0.5);\r\n    z-index: 2;\r\n    animation: vs-badge-float 3s ease-in-out infinite;\r\n}\r\n\r\n.vs-animation-container .vs-text {\r\n    display: inline;\r\n    white-space: pre-wrap;\r\n    color: #ffffff;\r\n    word-break: break-word;\r\n}\r\n\r\n.vs-animation-container .vs-cursor {\r\n    display: inline-block;\r\n    width: 3px;\r\n    height: 1.4em;\r\n    vertical-align: text-bottom;\r\n    background: #D6544C;\r\n    margin-left: 4px;\r\n    animation: vs-blink 0.9s step-end infinite;\r\n    box-shadow: 0 0 8px rgba(214, 84, 76, 0.8);\r\n}\r\n\r\n.vs-animation-container .vs-particle {\r\n    position: absolute;\r\n    width: 4px;\r\n    height: 4px;\r\n    background: #D6544C;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 8px rgba(214, 84, 76, 0.9);\r\n    opacity: 0;\r\n    z-index: 2;\r\n}\r\n.vs-animation-container .vs-particle:nth-child(1) { top: 10%;    left: 3%;    animation: vs-float 5s   ease-in-out 0.3s infinite; }\r\n.vs-animation-container .vs-particle:nth-child(2) { top: 70%;    right: 5%;   animation: vs-float 6s   ease-in-out 1.1s infinite; }\r\n.vs-animation-container .vs-particle:nth-child(3) { bottom: 5%;  left: 8%;    animation: vs-float 5.5s ease-in-out 2.0s infinite; }\r\n.vs-animation-container .vs-particle:nth-child(4) { top: 20%;    right: 10%;  animation: vs-float 4.8s ease-in-out 0.8s infinite; }\r\n.vs-animation-container .vs-particle:nth-child(5) { bottom: 20%; right: 15%;  animation: vs-float 5.2s ease-in-out 2.8s infinite; }\r\n\r\n@keyframes vs-appear {\r\n    from { opacity: 0; transform: translateY(10px) scale(0.97); border-color: rgba(214, 84, 76, 0.2); }\r\n    to   { opacity: 1; transform: translateY(0) scale(1); border-color: #D6544C; }\r\n}\r\n\r\n@keyframes vs-glow {\r\n    0%, 100% {\r\n        box-shadow:\r\n            0 0 0 1px rgba(214, 84, 76, 0.3),\r\n            0 0 40px rgba(214, 84, 76, 0.35),\r\n            inset 0 0 20px rgba(214, 84, 76, 0.06);\r\n    }\r\n    50% {\r\n        box-shadow:\r\n            0 0 0 1px rgba(214, 84, 76, 0.5),\r\n            0 0 60px rgba(214, 84, 76, 0.55),\r\n            inset 0 0 30px rgba(214, 84, 76, 0.1);\r\n    }\r\n}\r\n\r\n@keyframes vs-halo {\r\n    0%, 100% { opacity: 0.6; transform: scale(1); }\r\n    50%      { opacity: 1;   transform: scale(1.05); }\r\n}\r\n\r\n@keyframes vs-blink {\r\n    0%, 49%   { opacity: 1; }\r\n    50%, 100% { opacity: 0; }\r\n}\r\n\r\n@keyframes vs-badge-float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50%      { transform: translateY(-3px); }\r\n}\r\n\r\n@keyframes vs-float {\r\n    0%   { opacity: 0; transform: translate(0, 0) scale(0.5); }\r\n    20%  { opacity: 1; }\r\n    50%  { transform: translate(10px, -12px) scale(1); }\r\n    80%  { opacity: 1; }\r\n    100% { opacity: 0; transform: translate(20px, -24px) scale(0.5); }\r\n}\r\n\r\n@media (max-width: 720px) {\r\n\r\n    .vs-animation-container {\r\n        padding: 1rem 0.75rem;\r\n        margin: 1rem 0;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .vs-animation-container .vs-prompt-wrap {\r\n        padding: 0.5rem;\r\n    }\r\n\r\n    .vs-animation-container .vs-prompt-wrap::before {\r\n        filter: blur(18px);\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .vs-animation-container .vs-prompt {\r\n        font-size: 1.1rem;\r\n        line-height: 1.45;\r\n        padding: 1.35rem 1.1rem;\r\n        min-height: 110px;\r\n        border-width: 2px;\r\n\r\n        \/* glow simplifi\u00e9 mobile *\/\r\n        box-shadow:\r\n            0 0 0 1px rgba(214, 84, 76, 0.22),\r\n            0 0 18px rgba(214, 84, 76, 0.22);\r\n\r\n        animation:\r\n            vs-appear .5s ease both;\r\n    }\r\n\r\n    .vs-animation-container .vs-badge {\r\n        top: -10px;\r\n        right: 12px;\r\n        font-size: 0.58rem;\r\n        padding: 3px 8px;\r\n    }\r\n\r\n    .vs-animation-container .vs-cursor {\r\n        width: 2px;\r\n        margin-left: 3px;\r\n    }\r\n\r\n    \/* moins de particules sur mobile *\/\r\n    .vs-animation-container .vs-particle:nth-child(4),\r\n    .vs-animation-container .vs-particle:nth-child(5) {\r\n        display: none;\r\n    }\r\n\r\n    .vs-animation-container .vs-particle {\r\n        width: 3px;\r\n        height: 3px;\r\n        box-shadow: 0 0 4px rgba(214, 84, 76, 0.6);\r\n    }\r\n}\r\n\r\n\/* \u00e9conomie batterie \/ accessibilit\u00e9 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .vs-animation-container .vs-prompt,\r\n    .vs-animation-container .vs-particle,\r\n    .vs-animation-container .vs-prompt-wrap::before,\r\n    .vs-animation-container .vs-badge,\r\n    .vs-animation-container .vs-cursor {\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const prompts = [\r\n        \"Build a supply chain management app\",\r\n        \"Build a CMMS app connected to an ERP\",\r\n        \"Build an app to manage PPE distribution\",\r\n        \"Build a report to track regulatory inspections\",\r\n        \"Build a report to track quality returns\",\r\n        \"Build a workflow to hand over equipment to an employee with signature\",\r\n        \"Build a quality management app\",\r\n        \"Build an order management app\",\r\n        \"Build an inventory management app\"\r\n    ];\r\n    const el = document.getElementById('vs-text');\r\n    if (!el) return;\r\n    let promptIndex = 0;\r\n    let charIndex = 0;\r\n    let isDeleting = false;\r\n    const TYPE_SPEED = 55;\r\n    const DELETE_SPEED = 22;\r\n    const PAUSE_AT_END = 2000;\r\n    const PAUSE_AT_START = 400;\r\n    function tick() {\r\n        const current = prompts[promptIndex];\r\n        if (!isDeleting) {\r\n            charIndex++;\r\n            el.textContent = current.substring(0, charIndex);\r\n            if (charIndex === current.length) {\r\n                isDeleting = true;\r\n                setTimeout(tick, PAUSE_AT_END);\r\n                return;\r\n            }\r\n            setTimeout(tick, TYPE_SPEED + Math.random() * 40);\r\n        } else {\r\n            charIndex--;\r\n            el.textContent = current.substring(0, charIndex);\r\n            if (charIndex === 0) {\r\n                isDeleting = false;\r\n                promptIndex = (promptIndex + 1) % prompts.length;\r\n                setTimeout(tick, PAUSE_AT_START);\r\n                return;\r\n            }\r\n            setTimeout(tick, DELETE_SPEED);\r\n        }\r\n    }\r\n    setTimeout(tick, 900);\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n\r\n    <div class=\"vb-video-wrap\">\r\n      <video\r\n        src=\"\/wp-content\/uploads\/2026\/04\/visionsoft_creation_application_ia_erp.mp4\"\r\n        controls autoplay muted loop playsinline preload=\"none\" poster=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/05\/visionsoft_video_thumbnail.jpg\">\r\n      ><\/video>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7716ce elementor-widget elementor-widget-spacer\" data-id=\"b7716ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4d78083 elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"4d78083\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3328398\" data-id=\"3328398\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6eb991e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"6eb991e\" 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>\r\n  .vision-block-white {\r\n    color: #111827;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n  .vision-block-white h3.vb-headline {\r\n    font-size: clamp(30px, 4.5vw, 52px);\r\n    font-weight: 800;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.025em;\r\n    animation: vbFadeUp 0.55s 0.06s ease both;\r\n  }\r\n  .vision-block-white h3.vb-headline em {\r\n    font-style: normal;\r\n    background: linear-gradient(125deg, #2a5fff 0%, #00a882 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n  <\/style>\r\n<div class=\"vision-block-white\">\r\n  <div class=\"vb-inner\">\r\n    <h3 class=\"vb-headline\"><em>Vision, the no-code platform for successful projects<\/em><\/h3>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c29ec6 elementor-widget elementor-widget-html\" data-id=\"1c29ec6\" 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>\r\n.vsc-grid-section {\r\n  max-width: 960px;\r\n  margin: 0 auto 48px;\r\n  padding: 0 20px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.vsc-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.vsc-card {\r\n  background: #ffffff;\r\n  border: 1px solid #e2e6f0;\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n  box-shadow: 0 4px 24px rgba(30,45,110,.07);\r\n}\r\n\r\n.vsc-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 32px rgba(30,45,110,.13);\r\n  border-color: #e8442c;\r\n}\r\n\r\n.vsc-visual {\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: #0f1122;\r\n  aspect-ratio: 16 \/ 9;\r\n}\r\n\r\n.vsc-visual img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  opacity: .92;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.vsc-body {\r\n  padding: 22px 22px 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.vsc-tag {\r\n  display: inline-block;\r\n  background: rgba(39,187,228,.1);\r\n  color: #1e7fa8;\r\n  border: 1px solid rgba(39,187,228,.35);\r\n  border-radius: 100px;\r\n  padding: 3px 12px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .04em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.vsc-title {\r\n  font-size: 1.05rem;\r\n  font-weight: 800;\r\n  color: #1e2d6e;\r\n  margin: 0 0 10px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.vsc-desc {\r\n  font-size: .88rem;\r\n  color: #4b5563;\r\n  line-height: 1.65;\r\n  margin: 0 0 18px;\r\n  flex: 1;\r\n}\r\n\r\n.vsc-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: .83rem;\r\n  font-weight: 700;\r\n  color: #e8442c;\r\n  text-decoration: none;\r\n  transition: gap .2s;\r\n}\r\n\r\n.vsc-link:hover {\r\n  gap: 10px;\r\n  color: #c0321c;\r\n}\r\n\r\n.vsc-link svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  fill: currentColor;\r\n  flex-shrink: 0;\r\n}\r\n\r\n@media (max-width: 720px) {\r\n  .vsc-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n  .vsc-visual {\r\n    aspect-ratio: 16 \/ 7;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"vsc-grid-section\">\r\n  <div class=\"vsc-grid\">\r\n\r\n    <!-- Card 1 : Model + Design -->\r\n    <div class=\"vsc-card\">\r\n      <div class=\"vsc-visual\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2023\/01\/modele-de-donnees-application-nocode.png\" alt=\"Model and design your no-code applications\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"vsc-body\">\r\n        <span class=\"vsc-tag\">Data &amp; Interfaces<\/span>\r\n        <p class=\"vsc-title\">Model your data, design your interfaces<\/p>\r\n        <p class=\"vsc-desc\">Structure your business schemas - sensors, ERP, CMMS, SCADA - then design your field interfaces in drag &amp; drop, adapted for mobile and tablet, without writing a single line of code.<\/p>\r\n        <a href=\"\/en\/studio\/\" class=\"vsc-link\">Discover the Studio <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2 : Process + Connect -->\r\n    <div class=\"vsc-card\">\r\n      <div class=\"vsc-visual\">\r\n        <img decoding=\"async\" src=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2023\/01\/Creation-de-workflows-applications-nocode.png\" alt=\"No-code workflows and API connectors\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"vsc-body\">\r\n        <span class=\"vsc-tag\">Workflows &amp; Connectors<\/span>\r\n        <p class=\"vsc-title\">Automate your processes, connect your IS<\/p>\r\n        <p class=\"vsc-desc\">Build your business workflows without code - validation, alerts, escalation, reporting - and connect your applications to your ERP, CMMS and all your APIs via native connectors.<\/p>\r\n        <a href=\"\/en\/studio\/\" class=\"vsc-link\">Discover the Studio <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3 : Vaia AI -->\r\n    <div class=\"vsc-card\">\r\n      <div class=\"vsc-visual\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/11\/visionsoft-copilot-creer-une-app-gestion-de-stocks.gif\" alt=\"Generate an application with Vision Vaia AI\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"vsc-body\">\r\n        <span class=\"vsc-tag\">Vision Vaia<\/span>\r\n        <p class=\"vsc-title\">Generate your application with AI in minutes<\/p>\r\n        <p class=\"vsc-desc\">Describe your need in natural language. Vaia generates an operational application, fully editable in no-code, connected to your industrial data.<\/p>\r\n        <a href=\"\/en\/vaia\/\" class=\"vsc-link\">Discover Vision Vaia <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9774215 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"9774215\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ffa853\" data-id=\"4ffa853\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cb8f1b4 elementor-widget elementor-widget-html\" data-id=\"cb8f1b4\" 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<!-- VISIONSOFT \u2014 Bloc Cas d'usages Carousel -->\r\n\r\n<style>\r\n.vscase__section {\r\n  padding: 48px 0 40px;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.vscase__section * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.vscase__header {\r\n  margin-bottom: 36px;\r\n}\r\n\r\n.vscase__eyebrow {\r\n  display: block;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: #C1372B;\r\n  margin-bottom: 8px;\r\n  margin-top: 0;\r\n  text-align: center;\r\n}\r\n\r\n.vscase__title {\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n  color: #233866;\r\n  margin: 0 0 8px;\r\n  line-height: 1.2;\r\n  text-align: center;\r\n}\r\n\r\n.vscase__title em {\r\n  font-style: normal;\r\n  background: linear-gradient(125deg, #2a5fff 0%, #00a882 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.vscase__subtitle {\r\n  font-size: 19px;\r\n  color: #6b7280;\r\n  margin: 0;\r\n  line-height: 1.6;\r\n  text-align: center;\r\n}\r\n\r\n\/* --- Carousel wrapper --- *\/\r\n.vscase__carousel-outer {\r\n  position: relative;\r\n}\r\n\r\n.vscase__carousel-track-wrap {\r\n  overflow: hidden;\r\n}\r\n\r\n.vscase__carousel-track {\r\n  display: flex;\r\n  gap: 20px;\r\n  transition: transform 0.4s cubic-bezier(.4,0,.2,1);\r\n  will-change: transform;\r\n}\r\n\r\n\/* chaque carte prend 1\/3 - gap *\/\r\n.vscase__card {\r\n  background: #ffffff;\r\n  border: 1px solid #e8e8ee;\r\n  border-radius: 14px;\r\n  padding: 0 22px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n  flex: 0 0 calc(33.333% - 14px);\r\n  min-width: 0;\r\n}\r\n\r\n.vscase__card:hover {\r\n  border-color: #e8442c;\r\n  box-shadow: 0 4px 20px rgba(193,55,43,0.08);\r\n}\r\n\r\n.vscase__tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.09em;\r\n  text-transform: uppercase;\r\n  color: #9B2D22;\r\n  background: #FDF0EE;\r\n  border-radius: 5px;\r\n  padding: 5px 11px;\r\n  width: fit-content;\r\n  margin-top: 20px;\r\n}\r\n\r\n.vscase__card-title {\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  color: #233866;\r\n  line-height: 1.3;\r\n  margin: 0;\r\n}\r\n\r\n.vscase__situation {\r\n  font-size: 16px;\r\n  color: #6b7280;\r\n  line-height: 1.65;\r\n  margin: 0;\r\n  flex: 1 1 auto;\r\n}\r\n\r\n.vscase__situation strong {\r\n  color: #1a1a2e;\r\n  font-weight: 600;\r\n}\r\n\r\n.vscase__divider {\r\n  height: 1px;\r\n  background: #f0f0f5;\r\n  border: none;\r\n  margin: 0;\r\n}\r\n\r\n.vscase__results {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.vscase__results-label {\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  color: #9ca3af;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.vscase__result-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 8px;\r\n  font-size: 16px;\r\n  color: #374151;\r\n  line-height: 1.45;\r\n}\r\n\r\n.vscase__result-dot {\r\n  width: 5px;\r\n  height: 5px;\r\n  border-radius: 50%;\r\n  background: #C1372B;\r\n  flex-shrink: 0;\r\n  margin-top: 5px;\r\n}\r\n\r\n.vscase__footer {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 8px;\r\n}\r\n\r\n.vscase__persona {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  min-width: 0;\r\n}\r\n\r\n.vscase__avatar {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  flex-shrink: 0;\r\n  letter-spacing: 0.04em;\r\n}\r\n\r\n.vscase__avatar--red   { background: #FDF0EE; color: #9B2D22; }\r\n.vscase__avatar--blue  { background: #EBF3FD; color: #1A5FAA; }\r\n.vscase__avatar--green { background: #EBF6E0; color: #3A6D10; }\r\n\r\n.vscase__persona-name {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #1a1a2e;\r\n  display: block;\r\n  line-height: 1.2;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.vscase__persona-role {\r\n  font-size: 13px;\r\n  color: #9ca3af;\r\n  display: block;\r\n  line-height: 1.35;\r\n}\r\n\r\n.vscase__cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #C1372B;\r\n  text-decoration: none;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n  transition: gap 0.15s ease, opacity 0.15s ease;\r\n}\r\n\r\n.vscase__cta:hover {\r\n  gap: 7px;\r\n  opacity: 0.8;\r\n  color: #C1372B;\r\n  text-decoration: none;\r\n}\r\n\r\n\/* --- Controles carousel --- *\/\r\n.vscase__carousel-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  margin-top: 28px;\r\n}\r\n\r\n.vscase__carousel-btn {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  border: 1.5px solid #e2e6f0;\r\n  background: #fff;\r\n  color: #233866;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: border-color 0.2s, background 0.2s, color 0.2s;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.vscase__carousel-btn:hover {\r\n  border-color: #e8442c;\r\n  background: #e8442c;\r\n  color: #fff;\r\n}\r\n\r\n.vscase__carousel-btn:disabled {\r\n  opacity: 0.35;\r\n  cursor: default;\r\n  pointer-events: none;\r\n}\r\n\r\n.vscase__carousel-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n}\r\n\r\n.vscase__carousel-dots {\r\n  display: flex;\r\n  gap: 7px;\r\n  align-items: center;\r\n}\r\n\r\n.vscase__dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: #d1d5db;\r\n  border: none;\r\n  padding: 0;\r\n  cursor: pointer;\r\n  transition: background 0.2s, transform 0.2s;\r\n}\r\n\r\n.vscase__dot.vscase__dot--active {\r\n  background: #C1372B;\r\n  transform: scale(1.3);\r\n}\r\n\r\n\/* --- Responsive --- *\/\r\n@media (max-width: 900px) {\r\n  .vscase__card {\r\n    flex: 0 0 calc(50% - 10px);\r\n  }\r\n}\r\n\r\n@media (max-width: 580px) {\r\n  .vscase__card {\r\n    flex: 0 0 calc(100% - 0px);\r\n  }\r\n  .vscase__carousel-btn {\r\n    width: 36px;\r\n    height: 36px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"vscase__section\" aria-label=\"Cas d'usages clients Visionsoft\">\r\n\r\n  <div class=\"vscase__header\">\r\n  <span class=\"vscase__eyebrow\">Concrete use cases<\/span>\r\n<h2 class=\"vscase__title\"><em>Your business applications, built by your teams. Without a developer.<\/em><\/h2>\r\n<p class=\"vscase__subtitle\">They replaced Excel, paper and rigid CMMS with custom apps, in just a few days.<\/p>\r\n\r\n  <div class=\"vscase__carousel-outer\">\r\n    <div class=\"vscase__carousel-track-wrap\">\r\n      <div class=\"vscase__carousel-track\" id=\"vscase-track\">\r\n\r\n        <!-- Carte 1 : Maintenance -->\r\n        <div class=\"vscase__card\">\r\n          <span class=\"vscase__tag\">Maintenance<\/span>\r\n          <h3 class=\"vscase__card-title\">Custom industrial maintenance application<\/h3>\r\n          <p class=\"vscase__situation\">Karim had a standard CMMS: too many useless screens, rigid procedures, ergonomics ill-suited to the industrial floor. Result: his team kept working on paper and Excel, losing traceability and responsiveness.<\/p>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__results\">\r\n            <div class=\"vscase__results-label\">What Visionsoft changed<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Mobile app adapted to field technicians<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Zero paper, native traceability<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Editable in no-code by his teams<\/div>\r\n          <\/div>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__footer\">\r\n            <div class=\"vscase__persona\">\r\n              <div class=\"vscase__avatar vscase__avatar--red\">KA<\/div>\r\n              <div>\r\n                <span class=\"vscase__persona-name\">Karim A.<\/span>\r\n                <span class=\"vscase__persona-role\">Maintenance Manager \u00b7 Food industry<\/span>\r\n              <\/div>\r\n            <\/div>\r\n<a href=\"\/cas-usage-gmao-maintenance-nocode\/\" class=\"vscase__cta\">See the case <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Carte 2 : Production MES -->\r\n        <div class=\"vscase__card\">\r\n          <span class=\"vscase__tag\">Production \u00b7 MES<\/span>\r\n<h3 class=\"vscase__card-title\">Real-time production monitoring - custom no-code MES<\/h3>\r\n          <p class=\"vscase__situation\">\r\n  <strong>Sophie<\/strong> spent hours manually tracking work order progress and reporting it in Excel. Data was never reliable in real time, and management lacked visibility.\r\n          <\/p>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__results\">\r\n            <div class=\"vscase__results-label\">What Visionsoft changed<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Real-time progress tracking on the shop floor<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Performance dashboards accessible to management<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Deployed without involving a single developer<\/div>\r\n          <\/div>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__footer\">\r\n            <div class=\"vscase__persona\">\r\n              <div class=\"vscase__avatar vscase__avatar--blue\">SL<\/div>\r\n              <div>\r\n                <span class=\"vscase__persona-name\">Sophie L.<\/span>\r\n                <span class=\"vscase__persona-role\">Production Manager \u00b7 Mechanical industry<\/span>\r\n              <\/div>\r\n            <\/div>\r\n<a href=\"\/mes-composable-nocode\/\" class=\"vscase__cta\">See the case <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Carte 3 : Gouvernance IT -->\r\n        <div class=\"vscase__card\">\r\n          <span class=\"vscase__tag\">IT Governance<\/span>\r\n          <h3 class=\"vscase__card-title\">App factory: industrialize business app creation across all your sites<\/h3>\r\n          <p class=\"vscase__situation\">\r\n  <strong>Thomas<\/strong>, a multi-site CIO, was overwhelmed by field requests - rounds, inspections, tooling tracking. Each project took weeks and often ended up shelved for lack of maintenance.\r\n          <\/p>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__results\">\r\n            <div class=\"vscase__results-label\">What Visionsoft changed<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Centralized no-code platform for the entire IT department<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Business teams create their apps via AI (Vaia)<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>IT retains governance, rights and connectors<\/div>\r\n          <\/div>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__footer\">\r\n            <div class=\"vscase__persona\">\r\n              <div class=\"vscase__avatar vscase__avatar--green\">TD<\/div>\r\n              <div>\r\n                <span class=\"vscase__persona-name\">Thomas D.<\/span>\r\n                <span class=\"vscase__persona-role\">CIO \u00b7 Multi-site industrial group<\/span>\r\n              <\/div>\r\n            <\/div>\r\n<a href=\"\/usine-a-applications\/\" class=\"vscase__cta\">See the case <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Carte 4 : HSE -->\r\n        <div class=\"vscase__card\">\r\n          <span class=\"vscase__tag\">HSE<\/span>\r\n          <h3 class=\"vscase__card-title\">Gestion des rondes HSE et remont\u00e9es terrain sans papier<\/h3>\r\n          <p class=\"vscase__situation\">\r\n            Les rondes de s\u00e9curit\u00e9 de <strong>Nadia<\/strong> se faisaient sur papier. Les non-conformit\u00e9s \u00e9taient saisies a posteriori, les donn\u00e9es perdues, le suivi impossible. Aucune visibilit\u00e9 pour la direction HSE.\r\n          <\/p>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__results\">\r\n            <div class=\"vscase__results-label\">What Visionsoft changed<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Rondes digitalis\u00e9es sur mobile, offline inclus<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Alertes automatiques sur non-conformit\u00e9s<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Tableau de bord HSE en temps r\u00e9el<\/div>\r\n          <\/div>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__footer\">\r\n            <div class=\"vscase__persona\">\r\n              <div class=\"vscase__avatar vscase__avatar--green\">NB<\/div>\r\n              <div>\r\n                <span class=\"vscase__persona-name\">Nadia B.<\/span>\r\n                <span class=\"vscase__persona-role\">Responsable HSE \u00b7 Chimie<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"\/studio\/\" class=\"vscase__cta\">Discover the platform <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Carte 5 : Supply Chain -->\r\n        <div class=\"vscase__card\">\r\n          <span class=\"vscase__tag\">Supply Chain<\/span>\r\n          <h3 class=\"vscase__card-title\">Stock and supplier order tracking connected to the ERP<\/h3>\r\n          <p class=\"vscase__situation\">\r\n  <strong>Marc<\/strong> managed his inventory in shared Excel files. Inventory discrepancies piled up, urgent orders slipped through the cracks. His ERP was too rigid to cover field needs.\r\n          <\/p>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__results\">\r\n            <div class=\"vscase__results-label\">What Visionsoft changed<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Inventory application connected in real time to the ERP<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Low stock alerts and automatic replenishment<\/div>\r\n            <div class=\"vscase__result-item\"><div class=\"vscase__result-dot\"><\/div>Deployed in 3 days by the business team<\/div>\r\n          <\/div>\r\n          <hr class=\"vscase__divider\">\r\n          <div class=\"vscase__footer\">\r\n            <div class=\"vscase__persona\">\r\n              <div class=\"vscase__avatar vscase__avatar--blue\">MV<\/div>\r\n              <div>\r\n                <span class=\"vscase__persona-name\">Marc V.<\/span>\r\n                <span class=\"vscase__persona-role\">Logistics Manager \u00b7 Plastics industry<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <a href=\"\/studio\/\" class=\"vscase__cta\">Discover the platform <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/.vscase__carousel-track -->\r\n    <\/div><!-- \/.vscase__carousel-track-wrap -->\r\n\r\n    <!-- Controles -->\r\n    <div class=\"vscase__carousel-controls\">\r\n      <button class=\"vscase__carousel-btn\" id=\"vscase-prev\" aria-label=\"Previous\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n      <\/button>\r\n      <div class=\"vscase__carousel-dots\" id=\"vscase-dots\"><\/div>\r\n      <button class=\"vscase__carousel-btn\" id=\"vscase-next\" aria-label=\"Next\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/.vscase__carousel-outer -->\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var track    = document.getElementById('vscase-track');\r\n  var btnPrev  = document.getElementById('vscase-prev');\r\n  var btnNext  = document.getElementById('vscase-next');\r\n  var dotsWrap = document.getElementById('vscase-dots');\r\n\r\n  if (!track) return;\r\n\r\n  var cards      = track.querySelectorAll('.vscase__card');\r\n  var total      = cards.length;\r\n  var current    = 0;\r\n\r\n  function getVisible() {\r\n    var w = track.parentElement.offsetWidth;\r\n    if (w < 580) return 1;\r\n    return 2;\r\n  }\r\n\r\n  function cardWidth() {\r\n    var vis = getVisible();\r\n    var gap = 20;\r\n    return (track.parentElement.offsetWidth - gap * (vis - 1)) \/ vis;\r\n  }\r\n\r\n  function maxIndex() {\r\n    return Math.max(0, total - getVisible());\r\n  }\r\n\r\n  function buildDots() {\r\n    dotsWrap.innerHTML = '';\r\n    var steps = maxIndex() + 1;\r\n    for (var i = 0; i < steps; i++) {\r\n      var d = document.createElement('button');\r\n      d.className = 'vscase__dot' + (i === current ? ' vscase__dot--active' : '');\r\n\t\td.setAttribute('aria-label', 'Go to group ' + (i + 1));\r\n      (function(idx) {\r\n        d.addEventListener('click', function() { goTo(idx); });\r\n      })(i);\r\n      dotsWrap.appendChild(d);\r\n    }\r\n  }\r\n\r\n  function updateDots() {\r\n    var dots = dotsWrap.querySelectorAll('.vscase__dot');\r\n    dots.forEach(function(d, i) {\r\n      d.classList.toggle('vscase__dot--active', i === current);\r\n    });\r\n  }\r\n\r\n  function updateButtons() {\r\n    btnPrev.disabled = current === 0;\r\n    btnNext.disabled = current >= maxIndex();\r\n  }\r\n\r\n  function setCardWidths() {\r\n    var w = cardWidth();\r\n    cards.forEach(function(c) {\r\n      c.style.flex = '0 0 ' + w + 'px';\r\n    });\r\n  }\r\n\r\n  function goTo(idx) {\r\n    current = Math.max(0, Math.min(idx, maxIndex()));\r\n    var w = cardWidth();\r\n    var offset = current * (w + 20);\r\n    track.style.transform = 'translateX(-' + offset + 'px)';\r\n    updateDots();\r\n    updateButtons();\r\n  }\r\n\r\n  function init() {\r\n    setCardWidths();\r\n    buildDots();\r\n    goTo(0);\r\n  }\r\n\r\n  btnPrev.addEventListener('click', function() { goTo(current - 1); });\r\n  btnNext.addEventListener('click', function() { goTo(current + 1); });\r\n\r\n  var resizeTimer;\r\n  window.addEventListener('resize', function() {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(function() {\r\n      if (current > maxIndex()) current = maxIndex();\r\n      setCardWidths();\r\n      buildDots();\r\n      goTo(current);\r\n    }, 120);\r\n  });\r\n\r\n  init();\r\n})();\r\n<\/script>\r\n<!-- FIN \u2014 VISIONSOFT Bloc Cas d'usages Carousel -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The most advanced no-code AI platform for enterprise Build your business applications 10x faster with AI, editable in no-code Visionsoft is the sovereign european no-code and AI platform dedicated to industry &#8211; to create your field applications, connected to your IS, without developers, in a sovereign and secure environment. Request a demo Discover the platform [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-15538","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Visionsoft: the French no-code platform for Industry 4.0. Build, deploy and manage industrial apps with AI \u2014 no code needed.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/visionsoft.tech\/en\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Visionsoft\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Visionsoft \u2014 No-Code Platform for Industry 4.0\" \/>\n\t\t<meta property=\"og:description\" content=\"Visionsoft: the French no-code platform for Industry 4.0. Build, deploy and manage industrial apps with AI \u2014 no code needed.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/visionsoft.tech\/en\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/04\/cropped-logo-visionsoft-gradient.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/04\/cropped-logo-visionsoft-gradient.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t\t<meta property=\"og:image:height\" content=\"198\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-05-25T09:09:02+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-26T08:45:00+00:00\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#listItem\",\"position\":2,\"name\":\"Home\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#listItem\",\"name\":\"Accueil\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#organization\",\"name\":\"Visionsoft\",\"description\":\"Plateforme No-Code & IA pour l'Industrie | Vibe-codez vos apps\",\"url\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/\",\"email\":\"contact@visionsoft.tech\",\"telephone\":\"+33559015960\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"value\":20},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/visionsoft.tech\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-visionsoft-gradient.webp\",\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#organizationLogo\",\"width\":512,\"height\":198},\"image\":{\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.youtube.com\\\/@nocodevision\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/visionsoft-nocode\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#webpage\",\"url\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/\",\"name\":\"Visionsoft \\u2014 No-Code Platform for Industry 4.0\",\"description\":\"Visionsoft: the French no-code platform for Industry 4.0. Build, deploy and manage industrial apps with AI \\u2014 no code needed.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#breadcrumblist\"},\"datePublished\":\"2022-05-25T11:09:02+02:00\",\"dateModified\":\"2026-06-26T10:45:00+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/\",\"name\":\"Visionsoft\",\"alternateName\":\"Vision\",\"description\":\"Plateforme No-Code & IA pour l'Industrie | Vibe-codez vos apps\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/visionsoft.tech\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Visionsoft \u2014 No-Code Platform for Industry 4.0<\/title>\n\n","aioseo_head_json":{"title":"Visionsoft \u2014 No-Code Platform for Industry 4.0","description":"Visionsoft: the French no-code platform for Industry 4.0. Build, deploy and manage industrial apps with AI \u2014 no code needed.","canonical_url":"https:\/\/visionsoft.tech\/en\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/visionsoft.tech\/en\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/visionsoft.tech\/en\/#listItem","position":1,"name":"Accueil","item":"https:\/\/visionsoft.tech\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/visionsoft.tech\/en\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/visionsoft.tech\/en\/#listItem","position":2,"name":"Home","previousItem":{"@type":"ListItem","@id":"https:\/\/visionsoft.tech\/en\/#listItem","name":"Accueil"}}]},{"@type":"Organization","@id":"https:\/\/visionsoft.tech\/en\/#organization","name":"Visionsoft","description":"Plateforme No-Code & IA pour l'Industrie | Vibe-codez vos apps","url":"https:\/\/visionsoft.tech\/en\/","email":"contact@visionsoft.tech","telephone":"+33559015960","numberOfEmployees":{"@type":"QuantitativeValue","value":20},"logo":{"@type":"ImageObject","url":"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/04\/logo-visionsoft-gradient.webp","@id":"https:\/\/visionsoft.tech\/en\/#organizationLogo","width":512,"height":198},"image":{"@id":"https:\/\/visionsoft.tech\/en\/#organizationLogo"},"sameAs":["https:\/\/www.youtube.com\/@nocodevision","https:\/\/www.linkedin.com\/company\/visionsoft-nocode\/"]},{"@type":"WebPage","@id":"https:\/\/visionsoft.tech\/en\/#webpage","url":"https:\/\/visionsoft.tech\/en\/","name":"Visionsoft \u2014 No-Code Platform for Industry 4.0","description":"Visionsoft: the French no-code platform for Industry 4.0. Build, deploy and manage industrial apps with AI \u2014 no code needed.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/visionsoft.tech\/en\/#website"},"breadcrumb":{"@id":"https:\/\/visionsoft.tech\/en\/#breadcrumblist"},"datePublished":"2022-05-25T11:09:02+02:00","dateModified":"2026-06-26T10:45:00+02:00"},{"@type":"WebSite","@id":"https:\/\/visionsoft.tech\/en\/#website","url":"https:\/\/visionsoft.tech\/en\/","name":"Visionsoft","alternateName":"Vision","description":"Plateforme No-Code & IA pour l'Industrie | Vibe-codez vos apps","inLanguage":"en-US","publisher":{"@id":"https:\/\/visionsoft.tech\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Visionsoft","og:type":"article","og:title":"Visionsoft \u2014 No-Code Platform for Industry 4.0","og:description":"Visionsoft: the French no-code platform for Industry 4.0. Build, deploy and manage industrial apps with AI \u2014 no code needed.","og:url":"https:\/\/visionsoft.tech\/en\/","og:image":"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/04\/cropped-logo-visionsoft-gradient.png","og:image:secure_url":"https:\/\/visionsoft.tech\/wp-content\/uploads\/2026\/04\/cropped-logo-visionsoft-gradient.png","og:image:width":512,"og:image:height":198,"article:published_time":"2022-05-25T09:09:02+00:00","article:modified_time":"2026-06-26T08:45:00+00:00"},"aioseo_meta_data":{"post_id":"15538","title":"Visionsoft \u2014 No-Code Platform for Industry 4.0","description":"Visionsoft: the French no-code platform for Industry 4.0. Build, deploy and manage industrial apps with AI \u2014 no code needed.","keywords":null,"keyphrases":{"focus":{"keyphrase":"no-code platform Industry 4.0","score":38,"analysis":{"keyphraseInTitle":{"score":3,"maxScore":9,"error":1},"keyphraseInDescription":{"score":3,"maxScore":9,"error":1},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":4},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"score":0,"type":"low","maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-06-26 08:46:59","breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2024-10-11 09:42:50","updated":"2026-06-26 08:47:00"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/visionsoft.tech\/en\/\" title=\"Accueil\">Accueil<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tHome\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Accueil","link":"https:\/\/visionsoft.tech\/en\/"},{"label":"Home","link":"https:\/\/visionsoft.tech\/en\/"}],"_links":{"self":[{"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/pages\/15538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/comments?post=15538"}],"version-history":[{"count":252,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/pages\/15538\/revisions"}],"predecessor-version":[{"id":23687,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/pages\/15538\/revisions\/23687"}],"wp:attachment":[{"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/media?parent=15538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}