diff --git a/_site/sirius/sirius-web.html b/_site/sirius/sirius-web.html
index f22d671..631a480 100644
--- a/_site/sirius/sirius-web.html
+++ b/_site/sirius/sirius-web.html
@@ -100,9 +100,9 @@
     </div>
 </header>
 
-    <section id="intro" class="">
-    <div class="container">
-        <div class="row align-items-end">
+    <section id="intro" class="">
+    <div class="container">
+        <div class="row align-items-end">
             <div class="col-md-5 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <h1>Easily create and deploy graphical studios to the web</h1>
     <p>An open-source <b>low-code</b> platform for defining custom <b>web applications</b> that support your specific <b>visual languages</b></p>
@@ -123,13 +123,13 @@ <h1>Easily create and deploy graphical studios to the web</h1>
         </a>
     </p>
 </div>
-
-        </div>
-    </div>
-</section>
-<section id="why_sirius_web" class="bg_lightest_grey text-center">
-    <div class="container">
-        <div class="row">
+
+        </div>
+    </div>
+</section>
+<section id="why_sirius_web" class="bg_lightest_grey text-center">
+    <div class="container">
+        <div class="row">
             <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <div>
         <i class="fas fa-project-diagram fa-3x pa2 txt_indigo" aria-hidden="true"></i>
@@ -141,8 +141,8 @@ <h4>Graphically represent<br>and edit data</h4>
         </a></p>
     </div>
 </div>
-
-
+
+
             <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <div>
         <i class="fab fa-html5 fa-3x pa2 txt_indigo" aria-hidden="true"></i>
@@ -154,8 +154,8 @@ <h4>With a modern<br>cloud-based application</h4>
         </a></p>
     </div>
 </div>
-
-
+
+
             <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <div>
         <i class="fas fa-power-off fa-3x pa2 txt_indigo" aria-hidden="true"></i>
@@ -167,39 +167,39 @@ <h4>No Desktop Installation Required</h4>
         </a></p>
     </div>
 </div>
-
-        </div>
-        <div class="row">
-          <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
-            <iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/CNS5LEr9QQE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-          </div>
-          <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
-        	<iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/in6KrDVmWmU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-	      </div>
-	    </div>
-    </div>
-</section>
-<section id="download" class="bg_indigo text-white text-center">
-    <div class="container">
+
+        </div>
+        <div class="row">
+          <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+            <iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/CNS5LEr9QQE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+          </div>
+          <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+        	<iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/in6KrDVmWmU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+	      </div>
+	    </div>
+    </div>
+</section>
+<section id="download" class="bg_indigo text-white text-center">
+    <div class="container">
         <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Download from Github</h2>
 <h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
-<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s"><p><b>Sirius Web</b> is a sub-project of Eclipse Sirius. It is <b>open-source</b> and hosted at the <a href='http://eclipse.org/' target='_blank'>Eclipse Foundation</a></p>
+<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s"><p><b>Sirius Web</b> is a sub-project of Eclipse Sirius. It is <b>open-source</b> and hosted at the <a href='http://eclipse.org/' target='_blank'>Eclipse Foundation</a></p>
         <p>Source code is available on <a href='https://github.com/eclipse-sirius/sirius-web' target='_blank'>GitHub</a>. It contains an example application, built using the frontend and backend components.</p></p>
 <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
-
-        <p><a class="btn btn-default" href="https://github.com/eclipse-sirius/sirius-web" target="_blank">Go to Source Code</a></p>
-    </div>
-</section>
-<section id="features">
-    <div class="container text-center">
+
+        <p><a class="btn btn-default" href="https://github.com/eclipse-sirius/sirius-web" target="_blank">Go to Source Code</a></p>
+    </div>
+</section>
+<section id="features">
+    <div class="container text-center">
         <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Your Modern Web-based Studio</h2>
 <h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
 <p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s">By using Sirius Web to create your custom graphical studio, you automatically gain access to<br>a set of ready-to-use features expected from a modern web-based modeling environment.</p>
 <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
-
-        <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="/sirius/images/sirius-web/features.png" width="1000"></p>
-    </div>
-    <div class="container">
+
+        <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="/sirius/images/sirius-web/features.png" width="1000"></p>
+    </div>
+    <div class="container">
         <div class="row">
     <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Rapid Onboarding</h3>
@@ -209,7 +209,7 @@ <h3>Rapid Onboarding</h3>
     <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
         <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/R4Zd4sN2joQ?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
     </div>
-</div>
+</div>
         <div class="row">
     <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Tailored Graph Diagrams</h3>
@@ -219,7 +219,7 @@ <h3>Tailored Graph Diagrams</h3>
     <div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
         <a href="images/sirius-web/siriusweb-diagram.png" target="_" title="Tailored Graph Diagrams"><img src="images/sirius-web/siriusweb-diagram.png" class="" alt="Tailored Graph Diagrams"></a>
     </div>
-</div>
+</div>
         <div class="row">
     <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
         <h3></h3>
@@ -229,7 +229,7 @@ <h3></h3>
     <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
         <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/BNcqFzoyViU?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
     </div>
-</div>
+</div>
          <div class="row">
     <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Form Views</h3>
@@ -239,7 +239,7 @@ <h3>Form Views</h3>
     <div class="col-md-7 text-center order-1 wow fadeInUp" data-wow-delay=".2s">
         <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/S_qw1hfn5r4?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
     </div>
-</div>
+</div>
         <div class="row">
     <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Gantt Charts</h3>
@@ -249,7 +249,7 @@ <h3>Gantt Charts</h3>
     <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
         <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/pUg4uyF_FnA?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
     </div>
-</div>
+</div>
         <div class="row">
     <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Deck Representation</h3>
@@ -259,7 +259,7 @@ <h3>Deck Representation</h3>
     <div class="col-md-7 text-center order-1 wow fadeInUp" data-wow-delay=".2s">
         <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/kkxqB8wIUlE?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
     </div>
-</div>
+</div>
         <div class="row">
     <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Portal Representation</h3>
@@ -269,22 +269,22 @@ <h3>Portal Representation</h3>
     <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
         <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/0hVER_3goCw?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
     </div>
