diff --git a/pkgs/website/src/assets/architecture-diagram.svg b/pkgs/website/src/assets/architecture-diagram.svg
deleted file mode 100644
index 6ebea7997..000000000
--- a/pkgs/website/src/assets/architecture-diagram.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 829.5 600" style="max-width: 829.5px; background-color: rgb(18, 26, 25);" class="flowchart" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="my-svg"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#my-svg .error-icon{fill:#a44141;}#my-svg .error-text{fill:#ddd;stroke:#ddd;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:lightgrey;stroke:lightgrey;}#my-svg .marker.cross{stroke:lightgrey;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#my-svg .cluster-label text{fill:#F9FFFE;}#my-svg .cluster-label span{color:#F9FFFE;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#ccc;color:#ccc;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#my-svg .arrowheadPath{fill:lightgrey;}#my-svg .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:lightgrey;fill:none;}#my-svg .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#my-svg .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#my-svg .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#my-svg .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#my-svg .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#my-svg .cluster text{fill:#F9FFFE;}#my-svg .cluster span{color:#F9FFFE;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart-v2" id="my-svg_flowchart-v2-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="my-svg_flowchart-v2-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart-v2" id="my-svg_flowchart-v2-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"><g data-look="classic" id="Clients" class="cluster"><rect height="278" width="544" y="8" x="9.5" style=""/><g transform="translate(215, 8)" class="cluster-label"><foreignObject height="24" width="133"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Client Applications</p></span></div></foreignObject></g></g><g data-look="classic" id="Postgres" class="cluster"><rect height="232" width="813.5" y="360" x="8" style=""/><g transform="translate(346.75, 360)" class="cluster-label"><foreignObject height="24" width="136"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Postgres Database</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_dsl_definitions_0" d="M130.5,174L130.5,192.667C130.5,211.333,130.5,248.667,130.5,273.5C130.5,298.333,130.5,310.667,130.5,323C130.5,335.333,130.5,347.667,130.5,357.333C130.5,367,130.5,374,130.5,377.5L130.5,381"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_client_pgflow_1" d="M392.5,174L392.5,192.667C392.5,211.333,392.5,248.667,392.5,273.5C392.5,298.333,392.5,310.667,392.5,323C392.5,335.333,392.5,347.667,392.5,357.333C392.5,367,392.5,374,392.5,377.5L392.5,381"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_pgflow_pgmq_2" d="M343.879,439L332.774,445.167C321.669,451.333,299.46,463.667,298.877,475.676C298.294,487.686,319.338,499.372,329.86,505.215L340.382,511.058"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_pgflow_runs_5" d="M477.5,433.717L505.083,440.764C532.667,447.811,587.833,461.906,618.425,474.533C649.016,487.16,655.032,498.319,658.039,503.899L661.047,509.479"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_pgmq_Workers_3" d="M476.5,525.568L524.583,517.306C572.667,509.045,668.833,492.523,716.917,473.595C765,454.667,765,433.333,765,414C765,394.667,765,377.333,765,362.5C765,347.667,765,335.333,765,323C765,310.667,765,298.333,763.015,288.583C761.03,278.833,757.06,271.666,755.074,268.083L753.089,264.499"/><path marker-end="url(#my-svg_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_Workers_pgflow_4" d="M655.399,261L654.208,265.167C653.016,269.333,650.633,277.667,649.442,288C648.25,298.333,648.25,310.667,648.25,323C648.25,335.333,648.25,347.667,620.445,359.487C592.64,371.307,537.03,382.614,509.225,388.267L481.42,393.921"/></g><g class="edgeLabels"><g transform="translate(130.5, 323)" class="edgeLabel"><g transform="translate(-47, -12)" class="label"><foreignObject height="24" width="94"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Define Flows</p></span></div></foreignObject></g></g><g transform="translate(392.5, 323)" class="edgeLabel"><g transform="translate(-40, -12)" class="label"><foreignObject height="24" width="80"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Start Flows</p></span></div></foreignObject></g></g><g transform="translate(277.25, 476)" class="edgeLabel"><g transform="translate(-55, -12)" class="label"><foreignObject height="24" width="110"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Enqueue Tasks</p></span></div></foreignObject></g></g><g transform="translate(643, 476)" class="edgeLabel"><g transform="translate(-67.5, -12)" class="label"><foreignObject height="24" width="135"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Update Run Status</p></span></div></foreignObject></g></g><g transform="translate(765, 412)" class="edgeLabel"><g transform="translate(-36.5, -12)" class="label"><foreignObject height="24" width="73"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Poll Tasks</p></span></div></foreignObject></g></g><g transform="translate(648.25, 323)" class="edgeLabel"><g transform="translate(-57, -12)" class="label"><foreignObject height="24" width="114"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" class="labelBkg" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><p>Complete Tasks</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(580.5, 25)" class="root"><g class="clusters"><g data-look="classic" id="Workers" class="cluster"><rect height="228" width="199" y="8" x="8" style=""/><g transform="translate(57, 8)" class="cluster-label"><foreignObject height="24" width="101"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Edge Workers</p></span></div></foreignObject></g></g></g><g class="edgePaths"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(107.5, 70)" id="flowchart-worker1-4" class="node default"><rect height="54" width="124" y="-27" x="-62" style="" class="basic label-container"/><g transform="translate(-32, -12)" style="" class="label"><rect/><foreignObject height="24" width="64"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Worker 1</p></span></div></foreignObject></g></g><g transform="translate(107.5, 174)" id="flowchart-worker2-5" class="node default"><rect height="54" width="124" y="-27" x="-62" style="" class="basic label-container"/><g transform="translate(-32, -12)" style="" class="label"><rect/><foreignObject height="24" width="64"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Worker 2</p></span></div></foreignObject></g></g></g></g><g transform="translate(392.5, 412)" id="flowchart-pgflow-0" class="node default"><rect height="54" width="170" y="-27" x="-85" style="" class="basic label-container"/><g transform="translate(-55, -12)" style="" class="label"><rect/><foreignObject height="24" width="110"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>pgflow Schema</p></span></div></foreignObject></g></g><g transform="translate(392.5, 540)" id="flowchart-pgmq-1" class="node default"><rect height="54" width="168" y="-27" x="-84" style="" class="basic label-container"/><g transform="translate(-54, -12)" style="" class="label"><rect/><foreignObject height="24" width="108"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>PGMQ Queues</p></span></div></foreignObject></g></g><g transform="translate(130.5, 412)" id="flowchart-definitions-2" class="node default"><rect height="54" width="175" y="-27" x="-87.5" style="" class="basic label-container"/><g transform="translate(-57.5, -12)" style="" class="label"><rect/><foreignObject height="24" width="115"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Flow Definitions</p></span></div></foreignObject></g></g><g transform="translate(677.5, 540)" id="flowchart-runs-3" class="node default"><rect height="54" width="137" y="-27" x="-68.5" style="" class="basic label-container"/><g transform="translate(-38.5, -12)" style="" class="label"><rect/><foreignObject height="24" width="77"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Flow Runs</p></span></div></foreignObject></g></g><g transform="translate(130.5, 147)" id="flowchart-dsl-6" class="node default"><rect height="54" width="172" y="-27" x="-86" style="" class="basic label-container"/><g transform="translate(-56, -12)" style="" class="label"><rect/><foreignObject height="24" width="112"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>TypeScript DSL</p></span></div></foreignObject></g></g><g transform="translate(392.5, 147)" id="flowchart-client-7" class="node default"><rect height="54" width="252" y="-27" x="-126" style="" class="basic label-container"/><g transform="translate(-96, -12)" style="" class="label"><rect/><foreignObject height="24" width="192"><div style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><p>Client SDK (Coming Soon)</p></span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/pkgs/website/src/assets/edge-worker-logo-dark.svg b/pkgs/website/src/assets/edge-worker-logo-dark.svg
deleted file mode 100644
index 88501a06d..000000000
--- a/pkgs/website/src/assets/edge-worker-logo-dark.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
-<svg fill="#ffffff" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 384.154 384.154" xml:space="preserve" width="800px" height="800px">
-
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
-
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
-
<g id="SVGRepo_iconCarrier"> <g id="XMLID_999_"> <g> <g> <path d="M334.154,259.41h-17.077v-37.863h-60v37.863h-49.25v-37.863h-60v37.863h-52.75V66.744h52.359 c3.171,9.612,10.779,17.22,20.391,20.391v27.472h-8.664l-0.768,31.698l-34.104,22.839l22.054,31.178l16.328-11.551 l-10.205-14.426l25.358-16.981l25.358,16.981l-10.205,14.426l16.328,11.551l22.055-31.178l-34.104-22.839l-0.768-31.698h-8.664 V87.135c12.761-4.21,22-16.239,22-30.391c0-17.645-14.355-32-32-32c-14.153,0-26.181,9.239-30.391,22H95.077H72.494H30.077 v216.818C12.395,271.276,0,288.919,0,309.41c0,27.57,22.43,50,50,50h284.154c27.57,0,50-22.43,50-50 S361.725,259.41,334.154,259.41z M177.827,44.744c6.617,0,12,5.383,12,12s-5.383,12-12,12s-12-5.383-12-12 S171.21,44.744,177.827,44.744z M277.077,241.547h20v17.863h-20V241.547z M167.827,241.547h20v17.863h-20V241.547z M50.077,66.744h22.417h2.583V259.41h-25V66.744z M334.154,339.41H50c-16.542,0-30-13.458-30-30s13.458-30,30-30h284.154 c16.542,0,30,13.458,30,30S350.696,339.41,334.154,339.41z"/> <rect x="53.827" y="299.41" width="35.333" height="20"/> <rect x="134.216" y="299.41" width="35.333" height="20"/> <rect x="214.604" y="299.41" width="35.334" height="20"/> <rect x="294.994" y="299.41" width="35.333" height="20"/> </g> </g> </g> </g>
-
</svg>
\ No newline at end of file
diff --git a/pkgs/website/src/assets/edge-worker-logo-light.svg b/pkgs/website/src/assets/edge-worker-logo-light.svg
deleted file mode 100644
index 3de3ae001..000000000
--- a/pkgs/website/src/assets/edge-worker-logo-light.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
-<svg fill="#000000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 384.154 384.154" xml:space="preserve" width="800px" height="800px">
-
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
-
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
-
<g id="SVGRepo_iconCarrier"> <g id="XMLID_999_"> <g> <g> <path d="M334.154,259.41h-17.077v-37.863h-60v37.863h-49.25v-37.863h-60v37.863h-52.75V66.744h52.359 c3.171,9.612,10.779,17.22,20.391,20.391v27.472h-8.664l-0.768,31.698l-34.104,22.839l22.054,31.178l16.328-11.551 l-10.205-14.426l25.358-16.981l25.358,16.981l-10.205,14.426l16.328,11.551l22.055-31.178l-34.104-22.839l-0.768-31.698h-8.664 V87.135c12.761-4.21,22-16.239,22-30.391c0-17.645-14.355-32-32-32c-14.153,0-26.181,9.239-30.391,22H95.077H72.494H30.077 v216.818C12.395,271.276,0,288.919,0,309.41c0,27.57,22.43,50,50,50h284.154c27.57,0,50-22.43,50-50 S361.725,259.41,334.154,259.41z M177.827,44.744c6.617,0,12,5.383,12,12s-5.383,12-12,12s-12-5.383-12-12 S171.21,44.744,177.827,44.744z M277.077,241.547h20v17.863h-20V241.547z M167.827,241.547h20v17.863h-20V241.547z M50.077,66.744h22.417h2.583V259.41h-25V66.744z M334.154,339.41H50c-16.542,0-30-13.458-30-30s13.458-30,30-30h284.154 c16.542,0,30,13.458,30,30S350.696,339.41,334.154,339.41z"/> <rect x="53.827" y="299.41" width="35.333" height="20"/> <rect x="134.216" y="299.41" width="35.333" height="20"/> <rect x="214.604" y="299.41" width="35.334" height="20"/> <rect x="294.994" y="299.41" width="35.333" height="20"/> </g> </g> </g> </g>
-
</svg>
diff --git a/pkgs/website/src/components/PageFrame.astro b/pkgs/website/src/components/PageFrame.astro
index dd6db2e48..61ca3e40e 100644
--- a/pkgs/website/src/components/PageFrame.astro
+++ b/pkgs/website/src/components/PageFrame.astro
@@ -2,6 +2,8 @@
 import type { Props } from '@astrojs/starlight/props';
 import Default from '@astrojs/starlight/components/PageFrame.astro';
 import { LinkButton } from '@astrojs/starlight/components';
