[ci skip] update website docs

- update main page: promote docker
- python-c.mdx: fix typo

Author: alphaville

docs/python-c.mdx

@@ -270,4 +270,4 @@ iterations = 69
 outer iterations = 5
 solve time = 0.140401 ms
 ```
-```
+

website/src/css/custom.css

@@ -434,6 +434,45 @@ body {
   margin-bottom: 0;
 }
 
+.homeDockerPromo {
+  display: grid;
+  grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr);
+  gap: 1.5rem;
+  align-items: center;
+  width: min(1100px, calc(100% - 2rem));
+  margin: 0 auto;
+}
+
+.homeDockerPromo__content,
+.homeDockerPromo__visual {
+  min-width: 0;
+}
+
+.homeDockerPromo__content h2 {
+  margin: 0 0 0.85rem;
+  color: #2f1a14;
+  font-size: clamp(2rem, 4vw, 3rem);
+  line-height: 1.08;
+}
+
+.homeDockerPromo__content p {
+  color: var(--open-page-muted);
+}
+
+.homeDockerPromo__image {
+  display: block;
+  width: min(100%, 280px);
+  margin: 0 auto 1rem;
+}
+
+.homeDockerPromo__codeBlock {
+  margin-top: 0;
+}
+
+.homeDockerPromo__codeBlock .theme-code-block {
+  margin-bottom: 0;
+}
+
 .homeSplit__copy,
 .homeSplit__media {
   min-width: 0;
@@ -684,7 +723,8 @@ body {
   }
 
   .homeOcpPromo,
-  .homeRos2Promo {
+  .homeRos2Promo,
+  .homeDockerPromo {
     grid-template-columns: 1fr;
   }
 }

website/src/pages/index.js

@@ -44,6 +44,8 @@ build_config = og.config.BuildConfiguration() \
     .with_build_directory("my_optimizers") \
     .with_ros2(ros2_config)`;
 
+const dockerPromoCode = String.raw`docker pull alphaville/open:0.7.0`
+
 const heroStats = [
   {label: 'Core language', value: 'Rust'},
   {label: 'Primary uses', value: 'MPC, MHE, Robotics'},
@@ -120,6 +122,7 @@ export default function Home() {
   const assetUrl = (path) => `${baseUrl}${path.replace(/^\//, '')}`;
   const promoGif = assetUrl('img/open-promo.gif');
   const boxLogo = assetUrl('img/box.png');
+  const dockerGif = assetUrl('img/docker.gif');
   const ocpStatesImage = assetUrl('img/ocp-states.png');
   const ros2RobotImage = assetUrl('img/ros2-robot.png');
   const [zoomedImage, setZoomedImage] = useState(null);
@@ -410,6 +413,46 @@ export default function Home() {
             </div>
           </div>
         </section>
+
+        <section className="homeSection homeSection--alt">
+          <div className="homeDockerPromo">
+            <div className="homeDockerPromo__content">
+              <p className="homeSection__eyebrow">Docker image</p>
+              <h2>Run OpEn in a ready-made container</h2>
+              <p>
+                OpEn ships with a Docker image that gets you straight into a
+                working environment with Jupyter, Python, and the tooling needed
+                to explore examples without local setup friction.
+              </p>
+              <p>
+                It is a convenient way to try the Python interface, browse the
+                notebooks, and experiment with the OCP workflows in a clean,
+                reproducible environment.
+              </p>
+              <div className="homeHero__actions">
+                <Link className="button button--primary" to="/docs/docker">
+                  Learn more
+                </Link>
+                <Link
+                  className="button button--secondary"
+                  href="https://hub.docker.com/r/alphaville/open"
+                >
+                  Docker Hub
+                </Link>
+              </div>
+            </div>
+            <div className="homeDockerPromo__visual">
+              <img
+                className="homeDockerPromo__image"
+                src={dockerGif}
+                alt="OpEn running inside the Docker image with Jupyter"
+              />
+              <div className="homeCodeBlock homeDockerPromo__codeBlock">
+                <CodeBlock language="bash">{dockerPromoCode}</CodeBlock>
+              </div>
+            </div>
+          </div>
+        </section>
       </main>
       {zoomedImage ? (
         <div