-</div>
-    </div>
-</section>
-
-<section id="extensibility" class="bg_lightest_grey">
-    <div class="container text-center">
+</div>
+    </div>
+</section>
+
+<section id="extensibility" class="bg_lightest_grey">
+    <div class="container text-center">
         <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Flexible and Highly Extensible</h2>
 <h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
 <p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s">Most of the features offered by Sirius are highly customizable, enabling you to perfectly tailor the studio for your end users.</p>
 <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
-
-        <p class="wow fadeInDown popup-gallery" data-wow-duration="800ms" data-w ow-delay=".6s">
-			<a href="/sirius/images/sirius-web/siriusweb-principles.jpg" target='_' title="Sirius Web Principles"><img src="/sirius/images/sirius-web/siriusweb-principles.svg" width="1110"></a>
-		</p>
-    </div>
-    <div class="container">
+
+        <p class="wow fadeInDown popup-gallery" data-wow-duration="800ms" data-w ow-delay=".6s">
+			<a href="/sirius/images/sirius-web/siriusweb-principles.jpg" target='_' title="Sirius Web Principles"><img src="/sirius/images/sirius-web/siriusweb-principles.svg" width="1110"></a>
+		</p>
+    </div>
+    <div class="container">
         <div class="row">
     <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Low Code Approach</h3>
@@ -294,7 +294,7 @@ <h3>Low Code Approach</h3>
     <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
         <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/p_tDEzGtS0o?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
     </div>
-</div>
+</div>
         <div class="row">
     <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Modular and Modern Architecture</h3>
@@ -304,7 +304,7 @@ <h3>Modular and Modern Architecture</h3>
     <div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
         <a href="/sirius/images/sirius-web/siriusweb-technologies.png" target="_" title="Sirius Web Technologies: React, Spring Boot, PostgreSQL, and GraphQL"><img src="/sirius/images/sirius-web/siriusweb-technologies.png" class="" alt="Sirius Web Technologies: React, Spring Boot, PostgreSQL, and GraphQL"></a>
     </div>
-</div>
+</div>
         <div class="row">
     <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Seamless Integration Capabilities</h3>
@@ -314,19 +314,19 @@ <h3>Seamless Integration Capabilities</h3>
     <div class="col-md-7 text-center order-2 wow fadeInUp" data-wow-delay=".2s">
         <iframe class="shadow popup-youtube" width="530" height="298" src="https://www.youtube.com/embed/tNYg9kx4O7s?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
     </div>
-</div>
-    </div>
-</section>
-
-<section id="open-innovation" class="bg_grey">
-    <div class="container text-center">
+</div>
+    </div>
+</section>
+
+<section id="open-innovation" class="bg_grey">
+    <div class="container text-center">
         <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Welcome On Board!</h2>
 <h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
-<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s"><p>Sirius Web exists thanks to the fruitful collaboration, in an <b>open-innovation</b> model,<br>between the project team and end-user organizations that fund the development of new features.</p><p>Together, let's build your future cutting-edge modeling solution with Sirius Web.</p></p>
+<p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s"><p>Sirius Web exists thanks to the fruitful collaboration, in an <a href='https://www.obeosoft.com/en/company/open-innovation'>open-innovation</a> model,<br>between the project team and end-user organizations that fund the development of new features.</p><p>Together, let's build your future cutting-edge modeling solution with Sirius Web.</p></p>
 <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
-
-    </div>
-    <div class="container">
+
+    </div>
+    <div class="container">
         <div class="row">
     <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
         <h3></h3>
@@ -336,20 +336,20 @@ <h3></h3>
     <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
         <a href="/sirius/images/illustrations/sirius-web-extensibility.png" target="_" title="Open Innovation"><img src="/sirius/images/illustrations/sirius-web-extensibility.png" class="" alt="Open Innovation"></a>
     </div>
-</div>
-        <p class="text-center"><a class="btn btn-default text-white" href="https://www.obeosoft.com/contact" target="_blank">Contact Obeo</a></p>
-    </div>
-</section>
-
-<section id="references">
-    <div class="container text-center">
+</div>
+        <p class="text-center"><a class="btn btn-default text-white" href="https://www.obeosoft.com/en/company/open-innovation" target="_blank">Let’s work together</a></p>
+    </div>
+</section>
+
+<section id="references">
+    <div class="container text-center">
         <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Powered by Sirius Web!</h2>
 <h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
 <p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s">Discover the studios with Sirius Web inside.</p>
 <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
-
-    </div>
-    <div class="container">    
+
+    </div>
+    <div class="container">    
         <div class="row">
     <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Eclipse SysON</h3>
@@ -359,7 +359,7 @@ <h3>Eclipse SysON</h3>
     <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
         <a href="/sirius/images/sirius-web/logo_syson.svg" target="_" title="Eclipse SysON"><img src="/sirius/images/sirius-web/logo_syson.svg" class="" alt="Eclipse SysON"></a>
     </div>
-</div>
+</div>
         <div class="row">
     <div class="col-md-5 order-2 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Eclipse Papyrus</h3>
@@ -369,7 +369,7 @@ <h3>Eclipse Papyrus</h3>
     <div class="col-md-7 popup-gallery text-center order-1 wow fadeInUp" data-wow-delay=".2s">
         <a href="/sirius/images/sirius-web/logo_papyrus.svg" target="_" title="Eclipse Papyrus"><img src="/sirius/images/sirius-web/logo_papyrus.svg" class="" alt="Eclipse Papyrus"></a>
     </div>
-</div>
+</div>
         <div class="row">
     <div class="col-md-5 order-1 wow fadeInLeft" data-wow-delay=".1s">
         <h3>Obeo SmartEA</h3>
@@ -379,20 +379,20 @@ <h3>Obeo SmartEA</h3>
     <div class="col-md-7 popup-gallery text-center order-2 wow fadeInUp" data-wow-delay=".2s">
         <a href="/sirius/images/sirius-web/logo_obeo_smartea.svg" target="_" title="Obeo SmartEA"><img src="/sirius/images/sirius-web/logo_obeo_smartea.svg" class="" alt="Obeo SmartEA"></a>
     </div>