+import logoDark from '../assets/pgflow-logo-dark.svg';
+import logoLight from '../assets/pgflow-logo-light.svg';
 
 const isAuthorPage = Astro.url.pathname.startsWith('/author');
 const isLandingPage = Astro.url.pathname === '/';
@@ -26,8 +28,8 @@ const showFooter = isLandingPage || isAuthorPage;
     <div class="footer-left">
       <div class="footer-logo">
         <a href="/">
-          <img src="/src/assets/pgflow-logo-dark.svg" alt="" class="logo-dark" />
-          <img src="/src/assets/pgflow-logo-light.svg" alt="" class="logo-light" />
+          <img src={logoDark.src} alt="" class="logo-dark" />
+          <img src={logoLight.src} alt="" class="logo-light" />
           <span class="logo-text">pgflow</span>
         </a>
       </div>
diff --git a/pkgs/website/src/components/Quote.astro b/pkgs/website/src/components/Quote.astro
index 0b6e93dec..5b61676d7 100644
--- a/pkgs/website/src/components/Quote.astro
+++ b/pkgs/website/src/components/Quote.astro
@@ -1,4 +1,6 @@
 ---
+import quoteIcon from '../assets/quote-left.svg';
+
 interface Props {
   text: string;
   attribution: string;
@@ -15,9 +17,7 @@ const { text, attribution, source, href, class: className, size = 'large' } = As
   {href ? (
     <a href={href} target="_blank" rel="noopener" class={`link ${className || ''}`}>
       <div class="content">
-        <svg class="icon" aria-hidden="true" viewBox="0 0 512 512">
-          <path fill="currentColor" d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"/>
-        </svg>
+        <img src={quoteIcon.src} class="icon" aria-hidden="true" alt="" />
         <div class="text-wrapper">
           <p class="text">"{text}"</p>
           <p class="attribution">
@@ -29,9 +29,7 @@ const { text, attribution, source, href, class: className, size = 'large' } = As
     </a>
   ) : (
     <div class="content">
-      <svg class="icon" aria-hidden="true" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"/>
-      </svg>
+      <img src={quoteIcon.src} class="icon" aria-hidden="true" alt="" />
       <div class="text-wrapper">
         <p class="text">"{text}"</p>
         <p class="attribution">