diff --git a/apps/web/src/app/opengraph-image.png b/apps/web/src/app/opengraph-image.png
index 12e60e3365..95b865c343 100644
Binary files a/apps/web/src/app/opengraph-image.png and b/apps/web/src/app/opengraph-image.png differ
diff --git a/apps/web/src/app/twitter-image.png b/apps/web/src/app/twitter-image.png
index 12e60e3365..95b865c343 100644
Binary files a/apps/web/src/app/twitter-image.png and b/apps/web/src/app/twitter-image.png differ
diff --git a/apps/web/src/images/ai-app-e2b-sandbox-model.png b/apps/web/src/images/ai-app-e2b-sandbox-model.png
index b4ba6b7d6a..cec5c781ee 100644
Binary files a/apps/web/src/images/ai-app-e2b-sandbox-model.png and b/apps/web/src/images/ai-app-e2b-sandbox-model.png differ
diff --git a/apps/web/src/images/analyze-data-chart.png b/apps/web/src/images/analyze-data-chart.png
index ea9f89246e..9ef3782c2f 100644
Binary files a/apps/web/src/images/analyze-data-chart.png and b/apps/web/src/images/analyze-data-chart.png differ
diff --git a/apps/web/src/images/byoc-architecture-diagram.png b/apps/web/src/images/byoc-architecture-diagram.png
index eb8e3e0eb8..b142293855 100644
Binary files a/apps/web/src/images/byoc-architecture-diagram.png and b/apps/web/src/images/byoc-architecture-diagram.png differ
diff --git a/apps/web/src/images/custom-sandbox.png b/apps/web/src/images/custom-sandbox.png
index 20f4f331a2..311876b59e 100644
Binary files a/apps/web/src/images/custom-sandbox.png and b/apps/web/src/images/custom-sandbox.png differ
diff --git a/apps/web/src/images/diagram.svg b/apps/web/src/images/diagram.svg
index 9a6ffc0ae5..08fd93798f 100644
--- a/apps/web/src/images/diagram.svg
+++ b/apps/web/src/images/diagram.svg
@@ -1,463 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="mermaid-svg" width="100%" class="statediagram" style="max-width: 301.234375px;" viewBox="0 0 301.234375 465" role="graphics-document document" aria-roledescription="stateDiagram">
-    <style xmlns="http://www.w3.org/1999/xhtml">
-        @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");
-    </style>
-    <style>
-        #mermaid-svg {
-        font-family: "trebuchet ms", verdana, arial, sans-serif;
-        font-size: 16px;
-        fill: #ffffff;
-        }
-
-        @keyframes edge-animation-frame {
-        from {
-        stroke-dashoffset: 0;
-        }
-        }
-
-        @keyframes dash {
-        to {
-        stroke-dashoffset: 0;
-        }
-        }
-
-        #mermaid-svg .edge-animation-slow {
-        stroke-dasharray: 9, 5 !important;
-        stroke-dashoffset: 900;
-        animation: dash 50s linear infinite;
-        stroke-linecap: round;
-        }
-
-        #mermaid-svg .edge-animation-fast {
-        stroke-dasharray: 9, 5 !important;
-        stroke-dashoffset: 900;
-        animation: dash 20s linear infinite;
-        stroke-linecap: round;
-        }
-
-        #mermaid-svg .error-icon {
-        fill: #444444;
-        }
-
-        #mermaid-svg .error-text {
-        fill: #bbbbbb;
-        stroke: #bbbbbb;
-        }
-
-        #mermaid-svg .edge-thickness-normal {
-        stroke-width: 1px;
-        }
-
-        #mermaid-svg .edge-thickness-thick {
-        stroke-width: 3.5px;
-        }
-
-        #mermaid-svg .edge-pattern-solid {
-        stroke-dasharray: 0;
-        }
-
-        #mermaid-svg .edge-thickness-invisible {
-        stroke-width: 0;
-        fill: none;
-        }
-
-        #mermaid-svg .edge-pattern-dashed {
-        stroke-dasharray: 3;
-        }
-
-        #mermaid-svg .edge-pattern-dotted {
-        stroke-dasharray: 2;
-        }
-
-        #mermaid-svg .marker {
-        fill: #ffffff;
-        stroke: #ffffff;
-        }
-
-        #mermaid-svg .marker.cross {
-        stroke: #ffffff;
-        }
-
-        #mermaid-svg svg {
-        font-family: "trebuchet ms", verdana, arial, sans-serif;
-        font-size: 16px;
-        }
-
-        #mermaid-svg p {
-        margin: 0;
-        }
-
-        #mermaid-svg defs #statediagram-barbEnd {
-        fill: #ffffff;
-        stroke: #ffffff;
-        }
-
-        #mermaid-svg g.stateGroup text {
-        fill: #cccccc;
-        stroke: none;
-        font-size: 10px;
-        }
-
-        #mermaid-svg g.stateGroup text {
-        fill: #ffffff;
-        stroke: none;
-        font-size: 10px;
-        }
-
-        #mermaid-svg g.stateGroup .state-title {
-        font-weight: bolder;
-        fill: #ffffff;
-        }
-
-        #mermaid-svg g.stateGroup rect {
-        fill: #1e1e1e;
-        stroke: #cccccc;
-        }
-
-        #mermaid-svg g.stateGroup line {
-        stroke: #ffffff;
-        stroke-width: 1;
-        }
-
-        #mermaid-svg .transition {
-        stroke: #ffffff;
-        stroke-width: 1;
-        fill: none;
-        }
-
-        #mermaid-svg .stateGroup .composit {
-        fill: #000000;
-        border-bottom: 1px;
-        }
-
-        #mermaid-svg .stateGroup .alt-composit {
-        fill: #e0e0e0;
-        border-bottom: 1px;
-        }
-
-        #mermaid-svg .state-note {
-        stroke: hsl(52.6829268293, 60%, 73.9215686275%);
-        fill: #fff5ad;
-        }
-
-        #mermaid-svg .state-note text {
-        fill: #333;
-        stroke: none;
-        font-size: 10px;
-        }
-
-        #mermaid-svg .stateLabel .box {
-        stroke: none;
-        stroke-width: 0;
-        fill: #1e1e1e;
-        opacity: 0.5;
-        }
-
-        #mermaid-svg .edgeLabel .label rect {
-        fill: #1e1e1e;
-        opacity: 0.5;
-        }
-
-        #mermaid-svg .edgeLabel {
-        background-color: inherit;
-        text-align: center;
-        }
-
-        #mermaid-svg .edgeLabel rect {
-        opacity: 0.5;
-        background-color: #333333;
-        fill: #333333;
-        }
-
-        #mermaid-svg .edgeLabel .label text {
-        fill: #ffffff;
-        }
-
-        #mermaid-svg .label div .edgeLabel {
-        color: #ffffff;
-        }
-
-        #mermaid-svg .stateLabel text {
-        fill: #ffffff;
-        font-size: 10px;
-        font-weight: bold;
-        }
-
-        #mermaid-svg .node circle.state-start {
-        fill: #ffffff;
-        stroke: #ffffff;
-        }
-
-        #mermaid-svg .node .fork-join {
-        fill: #ffffff;
-        stroke: #ffffff;
-        }
-
-        #mermaid-svg .node circle.state-end {
-        fill: #cccccc;
-        stroke: #000000;
-        stroke-width: 1.5;
-        }
-
-        #mermaid-svg .end-state-inner {
-        fill: #000000;
-        stroke-width: 1.5;
-        }
-
-        #mermaid-svg .node rect {
-        fill: #1e1e1e;
-        stroke: #cccccc;
-        stroke-width: 1px;
-        }
-
-        #mermaid-svg .node polygon {
-        fill: #1e1e1e;
-        stroke: #cccccc;
-        stroke-width: 1px;
-        }
-
-        #mermaid-svg #statediagram-barbEnd {
-        fill: #ffffff;
-        }
-
-        #mermaid-svg .statediagram-cluster rect {
-        fill: #1e1e1e;
-        stroke: #cccccc;
-        stroke-width: 1px;
-        }
-
-        #mermaid-svg .cluster-label,
-        #mermaid-svg .nodeLabel {
-        color: #ffffff;
-        }
-
-        #mermaid-svg .statediagram-cluster rect.outer {
-        rx: 5px;
-        ry: 5px;
-        }
-
-        #mermaid-svg .statediagram-state .divider {
-        stroke: #cccccc;
-        }
-
-        #mermaid-svg .statediagram-state .title-state {
-        rx: 5px;
-        ry: 5px;
-        }
-
-        #mermaid-svg .statediagram-cluster.statediagram-cluster .inner {
-        fill: #000000;
-        }
-
-        #mermaid-svg .statediagram-cluster.statediagram-cluster-alt .inner {
-        fill: #444444;
-        }
-
-        #mermaid-svg .statediagram-cluster .inner {
-        rx: 0;
-        ry: 0;
-        }
-
-        #mermaid-svg .statediagram-state rect.basic {
-        rx: 5px;
-        ry: 5px;
-        }
-
-        #mermaid-svg .statediagram-state rect.divider {
-        stroke-dasharray: 10, 10;
-        fill: #444444;
-        }
-
-        #mermaid-svg .note-edge {
-        stroke-dasharray: 5;
-        }
-
-        #mermaid-svg .statediagram-note rect {
-        fill: #fff5ad;
-        stroke: hsl(52.6829268293, 60%, 73.9215686275%);
-        stroke-width: 1px;
-        rx: 0;
-        ry: 0;
-        }
-
-        #mermaid-svg .statediagram-note rect {
-        fill: #fff5ad;
-        stroke: hsl(52.6829268293, 60%, 73.9215686275%);
-        stroke-width: 1px;
-        rx: 0;
-        ry: 0;
-        }
-
-        #mermaid-svg .statediagram-note text {
-        fill: #333;
-        }
-
-        #mermaid-svg .statediagram-note .nodeLabel {
-        color: #333;
-        }
-
-        #mermaid-svg .statediagram .edgeLabel {
-        color: red;
-        }
-
-        #mermaid-svg #dependencyStart,
-        #mermaid-svg #dependencyEnd {
-        fill: #ffffff;
-        stroke: #ffffff;
-        stroke-width: 1;
-        }
-
-        #mermaid-svg .statediagramTitleText {
-        text-anchor: middle;
-        font-size: 18px;
-        fill: #ffffff;
-        }
-
-        #mermaid-svg :root {
-        --mermaid-font-family: "trebuchet ms", verdana, arial, sans-serif;
-        }
-    </style>
-    <g>
-        <defs>
-            <marker id="mermaid-svg_stateDiagram-barbEnd" refX="19" refY="7" markerWidth="20" markerHeight="14" markerUnits="userSpaceOnUse" orient="auto">
-                <path d="M 19,7 L9,13 L14,7 L9,1 Z" />
-            </marker>
-        </defs>
-        <g class="root">
-            <g class="clusters" />
-            <g class="edgePaths">
-                <path d="M128.73,22L128.73,28.167C128.73,34.333,128.73,46.667,128.73,59C128.73,71.333,128.73,83.667,128.73,89.833L128.73,96" id="edge0" class=" edge-thickness-normal edge-pattern-solid transition" style="fill:none;" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" />
-                <path d="M128.73,167L128.73,173.167C128.73,179.333,128.73,191.667,133.479,204C138.228,216.333,147.726,228.667,152.475,234.833L157.224,241" id="edge1" class=" edge-thickness-normal edge-pattern-solid transition" style="fill:none;" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" />
-                <path d="M77.667,167L68.796,173.167C59.926,179.333,42.186,191.667,33.316,209.917C24.445,228.167,24.445,252.333,24.445,276.5C24.445,300.667,24.445,324.833,31.255,343.083C38.064,361.333,51.684,373.667,58.493,379.833L65.303,386" id="edge2" class=" edge-thickness-normal edge-pattern-solid transition" style="fill:none;" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" />
-                <path d="M205.239,241L208.831,234.833C212.422,228.667,219.606,216.333,214.857,204C210.108,191.667,193.427,179.333,185.086,173.167L176.745,167" id="edge3" class=" edge-thickness-normal edge-pattern-solid transition" style="fill:none;" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" />
-                <path d="M184.563,312L184.563,318.167C184.563,324.333,184.563,336.667,177.753,349C170.943,361.333,157.324,373.667,150.515,379.833L143.705,386" id="edge4" class=" edge-thickness-normal edge-pattern-solid transition" style="fill:none;" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" />
-            </g>
-            <g class="edgeLabels">
-                <g class="edgeLabel" transform="translate(128.73046875, 59)">
-                    <g class="label" transform="translate(-64.90625, -12)">
-                        <foreignObject width="129.8125" height="24">
-                            <div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
-                                <span class="edgeLabel ">
-                                    <p>
-                                        <strong>Sandbox.create()</strong>
-                                    </p>
-                                </span>
-                            </div>
-                        </foreignObject>
-                    </g>
-                </g>
-                <g class="edgeLabel" transform="translate(128.73046875, 204)">
-                    <g class="label" transform="translate(-28.453125, -12)">
-                        <foreignObject width="56.90625" height="24">
-                            <div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
-                                <span class="edgeLabel ">
-                                    <p>
-                                        <strong>pause()</strong>
-                                    </p>
-                                </span>
-                            </div>
-                        </foreignObject>
-                    </g>
-                </g>
-                <g class="edgeLabel" transform="translate(24.4453125, 276.5)">
-                    <g class="label" transform="translate(-16.4453125, -12)">
-                        <foreignObject width="32.890625" height="24">
-                            <div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
-                                <span class="edgeLabel ">
-                                    <p>
-                                        <strong>kill()</strong>
-                                    </p>
-                                </span>
-                            </div>
-                        </foreignObject>
-                    </g>
-                </g>
-                <g class="edgeLabel" transform="translate(226.7890625, 204)">
-                    <g class="label" transform="translate(-36, -12)">
-                        <foreignObject width="72" height="24">
-                            <div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
-                                <span class="edgeLabel ">
-                                    <p>
-                                        <strong>connect()</strong>
-                                    </p>
-                                </span>
-                            </div>
-                        </foreignObject>
-                    </g>
-                </g>
-                <g class="edgeLabel" transform="translate(184.5625, 349)">
-                    <g class="label" transform="translate(-16.4453125, -12)">
-                        <foreignObject width="32.890625" height="24">
-                            <div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;">
-                                <span class="edgeLabel ">
-                                    <p>
-                                        <strong>kill()</strong>
-                                    </p>
-                                </span>
-                            </div>
-                        </foreignObject>
-                    </g>
-                </g>
-            </g>
-            <g class="nodes">
-                <g class="node default" id="state-root_start-0" transform="translate(128.73046875, 15)">
-                    <circle class="state-start" r="7" width="14" height="14" />
-                </g>
-                <g class="node  statediagram-state" id="state-Running-5" transform="translate(128.73046875, 131.5)">
-                    <g>
-                        <rect class="outer title-state" style="" x="-85.109375" y="-35.5" width="170.21875" height="71" />
-                        <line class="divider" x1="-85.109375" x2="85.109375" y1="-13.5" y2="-13.5" />
-                    </g>
-                    <g class="label" style="" transform="translate(-81.109375, -32.5)">
-                        <foreignObject width="60.609375" height="18" transform="translate( 50.8046875, 0)">
-                            <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; padding-right: 1px; white-space: nowrap;">
-                                <span class="nodeLabel">Running</span>
-                            </div>
-                        </foreignObject>
-                        <foreignObject width="162.21875" height="36" transform="translate( 0, 27)">
-                            <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; padding-right: 1px; white-space: nowrap;">
-                                <span class="nodeLabel">• Active execution <br />• Consumes resources </span>
-                            </div>
-                        </foreignObject>
-                    </g>
-                </g>
-                <g class="node  statediagram-state" id="state-Paused-5" transform="translate(184.5625, 276.5)">
-                    <g>
-                        <rect class="outer title-state" style="" x="-108.671875" y="-35.5" width="217.34375" height="71" />
-                        <line class="divider" x1="-108.671875" x2="108.671875" y1="-13.5" y2="-13.5" />
-                    </g>
-                    <g class="label" style="" transform="translate(-104.671875, -32.5)">
-                        <foreignObject width="55.265625" height="18" transform="translate( 77.0390625, 0)">
-                            <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; padding-right: 1px; white-space: nowrap;">
-                                <span class="nodeLabel">Paused</span>
-                            </div>
-                        </foreignObject>
-                        <foreignObject width="209.34375" height="36" transform="translate( 0, 27)">
-                            <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; padding-right: 1px; white-space: nowrap;">
-                                <span class="nodeLabel">• Preserves memory and files <br />• Cannot execute code </span>
-                            </div>
-                        </foreignObject>
-                    </g>
-                </g>
-                <g class="node  statediagram-state" id="state-Killed-5" transform="translate(104.50390625, 421.5)">
-                    <g>
-                        <rect class="outer title-state" style="" x="-80.671875" y="-35.5" width="161.34375" height="71" />
-                        <line class="divider" x1="-80.671875" x2="80.671875" y1="-13.5" y2="-13.5" />
-                    </g>
-                    <g class="label" style="" transform="translate(-76.671875, -32.5)">
-                        <foreignObject width="40.140625" height="18" transform="translate( 56.6015625, 0)">
-                            <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; padding-right: 1px; white-space: nowrap;">
-                                <span class="nodeLabel">Killed</span>
-                            </div>
-                        </foreignObject>
-                        <foreignObject width="153.34375" height="36" transform="translate( 0, 27)">
-                            <div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; padding-right: 1px; white-space: nowrap;">
-                                <span class="nodeLabel">• Resources released <br />• Cannot be resumed </span>
-                            </div>
-                        </foreignObject>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="mermaid-svg" width="100%" aria-roledescription="stateDiagram" class="statediagram" style="max-width:301.234375px" role="graphics-document document" viewBox="0 0 301.234 465"><style xmlns="http://www.w3.org/1999/xhtml">@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css);</style><style>#mermaid-svg{fill:#fff}#mermaid-svg .edge-thickness-normal{stroke-width:1px}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg,#mermaid-svg svg{font-family:&quot;trebuchet ms&quot;,verdana,arial,sans-serif;font-size:16px}#mermaid-svg p{margin:0}#mermaid-svg .transition{stroke:#fff;stroke-width:1;fill:none}#mermaid-svg .edgeLabel .label rect{fill:#1e1e1e;opacity:.5}#mermaid-svg .edgeLabel{background-color:inherit;text-align:center}#mermaid-svg .edgeLabel rect{opacity:.5;background-color:#333;fill:#333}#mermaid-svg .label div .edgeLabel,#mermaid-svg .nodeLabel{color:#fff}#mermaid-svg .node circle.state-start{fill:#fff;stroke:#fff}#mermaid-svg .node rect{fill:#1e1e1e;stroke:#ccc;stroke-width:1px}#mermaid-svg .statediagram-state .divider{stroke:#ccc}#mermaid-svg .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#444}#mermaid-svg .statediagram .edgeLabel{color:red}#mermaid-svg :root{--mermaid-font-family:&quot;trebuchet ms&quot;, verdana, arial, sans-serif}</style><g><defs><marker id="mermaid-svg_stateDiagram-barbEnd" markerHeight="14" markerUnits="userSpaceOnUse" markerWidth="20" orient="auto" refX="19" refY="7"><path d="M 19,7 L9,13 L14,7 L9,1 Z"/></marker></defs><g class="root"><g class="edgePaths"><path id="edge0" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" d="M128.73,22L128.73,28.167C128.73,34.333,128.73,46.667,128.73,59C128.73,71.333,128.73,83.667,128.73,89.833L128.73,96" class="edge-thickness-normal edge-pattern-solid transition" style="fill:none"/><path id="edge1" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" d="M128.73,167L128.73,173.167C128.73,179.333,128.73,191.667,133.479,204C138.228,216.333,147.726,228.667,152.475,234.833L157.224,241" class="edge-thickness-normal edge-pattern-solid transition" style="fill:none"/><path id="edge2" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" d="M77.667,167L68.796,173.167C59.926,179.333,42.186,191.667,33.316,209.917C24.445,228.167,24.445,252.333,24.445,276.5C24.445,300.667,24.445,324.833,31.255,343.083C38.064,361.333,51.684,373.667,58.493,379.833L65.303,386" class="edge-thickness-normal edge-pattern-solid transition" style="fill:none"/><path id="edge3" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" d="M205.239,241L208.831,234.833C212.422,228.667,219.606,216.333,214.857,204C210.108,191.667,193.427,179.333,185.086,173.167L176.745,167" class="edge-thickness-normal edge-pattern-solid transition" style="fill:none"/><path id="edge4" marker-end="url(#mermaid-svg_stateDiagram-barbEnd)" d="M184.563,312L184.563,318.167C184.563,324.333,184.563,336.667,177.753,349C170.943,361.333,157.324,373.667,150.515,379.833L143.705,386" class="edge-thickness-normal edge-pattern-solid transition" style="fill:none"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(128.73046875, 59) translate(-64.90625, -12)"><foreignObject width="129.813" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"><p><strong>Sandbox.create()</strong></p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(128.73046875, 204) translate(-28.453125, -12)"><foreignObject width="56.906" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"><p><strong>pause()</strong></p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(24.4453125, 276.5) translate(-16.4453125, -12)"><foreignObject width="32.891" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"><p><strong>kill()</strong></p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(226.7890625, 204) translate(-36, -12)"><foreignObject width="72" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"><p><strong>connect()</strong></p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(184.5625, 349) translate(-16.4453125, -12)"><foreignObject width="32.891" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display:table-cell;white-space:nowrap;line-height:1.5;max-width:200px;text-align:center"><span class="edgeLabel"><p><strong>kill()</strong></p></span></div></foreignObject></g></g></g><g class="nodes"><g id="state-root_start-0" class="node default" transform="translate(128.73046875, 15)"><circle width="14" height="14" r="7" class="state-start"/></g><g id="state-Running-5" class="node statediagram-state"><g transform="translate(128.73046875, 131.5)"><rect width="170.219" height="71" x="-85.109" y="-35.5" class="outer title-state"/><line x1="-85.109" x2="85.109" y1="-13.5" y2="-13.5" class="divider"/></g><g class="label" transform="translate(128.73046875, 131.5) translate(-81.109375, -32.5)"><foreignObject width="60.609" height="18" transform="translate( 50.8046875, 0)"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;padding-right:1px;white-space:nowrap"><span class="nodeLabel">Running</span></div></foreignObject><foreignObject width="162.219" height="36" transform="translate( 0, 27)"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;padding-right:1px;white-space:nowrap"><span class="nodeLabel">• Active execution<br/>• Consumes resources</span></div></foreignObject></g></g><g id="state-Paused-5" class="node statediagram-state"><g transform="translate(184.5625, 276.5)"><rect width="217.344" height="71" x="-108.672" y="-35.5" class="outer title-state"/><line x1="-108.672" x2="108.672" y1="-13.5" y2="-13.5" class="divider"/></g><g class="label" transform="translate(184.5625, 276.5) translate(-104.671875, -32.5)"><foreignObject width="55.266" height="18" transform="translate( 77.0390625, 0)"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;padding-right:1px;white-space:nowrap"><span class="nodeLabel">Paused</span></div></foreignObject><foreignObject width="209.344" height="36" transform="translate( 0, 27)"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;padding-right:1px;white-space:nowrap"><span class="nodeLabel">• Preserves memory and files<br/>• Cannot execute code</span></div></foreignObject></g></g><g id="state-Killed-5" class="node statediagram-state"><g transform="translate(104.50390625, 421.5)"><rect width="161.344" height="71" x="-80.672" y="-35.5" class="outer title-state"/><line x1="-80.672" x2="80.672" y1="-13.5" y2="-13.5" class="divider"/></g><g class="label" transform="translate(104.50390625, 421.5) translate(-76.671875, -32.5)"><foreignObject width="40.141" height="18" transform="translate( 56.6015625, 0)"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;padding-right:1px;white-space:nowrap"><span class="nodeLabel">Killed</span></div></foreignObject><foreignObject width="153.344" height="36" transform="translate( 0, 27)"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;padding-right:1px;white-space:nowrap"><span class="nodeLabel">• Resources released<br/>• Cannot be resumed</span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/apps/web/src/images/hello-world-chart.png b/apps/web/src/images/hello-world-chart.png
index fff996100c..fd9299dc8a 100644
Binary files a/apps/web/src/images/hello-world-chart.png and b/apps/web/src/images/hello-world-chart.png differ
diff --git a/apps/web/src/images/logos/node.svg b/apps/web/src/images/logos/node.svg
index 76224e4aca..4bdc82ae9e 100644
--- a/apps/web/src/images/logos/node.svg
+++ b/apps/web/src/images/logos/node.svg
@@ -1,4 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none">
-    <path fill="#89D42C"
-          d="M23.675 39.82a2.48 2.48 0 0 1-1.19-.313l-3.764-2.236c-.568-.31-.285-.425-.114-.48.765-.256.906-.313 1.698-.765.086-.057.198-.029.284.028l2.888 1.727c.113.057.254.057.34 0l11.296-6.54c.113-.057.17-.17.17-.312v-13.05c0-.143-.057-.256-.17-.313l-11.296-6.51c-.114-.057-.256-.057-.34 0L12.18 17.567c-.114.057-.17.198-.17.311V30.93c0 .114.056.255.17.312l3.087 1.784c1.67.849 2.717-.143 2.717-1.133V19.01a.344.344 0 0 1 .34-.34h1.443a.344.344 0 0 1 .341.34v12.882c0 2.237-1.218 3.539-3.342 3.539-.65 0-1.16 0-2.604-.708l-2.975-1.698A2.39 2.39 0 0 1 10 30.959V17.904c0-.849.452-1.642 1.189-2.066l11.296-6.54a2.527 2.527 0 0 1 2.379 0l11.297 6.54a2.39 2.39 0 0 1 1.188 2.066V30.96c0 .85-.452 1.642-1.188 2.066l-11.297 6.54a2.896 2.896 0 0 1-1.189.256v-.001Zm3.482-8.976c-4.954 0-5.973-2.264-5.973-4.19a.344.344 0 0 1 .34-.34h1.472c.169 0 .311.114.311.284.226 1.5.878 2.236 3.879 2.236 2.378 0 3.397-.538 3.397-1.812 0-.736-.283-1.274-3.992-1.642-3.086-.311-5.012-.99-5.012-3.454 0-2.293 1.926-3.652 5.154-3.652 3.623 0 5.407 1.246 5.634 3.963a.459.459 0 0 1-.086.256c-.056.056-.141.113-.226.113h-1.472a.332.332 0 0 1-.311-.256c-.34-1.555-1.217-2.066-3.539-2.066-2.605 0-2.916.906-2.916 1.585 0 .821.368 1.076 3.878 1.53 3.483.452 5.124 1.104 5.124 3.539-.027 2.491-2.066 3.907-5.662 3.907Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><path fill="#89D42C" d="M23.675 39.82a2.48 2.48 0 0 1-1.19-.313l-3.764-2.236c-.568-.31-.285-.425-.114-.48.765-.256.906-.313 1.698-.765.086-.057.198-.029.284.028l2.888 1.727c.113.057.254.057.34 0l11.296-6.54c.113-.057.17-.17.17-.312v-13.05c0-.143-.057-.256-.17-.313l-11.296-6.51c-.114-.057-.256-.057-.34 0L12.18 17.567c-.114.057-.17.198-.17.311V30.93c0 .114.056.255.17.312l3.087 1.784c1.67.849 2.717-.143 2.717-1.133V19.01a.344.344 0 0 1 .34-.34h1.443a.344.344 0 0 1 .341.34v12.882c0 2.237-1.218 3.539-3.342 3.539-.65 0-1.16 0-2.604-.708l-2.975-1.698A2.39 2.39 0 0 1 10 30.959V17.904c0-.849.452-1.642 1.189-2.066l11.296-6.54a2.527 2.527 0 0 1 2.379 0l11.297 6.54a2.39 2.39 0 0 1 1.188 2.066V30.96c0 .85-.452 1.642-1.188 2.066l-11.297 6.54a2.896 2.896 0 0 1-1.189.256v-.001Zm3.482-8.976c-4.954 0-5.973-2.264-5.973-4.19a.344.344 0 0 1 .34-.34h1.472c.169 0 .311.114.311.284.226 1.5.878 2.236 3.879 2.236 2.378 0 3.397-.538 3.397-1.812 0-.736-.283-1.274-3.992-1.642-3.086-.311-5.012-.99-5.012-3.454 0-2.293 1.926-3.652 5.154-3.652 3.623 0 5.407 1.246 5.634 3.963a.459.459 0 0 1-.086.256c-.056.056-.141.113-.226.113h-1.472a.332.332 0 0 1-.311-.256c-.34-1.555-1.217-2.066-3.539-2.066-2.605 0-2.916.906-2.916 1.585 0 .821.368 1.076 3.878 1.53 3.483.452 5.124 1.104 5.124 3.539-.027 2.491-2.066 3.907-5.662 3.907Z"/></svg>
\ No newline at end of file
diff --git a/apps/web/src/images/logos/openai.svg b/apps/web/src/images/logos/openai.svg
index a553b3c962..404fc247e7 100644
--- a/apps/web/src/images/logos/openai.svg
+++ b/apps/web/src/images/logos/openai.svg
@@ -1,12 +1 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#clip0_10145_290560)">
-    <path
-      d="M297.06 130.97C304.32 109.18 301.82 85.31 290.21 65.49C272.75 35.09 237.65 19.45 203.37 26.81C188.12 9.63002 166.21 -0.139981 143.24 1.93887e-05C108.2 -0.0799806 77.11 22.48 66.33 55.82C43.82 60.43 24.39 74.52 13.02 94.49C-4.57001 124.81 -0.560007 163.03 22.94 189.03C15.68 210.82 18.18 234.69 29.79 254.51C47.25 284.91 82.35 300.55 116.63 293.19C131.87 310.37 153.79 320.14 176.76 319.99C211.82 320.08 242.92 297.5 253.7 264.13C276.21 259.52 295.64 245.43 307.01 225.46C324.58 195.14 320.56 156.95 297.07 130.95L297.06 130.97ZM176.78 299.08C162.75 299.1 149.16 294.19 138.39 285.2C138.88 284.94 139.73 284.47 140.28 284.13L204 247.33C207.26 245.48 209.26 242.01 209.24 238.26V148.43L236.17 163.98C236.46 164.12 236.65 164.4 236.69 164.72V239.11C236.65 272.19 209.86 299.01 176.78 299.08ZM47.94 244.05C40.91 231.91 38.38 217.68 40.79 203.87C41.26 204.15 42.09 204.66 42.68 205L106.4 241.8C109.63 243.69 113.63 243.69 116.87 241.8L194.66 196.88V227.98C194.68 228.3 194.53 228.61 194.28 228.81L129.87 266C101.18 282.52 64.54 272.7 47.95 244.05H47.94ZM31.17 104.96C38.17 92.8 49.22 83.5 62.38 78.67C62.38 79.22 62.35 80.19 62.35 80.87V154.48C62.33 158.22 64.33 161.69 67.58 163.54L145.37 208.45L118.44 224C118.17 224.18 117.83 224.21 117.53 224.08L53.11 186.86C24.48 170.28 14.66 133.65 31.16 104.97L31.17 104.96ZM252.43 156.45L174.64 111.53L201.57 95.99C201.84 95.81 202.18 95.78 202.48 95.91L266.9 133.1C295.58 149.67 305.41 186.36 288.84 215.04C281.83 227.18 270.79 236.48 257.64 241.32V165.51C257.67 161.77 255.68 158.31 252.44 156.45H252.43ZM279.23 116.11C278.76 115.82 277.93 115.32 277.34 114.98L213.62 78.18C210.39 76.29 206.39 76.29 203.15 78.18L125.36 123.1V92C125.34 91.68 125.49 91.37 125.74 91.17L190.15 54.01C218.84 37.46 255.52 47.31 272.06 76.01C279.05 88.13 281.58 102.32 279.21 116.11H279.23ZM110.72 171.54L83.78 155.99C83.49 155.85 83.3 155.57 83.26 155.25V80.86C83.28 47.74 110.15 20.9 143.27 20.92C157.28 20.92 170.84 25.84 181.61 34.8C181.12 35.06 180.28 35.53 179.72 35.87L116 72.67C112.74 74.52 110.74 77.98 110.76 81.73L110.72 171.52V171.54ZM125.35 140L160 119.99L194.65 139.99V180L160 200L125.35 180V140Z"
-      fill="white" />
-  </g>
-  <defs>
-    <clipPath id="clip0_10145_290560">
-      <rect width="320" height="320" fill="white" />
-    </clipPath>
-  </defs>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><g clip-path="url(#clip0_10145_290560)"><path fill="#fff" d="M297.06 130.97C304.32 109.18 301.82 85.31 290.21 65.49C272.75 35.09 237.65 19.45 203.37 26.81C188.12 9.63002 166.21 -0.139981 143.24 1.93887e-05C108.2 -0.0799806 77.11 22.48 66.33 55.82C43.82 60.43 24.39 74.52 13.02 94.49C-4.57001 124.81 -0.560007 163.03 22.94 189.03C15.68 210.82 18.18 234.69 29.79 254.51C47.25 284.91 82.35 300.55 116.63 293.19C131.87 310.37 153.79 320.14 176.76 319.99C211.82 320.08 242.92 297.5 253.7 264.13C276.21 259.52 295.64 245.43 307.01 225.46C324.58 195.14 320.56 156.95 297.07 130.95L297.06 130.97ZM176.78 299.08C162.75 299.1 149.16 294.19 138.39 285.2C138.88 284.94 139.73 284.47 140.28 284.13L204 247.33C207.26 245.48 209.26 242.01 209.24 238.26V148.43L236.17 163.98C236.46 164.12 236.65 164.4 236.69 164.72V239.11C236.65 272.19 209.86 299.01 176.78 299.08ZM47.94 244.05C40.91 231.91 38.38 217.68 40.79 203.87C41.26 204.15 42.09 204.66 42.68 205L106.4 241.8C109.63 243.69 113.63 243.69 116.87 241.8L194.66 196.88V227.98C194.68 228.3 194.53 228.61 194.28 228.81L129.87 266C101.18 282.52 64.54 272.7 47.95 244.05H47.94ZM31.17 104.96C38.17 92.8 49.22 83.5 62.38 78.67C62.38 79.22 62.35 80.19 62.35 80.87V154.48C62.33 158.22 64.33 161.69 67.58 163.54L145.37 208.45L118.44 224C118.17 224.18 117.83 224.21 117.53 224.08L53.11 186.86C24.48 170.28 14.66 133.65 31.16 104.97L31.17 104.96ZM252.43 156.45L174.64 111.53L201.57 95.99C201.84 95.81 202.18 95.78 202.48 95.91L266.9 133.1C295.58 149.67 305.41 186.36 288.84 215.04C281.83 227.18 270.79 236.48 257.64 241.32V165.51C257.67 161.77 255.68 158.31 252.44 156.45H252.43ZM279.23 116.11C278.76 115.82 277.93 115.32 277.34 114.98L213.62 78.18C210.39 76.29 206.39 76.29 203.15 78.18L125.36 123.1V92C125.34 91.68 125.49 91.37 125.74 91.17L190.15 54.01C218.84 37.46 255.52 47.31 272.06 76.01C279.05 88.13 281.58 102.32 279.21 116.11H279.23ZM110.72 171.54L83.78 155.99C83.49 155.85 83.3 155.57 83.26 155.25V80.86C83.28 47.74 110.15 20.9 143.27 20.92C157.28 20.92 170.84 25.84 181.61 34.8C181.12 35.06 180.28 35.53 179.72 35.87L116 72.67C112.74 74.52 110.74 77.98 110.76 81.73L110.72 171.52V171.54ZM125.35 140L160 119.99L194.65 139.99V180L160 200L125.35 180V140Z"/></g><defs><clipPath id="clip0_10145_290560"><rect width="320" height="320" fill="#fff"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/apps/web/src/images/logos/python.svg b/apps/web/src/images/logos/python.svg
index c55ed0fcf2..b13fc084c5 100644
--- a/apps/web/src/images/logos/python.svg
+++ b/apps/web/src/images/logos/python.svg
@@ -1,13 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none">
-    <g clip-path="url(#a)">
-        <path fill="#3372A7"
-              d="M23.429 9.008c-7.882 0-7.39 3.418-7.39 3.418l.01 3.541h7.52v1.063H13.062s-5.043-.572-5.043 7.38c0 7.954 4.402 7.671 4.402 7.671h2.627v-3.69s-.142-4.402 4.331-4.402h7.46s4.191.068 4.191-4.05v-6.81s.637-4.12-7.6-4.12Zm-4.147 2.382a1.353 1.353 0 1 1 .001 2.706 1.353 1.353 0 0 1-.001-2.706Z"/>
-        <path fill="#FFD235"
-              d="M23.653 39.894c7.881 0 7.39-3.418 7.39-3.418l-.01-3.541h-7.52v-1.063H34.02s5.043.572 5.043-7.381-4.402-7.67-4.402-7.67h-2.627v3.69s.142 4.402-4.332 4.402h-7.46s-4.19-.068-4.19 4.05v6.81s-.637 4.12 7.6 4.12Zm4.147-2.381a1.353 1.353 0 1 1-.002-2.707 1.353 1.353 0 0 1 .002 2.706Z"/>
-    </g>
-    <defs>
-        <clipPath id="a">
-            <path fill="#fff" d="M8 9h31.122v31H8z"/>
-        </clipPath>
-    </defs>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><g clip-path="url(#a)"><path fill="#3372A7" d="M23.429 9.008c-7.882 0-7.39 3.418-7.39 3.418l.01 3.541h7.52v1.063H13.062s-5.043-.572-5.043 7.38c0 7.954 4.402 7.671 4.402 7.671h2.627v-3.69s-.142-4.402 4.331-4.402h7.46s4.191.068 4.191-4.05v-6.81s.637-4.12-7.6-4.12Zm-4.147 2.382a1.353 1.353 0 1 1 .001 2.706 1.353 1.353 0 0 1-.001-2.706Z"/><path fill="#FFD235" d="M23.653 39.894c7.881 0 7.39-3.418 7.39-3.418l-.01-3.541h-7.52v-1.063H34.02s5.043.572 5.043-7.381-4.402-7.67-4.402-7.67h-2.627v3.69s.142 4.402-4.332 4.402h-7.46s-4.19-.068-4.19 4.05v6.81s-.637 4.12 7.6 4.12Zm4.147-2.381a1.353 1.353 0 1 1-.002-2.707 1.353 1.353 0 0 1 .002 2.706Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M8 9h31.122v31H8z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/apps/web/src/images/sandbox-build-output.png b/apps/web/src/images/sandbox-build-output.png
index 514720c334..42a452013c 100644
Binary files a/apps/web/src/images/sandbox-build-output.png and b/apps/web/src/images/sandbox-build-output.png differ
diff --git a/apps/web/src/images/static-chart.png b/apps/web/src/images/static-chart.png
index 2b27ad430c..01b3d9f9b9 100644
Binary files a/apps/web/src/images/static-chart.png and b/apps/web/src/images/static-chart.png differ
diff --git a/packages/cli/testground/demo-basic/assets-to-be-ignored/cool-doge.gif b/packages/cli/testground/demo-basic/assets-to-be-ignored/cool-doge.gif
index b0f7767559..42313d250f 100644
Binary files a/packages/cli/testground/demo-basic/assets-to-be-ignored/cool-doge.gif and b/packages/cli/testground/demo-basic/assets-to-be-ignored/cool-doge.gif differ
diff --git a/readme-assets/e2b-sdk-dark.png b/readme-assets/e2b-sdk-dark.png
index 8b073c6669..9f97756f11 100644
Binary files a/readme-assets/e2b-sdk-dark.png and b/readme-assets/e2b-sdk-dark.png differ
diff --git a/readme-assets/e2b-sdk-light.png b/readme-assets/e2b-sdk-light.png
index e6c0dd1bdb..7a5578a256 100644
Binary files a/readme-assets/e2b-sdk-light.png and b/readme-assets/e2b-sdk-light.png differ
diff --git a/readme-assets/logo-circle.png b/readme-assets/logo-circle.png
index 445b20c7f0..4043110a67 100644
Binary files a/readme-assets/logo-circle.png and b/readme-assets/logo-circle.png differ
diff --git a/readme-assets/preview.png b/readme-assets/preview.png
index 451abe09f5..7e90262b69 100644
Binary files a/readme-assets/preview.png and b/readme-assets/preview.png differ