-</div>
-    </div>
-</section>
-
-<section id="resources" class="text-center bg_lightest_grey">
-    <div class="container">
+</div>
+    </div>
+</section>
+
+<section id="resources" class="text-center bg_lightest_grey">
+    <div class="container">
         <h2 class="title wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".2s">Resources</h2>
 <h3 class="wow fadeInDown" data-wow-duration="600ms" data-wow-delay=".3s"></h3>
 <p class="wow fadeInDown" data-wow-duration="700ms" data-w ow-delay=".5s"></p>
 <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="" class="" alt=""></p>
-
-
-        <div class="row">
-            <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+
+
+        <div class="row">
+            <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <div>
         <i class="fas fa-file-alt fa-3x pa2 txt_indigo" aria-hidden="true"></i>
     </div>
@@ -403,10 +403,10 @@ <h4>Documentation</h4>
         </a></p>
     </div>
 </div>
-
-            <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+
+            <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <div>
-        <i class="fas fa-comment fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+        <i class="fa fa-comments-o fa-3x pa2 txt_indigo" aria-hidden="true"></i>
     </div>
     <div>
         <h4>Discussions</h4>
@@ -415,8 +415,20 @@ <h4>Discussions</h4>
         </a></p>
     </div>
 </div>
-
-            <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+
+            <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+    <div>
+        <i class="fas fa-graduation-cap fa-3x pa2 txt_indigo" aria-hidden="true"></i>
+    </div>
+    <div>
+        <h4>Training</h4>
+        <p></p>
+        <p><a class="" href="https://www.obeosoft.com/en/services/training" target="_blank">Learn form Experts <i class="fas fa-arrow-alt-circle-right" aria-hidden="true"></i>
+        </a></p>
+    </div>
+</div>
+
+            <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <div>
         <i class="fas fa-life-ring fa-3x pa2 txt_indigo" aria-hidden="true"></i>
     </div>
@@ -427,9 +439,9 @@ <h4>Professional support</h4>
         </a></p>
     </div>
 </div>
-
-        </div>
-        <div class="row"> 
+
+        </div>
+        <div class="row"> 
             <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <div>
         <i class="fas fa-newspaper fa-3x pa2 txt_indigo" aria-hidden="true"></i>
@@ -441,7 +453,7 @@ <h4>Articles</h4>
         </a></p>
     </div>
 </div>
-
+
             <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <div>
         <i class="fas fa-play-circle fa-3x pa2 txt_indigo" aria-hidden="true"></i>
@@ -453,7 +465,7 @@ <h4>Videos</h4>
         </a></p>
     </div>
 </div>
-
+
             <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
     <div>
         <i class="fas fa-paper-plane fa-3x pa2 txt_indigo" aria-hidden="true"></i>
@@ -465,10 +477,11 @@ <h4>Mailing List</h4>
         </a></p>
     </div>
 </div>
-
-        </div>
-    </div>
+
+        </div>
+    </div>
 </section>
+
 <footer>
   <div class="container">
       <div class="row">    
diff --git a/sirius/sirius-web.html b/sirius/sirius-web.html
index 127998b..0404f3c 100644
--- a/sirius/sirius-web.html
+++ b/sirius/sirius-web.html
@@ -1,344 +1,355 @@
----
-layout: sirius_web
-title: Sirius | Sirius WebHome
----
-<section id="intro" class="">
-    <div class="container">
-        <div class="row align-items-end">
-            {% include section_intro.html
-                title="Easily create and deploy graphical studios to the web"
-                desc="An open-source <b>low-code</b> platform for defining custom <b>web applications</b> that support your specific <b>visual languages</b>"
-
-                img_src="images/sirius-web/siriusweb-diagram.png"
-                img_alt="Easily create and deploy studios to the web"
-            %}
-        </div>
-    </div>
-</section>
-<section id="why_sirius_web" class="bg_lightest_grey text-center">
-    <div class="container">
-        <div class="row">
-            {% include block_cols.html
-                col="4"
-                icon_name="fas fa-project-diagram"
-                icon_color="txt_indigo"
-                title="Graphically represent<br>and edit data"
-                desc="Modeling studios built with Sirius Web support the editing of your DSL using both your specific visual notation and native domain concepts"
-            %}
-
-            {% include block_cols.html
-                col="4"
-                icon_name="fab fa-html5"
-                icon_color="txt_indigo"
-                title="With a modern<br>cloud-based application"
-                desc="Your studios provide a modern UX and are deployed on a web server using state-of-the-art technologies: Spring, React, PostgreSQL, GraphQL"
-            %}
-
-            {% include block_cols.html
-                col="4"
-                icon_name="fas fa-power-off"
-                icon_color="txt_indigo"
-                title="No Desktop Installation Required"
-                desc="Once deployed on a server, users can launch your custom studio directly from a web browser, with no need for any specific desktop installation"
-            %}
-        </div>
-        <div class="row">
-          <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
-            <iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/CNS5LEr9QQE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-          </div>
-          <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
-        	<iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/in6KrDVmWmU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-	      </div>
-	    </div>
-    </div>
-</section>
-<section id="download" class="bg_indigo text-white text-center">
-    <div class="container">
-        {% include block_heading.html
-            title="Download from Github"
-            sub_title=""
-            desc="<p><b>Sirius Web</b> is a sub-project of Eclipse Sirius. It is <b>open-source</b> and hosted at the <a href='http://eclipse.org/' target='_blank'>Eclipse Foundation</a></p>
-        <p>Source code is available on <a href='https://github.com/eclipse-sirius/sirius-web' target='_blank'>GitHub</a>. It contains an example application, built using the frontend and backend components.</p>"
-        %}
-        <p><a class="btn btn-default" href="https://github.com/eclipse-sirius/sirius-web" target="_blank">Go to Source Code</a></p>
-    </div>
-</section>
-<section id="features">
-    <div class="container text-center">
-        {% include block_heading.html
-            title="Your Modern Web-based Studio"
-            sub_title=""
-            desc="By using Sirius Web to create your custom graphical studio, you automatically gain access to<br>a set of ready-to-use features expected from a modern web-based modeling environment."
-        %}
-        <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="/sirius/images/sirius-web/features.png" width="1000"></p>
-    </div>
-    <div class="container">
-        {% include block_text_video.html
-            txt_order="order-1"
-            title="Rapid Onboarding"
-            desc="<p>For end users working with a studio built using Sirius Web, starting a new modeling project is simple and intuitive.</p><p>They can either open an existing project, create one from scratch, import a file, or initialize a new project using a pre-configured template.</p><p>Once the project is created, contextual accelerators and tools guide the user in populating the model, precisely editing object properties, and exploring the entire model.</p>"
-
-            iframe_order="order-2"
-            iframe_src="https://www.youtube.com/embed/R4Zd4sN2joQ"
-            iframe_width="530"
-            iframe_height="298"
-        %}
-        {% include block_text_image.html
-            txt_order="order-2"
-            title="Tailored Graph Diagrams"
-            desc="<p>Diagrams are the primary type of representation you can configure to enable end users to visually model and edit their data. In a diagram, model elements are depicted as nodes (shapes or images) and edges (directed or undirected).</p><p>A studio created with Sirius typically offers several types of graph diagrams, each tailored to represent specific types of objects with their own appearance (shape, color, label, internal elements, etc.), and to visualize how they relate to other elements within the same diagram.</p>"
-
-            img_order="order-1"
-            img_src="images/sirius-web/siriusweb-diagram.png"
-            img_title="Tailored Graph Diagrams"
-            img_href="images/sirius-web/siriusweb-diagram.png"
-        %}
-        {% include block_text_video.html
-            txt_order="order-1"
-            title=""
-            desc="<p>Each diagram comes with built-in advanced features, including:</p><ul><li>Graphical element layout management (arrange, auto-layout, pin/unpin, shading, helper lines, etc.)</li><li>High-quality rendering options (zoom, full-screen mode, SVG export, etc)</li></ul><p>Additionally, graph diagrams provide tools that users can execute, either from the diagram's background or directly on any visible element. These tools can be customized specifically for the studio.</p>"
-
-            iframe_order="order-2"
-            iframe_src="https://www.youtube.com/embed/BNcqFzoyViU"
-            iframe_width="530"
-            iframe_height="298"
-        %}
-         {% include block_text_video.html
-            txt_order="order-2"
-            title="Form Views"
-            desc="<p>The principles used by Sirius Web to display an object's properties in the Details View can also be applied to create specific form-based editors.</p><p>A form-based editor consists of specially arranged widgets that allow users to edit model elements.</p><p>These widgets can range from basic (text fields, checkboxes, radio buttons, etc.) to more advanced types (sliders, image pickers, calendars, charts, etc.).</p><p><a href='' target='_'>  <i class='' aria-hidden='true'></i></a></p>"
-
-            iframe_order="order-1"
-            iframe_src="https://www.youtube.com/embed/S_qw1hfn5r4"
-            iframe_width="530"
-            iframe_height="298"
-        %}
-        {% include block_text_video.html
-            txt_order="order-1"
-            title="Gantt Charts"
-            desc="<p>Sirius Web supports this familiar visual representation that shows the start and finish dates of various elements.</p><p>It features a timeline at the top, with horizontal bars positioned and sized according to dates and durations. These bars can be linked to illustrate dependencies.</p><p>While commonly used for task scheduling in projects, Gantt charts can be applied to any domain involving dates.</p>"
-
-            iframe_order="order-2"
-            iframe_src="https://www.youtube.com/embed/pUg4uyF_FnA"
-            iframe_width="530"
-            iframe_height="298"
-        %}
-        {% include block_text_video.html
-            txt_order="order-2"
-            title="Deck Representation"
-            desc="<p>The Deck representation is a visual format popularized by Kanban boards, where cards are displayed in lanes.</p><p>Each lane typically represents a specific state (e.g., Not Started, In Progress, Completed).</p><p>With Sirius Web, this representation can be used for specific domains, allowing users to manage their data with cards.</p>"
-
-            iframe_order="order-1"
-            iframe_src="https://www.youtube.com/embed/kkxqB8wIUlE"
-            iframe_width="530"
-            iframe_height="298"
-        %}
-        {% include block_text_video.html
-            txt_order="order-1"
-            title="Portal Representation"
-            desc="A portal is a ready-to-use representation that allows end users to create a custom view composed of multiple existing representations, such as diagrams, forms, Gantt charts, and more."
-
-            iframe_order="order-2"
-            iframe_src="https://www.youtube.com/embed/0hVER_3goCw"
-            iframe_width="530"
-            iframe_height="298"
-        %}
-    </div>
-</section>
-
-<section id="extensibility" class="bg_lightest_grey">
-    <div class="container text-center">
-        {% include block_heading.html
-            title="Flexible and Highly Extensible"
-            sub_title=""
-            desc="Most of the features offered by Sirius are highly customizable, enabling you to perfectly tailor the studio for your end users."
-        %}
-        <p class="wow fadeInDown popup-gallery" data-wow-duration="800ms" data-w ow-delay=".6s">
-			<a href="/sirius/images/sirius-web/siriusweb-principles.jpg" target='_' title="Sirius Web Principles"><img src="/sirius/images/sirius-web/siriusweb-principles.svg" width="1110"></a>
-		</p>
-    </div>
-    <div class="container">
-        {% include block_text_video.html
-            txt_order="order-1"
-            title="Low Code Approach"
-            desc="<p>Studios built with Sirius Web are primarily defined through configuration, requiring a minimal programming.</p><p>The platform provides built-in features to specify the structure of your data (Domain), and how it can be graphically visualized and edited (View).</p><p>This approach significantly reduces the amount of code needed to create a modeling tool, allowing developers to focus more on defining modeling concepts, graphical representations, and value-added functionalities.</p>"
-            iframe_order="order-2"
-            iframe_src="https://www.youtube.com/embed/p_tDEzGtS0o"
-            iframe_width="530"
-            iframe_height="298"
-        %}
-        {% include block_text_image.html
-            txt_order="order-2"
-            title="Modular and Modern Architecture"
-            desc="<p>The studio's features defined by configuration are complemented by source code built on a modular and modern web-based architecture.</p><p>Sirius Web's technical foundation leverages the latest web technologies, including React, Spring Boot, PostgreSQL, and GraphQL, ensuring it remains at the forefront of web development.</p>"
-            img_order="order-1"
-            img_src="/sirius/images/sirius-web/siriusweb-technologies.png"
-            img_title="Sirius Web Technologies: React, Spring Boot, PostgreSQL, and GraphQL"
-            img_href="/sirius/images/sirius-web/siriusweb-technologies.png"
-        %}
-        {% include block_text_video.html
-            txt_order="order-1"
-            title="Seamless Integration Capabilities"
-            desc="<p>This architecture makes it easy to integrate external components into your studio, such as form widgets, graphical views, and business rules.</p><p>Conversely, your studio can be integrated into other applications, providing advanced editing and visualization capabilities.</p><p>In the video beside this text, you can see an integration between the Papyrus web editor (created with Sirius Web) and an LLM: in this experimental example, an AI application copilots the end user in the creation of a UML model.</p>"
-
-            iframe_order="order-2"
-            iframe_src="https://www.youtube.com/embed/tNYg9kx4O7s"
-            iframe_width="530"
-            iframe_height="298"
-        %}
-    </div>
-</section>
-
-<section id="open-innovation" class="bg_grey">
-    <div class="container text-center">
-        {% include block_heading.html
-            title="Welcome On Board!"
-            sub_title=""
-            desc="<p>Sirius Web exists thanks to the fruitful collaboration, in an <b>open-innovation</b> model,<br>between the project team and end-user organizations that fund the development of new features.</p><p>Together, let's build your future cutting-edge modeling solution with Sirius Web.</p>"
-        %}
-    </div>
-    <div class="container">
-        {% include block_text_image.html
-            txt_order="order-1"
-            title=""
-            desc="<p>Are you:</p><ul><li>A <b>Software Provider</b> distributing modeling products?</li><li>A <b>Large Organization</b> with your own modeling methodology?</li></ul><p>Do you need:</p><ul><li>To <b>migrate</b> a desktop modeling tool <b>to the web</b>?</li><li>To <b>develop</b> a brand-new <b>web-based</b> modeling tool?</li></ul>"
-            img_order="order-2"
-            img_src="/sirius/images/illustrations/sirius-web-extensibility.png"
-            img_title="Open Innovation"
-            img_href="https://www.obeosoft.com/contact"
-        %}
-        <p class="text-center"><a class="btn btn-default text-white" href="https://www.obeosoft.com/contact" target="_blank">Contact Obeo</a></p>
-    </div>
-</section>
-
-<section id="references">
-    <div class="container text-center">
-        {% include block_heading.html
-            title="Powered by Sirius Web!"
-            sub_title=""
-            desc="Discover the studios with Sirius Web inside."
-        %}
-    </div>
-    <div class="container">    
-        {% include block_text_image.html
-            txt_order="order-1"
-            title="Eclipse SysON"
-            desc="<p>Eclipse SysON is an open-source, web-based MBSE modeling tool designed for authoring SysML v2 models.</p><p>The SysON workbench is developed using Sirius Web.</p>"
-            lnk_href="https://mbse-syson.org"
-            lnk_target=""
-            lnk_txt="Project page"
-            lnk_icon="fas fa-arrow-alt-circle-right"
-            img_order="order-2"
-            img_src="/sirius/images/sirius-web/logo_syson.svg"
-            img_title="Eclipse SysON"
-            img_href="https://mbse-syson.org"
-        %}
-        {% include block_text_image.html
-            txt_order="order-2"
-            title="Eclipse Papyrus"
-            desc="<p><a href='https://eclipse.dev/papyrus'>Eclipse Papyrus</a> is an industrial-grade, open-source Model-Based Engineering tool.</p><p>The web editors for Papyrus are developed using Sirius Web.</p>"
-			lnk_href="https://eclipse.dev/papyrus"
-            lnk_target=""
-            lnk_txt="Project page"
-            lnk_icon="fas fa-arrow-alt-circle-right"
-            img_order="order-1"
-            img_src="/sirius/images/sirius-web/logo_papyrus.svg"
-            img_title="Eclipse Papyrus"
-            img_href="https://eclipse.dev/papyrus"
-        %}
-        {% include block_text_image.html
-            txt_order="order-1"
-            title="Obeo SmartEA"
-            desc="<p><a href='https://www.obeosmartea.com/'>Obeo SmartEA</a> is a graphical and collaborative Enterprise Architecture solution that supports ArchiMate and BPMN standards.</p><p>The web editors for Obeo SmartEA are developed using Sirius Web.</p>"
-            lnk_href="https://www.obeosmartea.com/"
-            lnk_target=""
-            lnk_txt="Product page"
-            lnk_icon="fas fa-arrow-alt-circle-right"
-            img_order="order-2"
-            img_src="/sirius/images/sirius-web/logo_obeo_smartea.svg"
-            img_title="Obeo SmartEA"
-            img_href="https://www.obeosmartea.com"
-        %}
-    </div>
-</section>
-
-<section id="resources" class="text-center bg_lightest_grey">
-    <div class="container">
-        {% include block_heading.html
-            title="Resources"
-            sub_title=""
-            desc=""
-        %}
-
-        <div class="row">
-            {% include block_cols.html
-                col="4"
-                icon_name="fas fa-file-alt"
-                icon_color="txt_indigo"
-                title="Documentation"
-                desc=""
-                href="http://docs.obeostudio.com/"
-                target="_blank"
-                link_txt="Reference Documentation"
-                href_icon="fas fa-arrow-alt-circle-right"
-            %}
-            {% include block_cols.html
-                col="4"
-                icon_name="fas fa-comment"
-                icon_color="txt_indigo"
-                title="Discussions"
-                desc=""
-                href="https://github.com/eclipse-sirius/sirius-web/discussions"
-                target="_blank"
-                link_txt="Official forum"
-                href_icon="fas fa-arrow-alt-circle-right"
-            %}
-            {% include block_cols.html
-                col="4"
-                icon_name="fas fa-life-ring"
-                icon_color="txt_indigo"
-                title="Professional support"
-                desc=""
-                href="https://www.obeosoft.com/en/contact"
-                target="_blank"
-                link_txt="Contact Obeo"
-                href_icon="fas fa-arrow-alt-circle-right"
-            %}
-        </div>
-        <div class="row"> 
-            {% include block_cols.html
-                col="4"
-                icon_name="fas fa-newspaper"
-                icon_color="txt_indigo"
-                title="Articles"
-                desc=""
-                href="https://blog.obeo.fr/tags/siriusweb"
-                target="_blank"
-                link_txt="Team's Blog"
-                href_icon="fas fa-arrow-alt-circle-right"
-            %}
-            {% include block_cols.html
-                col="4"
-                icon_name="fas fa-play-circle"
-                icon_color="txt_indigo"
-                title="Videos"
-                desc=""
-                href="https://www.youtube.com/playlist?list=PLDCKzuGIN_Zy1YTEJWo1nvrtHRs-Vwbc6"
-                target="_blank"
-                link_txt="Youtube Playlist"
-                href_icon="fas fa-arrow-alt-circle-right"
-            %}
-            {% include block_cols.html
-                col="4"
-                icon_name="fas fa-paper-plane"
-                icon_color="txt_indigo"
-                title="Mailing List"
-                desc=""
-                href="https://www.obeosoft.com/en/sirius-mailing-list"
-                target="_blank"
-                link_txt="Receive news by Obeo"
-                href_icon="fas fa-arrow-alt-circle-right"
-            %}
-        </div>
-    </div>
-</section>
\ No newline at end of file
+---
+layout: sirius_web
+title: Sirius | Sirius WebHome
+---
+<section id="intro" class="">
+    <div class="container">
+        <div class="row align-items-end">
+            {% include section_intro.html
+                title="Easily create and deploy graphical studios to the web"
+                desc="An open-source <b>low-code</b> platform for defining custom <b>web applications</b> that support your specific <b>visual languages</b>"
+
+                img_src="images/sirius-web/siriusweb-diagram.png"
+                img_alt="Easily create and deploy studios to the web"
+            %}
+        </div>
+    </div>
+</section>
+<section id="why_sirius_web" class="bg_lightest_grey text-center">
+    <div class="container">
+        <div class="row">
+            {% include block_cols.html
+                col="4"
+                icon_name="fas fa-project-diagram"
+                icon_color="txt_indigo"
+                title="Graphically represent<br>and edit data"
+                desc="Modeling studios built with Sirius Web support the editing of your DSL using both your specific visual notation and native domain concepts"
+            %}
+
+            {% include block_cols.html
+                col="4"
+                icon_name="fab fa-html5"
+                icon_color="txt_indigo"
+                title="With a modern<br>cloud-based application"
+                desc="Your studios provide a modern UX and are deployed on a web server using state-of-the-art technologies: Spring, React, PostgreSQL, GraphQL"
+            %}
+
+            {% include block_cols.html
+                col="4"
+                icon_name="fas fa-power-off"
+                icon_color="txt_indigo"
+                title="No Desktop Installation Required"
+                desc="Once deployed on a server, users can launch your custom studio directly from a web browser, with no need for any specific desktop installation"
+            %}
+        </div>
+        <div class="row">
+          <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+            <iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/CNS5LEr9QQE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+          </div>
+          <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+        	<iframe style="margin:10px" class="shadow" width="480" height="270" src="https://www.youtube.com/embed/in6KrDVmWmU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+	      </div>
+	    </div>
+    </div>
+</section>
+<section id="download" class="bg_indigo text-white text-center">
+    <div class="container">
+        {% include block_heading.html
+            title="Download from Github"
+            sub_title=""
+            desc="<p><b>Sirius Web</b> is a sub-project of Eclipse Sirius. It is <b>open-source</b> and hosted at the <a href='http://eclipse.org/' target='_blank'>Eclipse Foundation</a></p>
+        <p>Source code is available on <a href='https://github.com/eclipse-sirius/sirius-web' target='_blank'>GitHub</a>. It contains an example application, built using the frontend and backend components.</p>"
+        %}
+        <p><a class="btn btn-default" href="https://github.com/eclipse-sirius/sirius-web" target="_blank">Go to Source Code</a></p>
+    </div>
+</section>
+<section id="features">
+    <div class="container text-center">
+        {% include block_heading.html
+            title="Your Modern Web-based Studio"
+            sub_title=""
+            desc="By using Sirius Web to create your custom graphical studio, you automatically gain access to<br>a set of ready-to-use features expected from a modern web-based modeling environment."
+        %}
+        <p class="wow fadeInDown" data-wow-duration="800ms" data-w ow-delay=".6s"><img src="/sirius/images/sirius-web/features.png" width="1000"></p>
+    </div>
+    <div class="container">
+        {% include block_text_video.html
+            txt_order="order-1"
+            title="Rapid Onboarding"
+            desc="<p>For end users working with a studio built using Sirius Web, starting a new modeling project is simple and intuitive.</p><p>They can either open an existing project, create one from scratch, import a file, or initialize a new project using a pre-configured template.</p><p>Once the project is created, contextual accelerators and tools guide the user in populating the model, precisely editing object properties, and exploring the entire model.</p>"
+
+            iframe_order="order-2"
+            iframe_src="https://www.youtube.com/embed/R4Zd4sN2joQ"
+            iframe_width="530"
+            iframe_height="298"
+        %}
+        {% include block_text_image.html
+            txt_order="order-2"
+            title="Tailored Graph Diagrams"
+            desc="<p>Diagrams are the primary type of representation you can configure to enable end users to visually model and edit their data. In a diagram, model elements are depicted as nodes (shapes or images) and edges (directed or undirected).</p><p>A studio created with Sirius typically offers several types of graph diagrams, each tailored to represent specific types of objects with their own appearance (shape, color, label, internal elements, etc.), and to visualize how they relate to other elements within the same diagram.</p>"
+
+            img_order="order-1"
+            img_src="images/sirius-web/siriusweb-diagram.png"
+            img_title="Tailored Graph Diagrams"
+            img_href="images/sirius-web/siriusweb-diagram.png"
+        %}
+        {% include block_text_video.html
+            txt_order="order-1"
+            title=""
+            desc="<p>Each diagram comes with built-in advanced features, including:</p><ul><li>Graphical element layout management (arrange, auto-layout, pin/unpin, shading, helper lines, etc.)</li><li>High-quality rendering options (zoom, full-screen mode, SVG export, etc)</li></ul><p>Additionally, graph diagrams provide tools that users can execute, either from the diagram's background or directly on any visible element. These tools can be customized specifically for the studio.</p>"
+
+            iframe_order="order-2"
+            iframe_src="https://www.youtube.com/embed/BNcqFzoyViU"
+            iframe_width="530"
+            iframe_height="298"
+        %}
+         {% include block_text_video.html
+            txt_order="order-2"
+            title="Form Views"
+            desc="<p>The principles used by Sirius Web to display an object's properties in the Details View can also be applied to create specific form-based editors.</p><p>A form-based editor consists of specially arranged widgets that allow users to edit model elements.</p><p>These widgets can range from basic (text fields, checkboxes, radio buttons, etc.) to more advanced types (sliders, image pickers, calendars, charts, etc.).</p><p><a href='' target='_'>  <i class='' aria-hidden='true'></i></a></p>"
+
+            iframe_order="order-1"
+            iframe_src="https://www.youtube.com/embed/S_qw1hfn5r4"
+            iframe_width="530"
+            iframe_height="298"
+        %}
+        {% include block_text_video.html
+            txt_order="order-1"
+            title="Gantt Charts"
+            desc="<p>Sirius Web supports this familiar visual representation that shows the start and finish dates of various elements.</p><p>It features a timeline at the top, with horizontal bars positioned and sized according to dates and durations. These bars can be linked to illustrate dependencies.</p><p>While commonly used for task scheduling in projects, Gantt charts can be applied to any domain involving dates.</p>"
+
+            iframe_order="order-2"
+            iframe_src="https://www.youtube.com/embed/pUg4uyF_FnA"
+            iframe_width="530"
+            iframe_height="298"
+        %}
+        {% include block_text_video.html
+            txt_order="order-2"
+            title="Deck Representation"
+            desc="<p>The Deck representation is a visual format popularized by Kanban boards, where cards are displayed in lanes.</p><p>Each lane typically represents a specific state (e.g., Not Started, In Progress, Completed).</p><p>With Sirius Web, this representation can be used for specific domains, allowing users to manage their data with cards.</p>"
+
+            iframe_order="order-1"
+            iframe_src="https://www.youtube.com/embed/kkxqB8wIUlE"
+            iframe_width="530"
+            iframe_height="298"
+        %}
+        {% include block_text_video.html
+            txt_order="order-1"
+            title="Portal Representation"
+            desc="A portal is a ready-to-use representation that allows end users to create a custom view composed of multiple existing representations, such as diagrams, forms, Gantt charts, and more."
+
+            iframe_order="order-2"
+            iframe_src="https://www.youtube.com/embed/0hVER_3goCw"
+            iframe_width="530"
+            iframe_height="298"
+        %}
+    </div>
+</section>
+
+<section id="extensibility" class="bg_lightest_grey">
+    <div class="container text-center">
+        {% include block_heading.html
+            title="Flexible and Highly Extensible"
+            sub_title=""
+            desc="Most of the features offered by Sirius are highly customizable, enabling you to perfectly tailor the studio for your end users."
+        %}
+        <p class="wow fadeInDown popup-gallery" data-wow-duration="800ms" data-w ow-delay=".6s">
+			<a href="/sirius/images/sirius-web/siriusweb-principles.jpg" target='_' title="Sirius Web Principles"><img src="/sirius/images/sirius-web/siriusweb-principles.svg" width="1110"></a>
+		</p>
+    </div>
+    <div class="container">
+        {% include block_text_video.html
+            txt_order="order-1"
+            title="Low Code Approach"
+            desc="<p>Studios built with Sirius Web are primarily defined through configuration, requiring a minimal programming.</p><p>The platform provides built-in features to specify the structure of your data (Domain), and how it can be graphically visualized and edited (View).</p><p>This approach significantly reduces the amount of code needed to create a modeling tool, allowing developers to focus more on defining modeling concepts, graphical representations, and value-added functionalities.</p>"
+            iframe_order="order-2"
+            iframe_src="https://www.youtube.com/embed/p_tDEzGtS0o"
+            iframe_width="530"
+            iframe_height="298"
+        %}
+        {% include block_text_image.html
+            txt_order="order-2"
+            title="Modular and Modern Architecture"
+            desc="<p>The studio's features defined by configuration are complemented by source code built on a modular and modern web-based architecture.</p><p>Sirius Web's technical foundation leverages the latest web technologies, including React, Spring Boot, PostgreSQL, and GraphQL, ensuring it remains at the forefront of web development.</p>"
+            img_order="order-1"
+            img_src="/sirius/images/sirius-web/siriusweb-technologies.png"
+            img_title="Sirius Web Technologies: React, Spring Boot, PostgreSQL, and GraphQL"
+            img_href="/sirius/images/sirius-web/siriusweb-technologies.png"
+        %}
+        {% include block_text_video.html
+            txt_order="order-1"
+            title="Seamless Integration Capabilities"
+            desc="<p>This architecture makes it easy to integrate external components into your studio, such as form widgets, graphical views, and business rules.</p><p>Conversely, your studio can be integrated into other applications, providing advanced editing and visualization capabilities.</p><p>In the video beside this text, you can see an integration between the Papyrus web editor (created with Sirius Web) and an LLM: in this experimental example, an AI application copilots the end user in the creation of a UML model.</p>"
+
+            iframe_order="order-2"
+            iframe_src="https://www.youtube.com/embed/tNYg9kx4O7s"
+            iframe_width="530"
+            iframe_height="298"
+        %}
+    </div>
+</section>
+
+<section id="open-innovation" class="bg_grey">
+    <div class="container text-center">
+        {% include block_heading.html
+            title="Welcome On Board!"
+            sub_title=""
+            desc="<p>Sirius Web exists thanks to the fruitful collaboration, in an <a href='https://www.obeosoft.com/en/company/open-innovation'>open-innovation</a> model,<br>between the project team and end-user organizations that fund the development of new features.</p><p>Together, let's build your future cutting-edge modeling solution with Sirius Web.</p>"
+        %}
+    </div>
+    <div class="container">
+        {% include block_text_image.html
+            txt_order="order-1"
+            title=""
+            desc="<p>Are you:</p><ul><li>A <b>Software Provider</b> distributing modeling products?</li><li>A <b>Large Organization</b> with your own modeling methodology?</li></ul><p>Do you need:</p><ul><li>To <b>migrate</b> a desktop modeling tool <b>to the web</b>?</li><li>To <b>develop</b> a brand-new <b>web-based</b> modeling tool?</li></ul>"
+            img_order="order-2"
+            img_src="/sirius/images/illustrations/sirius-web-extensibility.png"
+            img_title="Open Innovation"
+            img_href="https://www.obeosoft.com/contact"
+        %}
+        <p class="text-center"><a class="btn btn-default text-white" href="https://www.obeosoft.com/en/company/open-innovation" target="_blank">Let’s work together</a></p>
+    </div>
+</section>
+
+<section id="references">
+    <div class="container text-center">
+        {% include block_heading.html
+            title="Powered by Sirius Web!"
+            sub_title=""
+            desc="Discover the studios with Sirius Web inside."
+        %}
+    </div>
+    <div class="container">    
+        {% include block_text_image.html
+            txt_order="order-1"
+            title="Eclipse SysON"
+            desc="<p>Eclipse SysON is an open-source, web-based MBSE modeling tool designed for authoring SysML v2 models.</p><p>The SysON workbench is developed using Sirius Web.</p>"
+            lnk_href="https://mbse-syson.org"
+            lnk_target=""
+            lnk_txt="Project page"
+            lnk_icon="fas fa-arrow-alt-circle-right"
+            img_order="order-2"
+            img_src="/sirius/images/sirius-web/logo_syson.svg"
+            img_title="Eclipse SysON"
+            img_href="https://mbse-syson.org"
+        %}
+        {% include block_text_image.html
+            txt_order="order-2"
+            title="Eclipse Papyrus"
+            desc="<p><a href='https://eclipse.dev/papyrus'>Eclipse Papyrus</a> is an industrial-grade, open-source Model-Based Engineering tool.</p><p>The web editors for Papyrus are developed using Sirius Web.</p>"
+			lnk_href="https://eclipse.dev/papyrus"
+            lnk_target=""
+            lnk_txt="Project page"
+            lnk_icon="fas fa-arrow-alt-circle-right"
+            img_order="order-1"
+            img_src="/sirius/images/sirius-web/logo_papyrus.svg"
+            img_title="Eclipse Papyrus"
+            img_href="https://eclipse.dev/papyrus"
+        %}
+        {% include block_text_image.html
+            txt_order="order-1"
+            title="Obeo SmartEA"
+            desc="<p><a href='https://www.obeosmartea.com/'>Obeo SmartEA</a> is a graphical and collaborative Enterprise Architecture solution that supports ArchiMate and BPMN standards.</p><p>The web editors for Obeo SmartEA are developed using Sirius Web.</p>"
+            lnk_href="https://www.obeosmartea.com/"
+            lnk_target=""
+            lnk_txt="Product page"
+            lnk_icon="fas fa-arrow-alt-circle-right"
+            img_order="order-2"
+            img_src="/sirius/images/sirius-web/logo_obeo_smartea.svg"
+            img_title="Obeo SmartEA"
+            img_href="https://www.obeosmartea.com"
+        %}
+    </div>
+</section>
+
+<section id="resources" class="text-center bg_lightest_grey">
+    <div class="container">
+        {% include block_heading.html
+            title="Resources"
+            sub_title=""
+            desc=""
+        %}
+
+        <div class="row">
+            {% include block_cols.html
+                col="3"
+                icon_name="fas fa-file-alt"
+                icon_color="txt_indigo"
+                title="Documentation"
+                desc=""
+                href="http://docs.obeostudio.com/"
+                target="_blank"
+                link_txt="Reference Documentation"
+                href_icon="fas fa-arrow-alt-circle-right"
+            %}
+            {% include block_cols.html
+                col="3"
+                icon_name="fa fa-comments-o"
+                icon_color="txt_indigo"
+                title="Discussions"
+                desc=""
+                href="https://github.com/eclipse-sirius/sirius-web/discussions"
+                target="_blank"
+                link_txt="Official forum"
+                href_icon="fas fa-arrow-alt-circle-right"
+            %}
+            {% include block_cols.html
+                col="3"
+                icon_name="fas fa-graduation-cap"
+                icon_color="txt_indigo"
+                title="Training"
+                desc=""
+                href="https://www.obeosoft.com/en/services/training"
+                target="_blank"
+                link_txt="Learn form Experts"
+                href_icon="fas fa-arrow-alt-circle-right"
+            %}
+            {% include block_cols.html
+                col="3"
+                icon_name="fas fa-life-ring"
+                icon_color="txt_indigo"
+                title="Professional support"
+                desc=""
+                href="https://www.obeosoft.com/en/contact"
+                target="_blank"
+                link_txt="Contact Obeo"
+                href_icon="fas fa-arrow-alt-circle-right"
+            %}
+        </div>
+        <div class="row"> 
+            {% include block_cols.html
+                col="4"
+                icon_name="fas fa-newspaper"
+                icon_color="txt_indigo"
+                title="Articles"
+                desc=""
+                href="https://blog.obeo.fr/tags/siriusweb"
+                target="_blank"
+                link_txt="Team's Blog"
+                href_icon="fas fa-arrow-alt-circle-right"
+            %}
+            {% include block_cols.html
+                col="4"
+                icon_name="fas fa-play-circle"
+                icon_color="txt_indigo"
+                title="Videos"
+                desc=""
+                href="https://www.youtube.com/playlist?list=PLDCKzuGIN_Zy1YTEJWo1nvrtHRs-Vwbc6"
+                target="_blank"
+                link_txt="Youtube Playlist"
+                href_icon="fas fa-arrow-alt-circle-right"
+            %}
+            {% include block_cols.html
+                col="4"
+                icon_name="fas fa-paper-plane"
+                icon_color="txt_indigo"
+                title="Mailing List"
+                desc=""
+                href="https://www.obeosoft.com/en/sirius-mailing-list"
+                target="_blank"
+                link_txt="Receive news by Obeo"
+                href_icon="fas fa-arrow-alt-circle-right"
+            %}
+        </div>
+    </div>
+</section>