diff --git a/public/docs-static/img/logo/logo-api-dark.png b/public/docs-static/img/logo/logo-api-dark.png
new file mode 100644
index 00000000..bbbaae63
Binary files /dev/null and b/public/docs-static/img/logo/logo-api-dark.png differ
diff --git a/public/docs-static/img/logo/logo-api-dark.svg b/public/docs-static/img/logo/logo-api-dark.svg
index 29055bf9..7c4f75e7 100644
--- a/public/docs-static/img/logo/logo-api-dark.svg
+++ b/public/docs-static/img/logo/logo-api-dark.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 132.29167 23.812502"
    version="1.1"
    id="svg1203"
-   inkscape:version="1.1.1 (1:1.1+202109281944+c3084ef5ed)"
+   inkscape:version="1.2.1 (1:1.2.1+202210291243+9c6d41e410)"
    sodipodi:docname="logo-api-dark.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -26,15 +26,17 @@
      width="650px"
      units="px"
      inkscape:zoom="1.4289282"
-     inkscape:cx="334.86637"
-     inkscape:cy="27.993009"
-     inkscape:window-width="2560"
-     inkscape:window-height="1335"
-     inkscape:window-x="1920"
+     inkscape:cx="334.51646"
+     inkscape:cy="28.692834"
+     inkscape:window-width="1920"
+     inkscape:window-height="973"
+     inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="layer1"
-     inkscape:snap-global="false" />
+     inkscape:snap-global="false"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
   <defs
      id="defs1200">
     <inkscape:path-effect
@@ -53,7 +55,8 @@
        apply_no_radius="true"
        apply_with_radius="true"
        only_selected="false"
-       hide_knots="false" />
+       hide_knots="false"
+       nodesatellites_param="F,0,0,1,0,4.4979167,0,1 @ F,0,0,1,0,4.4979167,0,1 @ F,0,0,1,0,4.4979167,0,1 @ F,0,0,1,0,4.4979167,0,1" />
   </defs>
   <g
      inkscape:label="Layer 1"
@@ -66,7 +69,7 @@
        height="18.151592"
        x="87.122803"
        y="2.9803145"
-       inkscape:export-filename="/home/braginini/Documents/projects/my/wiretrustee/wiretrustee.com-nextjs/public/brand-assets/logo.png"
+       inkscape:export-filename="logo-api-dark.png"
        inkscape:export-xdpi="100"
        inkscape:export-ydpi="100"
        sodipodi:type="rect"
@@ -75,14 +78,14 @@
     <text
        xml:space="preserve"
        style="font-size:10.9361px;line-height:1.25;font-family:Poppins;-inkscape-font-specification:Poppins;stroke-width:0.264583"
-       x="92.88604"
-       y="15.806503"
+       x="99.439789"
+       y="15.949568"
        id="text3179"><tspan
          sodipodi:role="line"
          id="tspan3177"
          style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10.9361px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';fill:#fb923c;fill-opacity:1;stroke-width:0.264583"
-         x="98.88604"
-         y="15.806503">API</tspan></text>
+         x="99.439789"
+         y="15.949568">API</tspan></text>
     <text
        xml:space="preserve"
        style="font-size:16.9333px;line-height:1.25;font-family:Poppins;-inkscape-font-specification:Poppins;fill:#4d4d4d;stroke-width:0.0700042"
diff --git a/public/docs-static/img/logo/logo-api.png b/public/docs-static/img/logo/logo-api.png
new file mode 100644
index 00000000..230215d7
Binary files /dev/null and b/public/docs-static/img/logo/logo-api.png differ
diff --git a/public/docs-static/img/logo/logo-api.svg b/public/docs-static/img/logo/logo-api.svg
index 6bc9a282..57d10446 100644
--- a/public/docs-static/img/logo/logo-api.svg
+++ b/public/docs-static/img/logo/logo-api.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 132.29167 23.812502"
    version="1.1"
    id="svg1203"
-   inkscape:version="1.1.1 (1:1.1+202109281944+c3084ef5ed)"
+   inkscape:version="1.2.1 (1:1.2.1+202210291243+9c6d41e410)"
    sodipodi:docname="logo-api.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -26,15 +26,17 @@
      width="650px"
      units="px"
      inkscape:zoom="1.4289282"
-     inkscape:cx="334.86637"
-     inkscape:cy="27.993009"
-     inkscape:window-width="2560"
-     inkscape:window-height="1335"
-     inkscape:window-x="1920"
+     inkscape:cx="334.51646"
+     inkscape:cy="-27.293184"
+     inkscape:window-width="1920"
+     inkscape:window-height="973"
+     inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="layer1"
-     inkscape:snap-global="false" />
+     inkscape:snap-global="false"
+     inkscape:showpageshadow="2"
+     inkscape:deskcolor="#d1d1d1" />
   <defs
      id="defs1200">
     <inkscape:path-effect
@@ -53,7 +55,8 @@
        apply_no_radius="true"
        apply_with_radius="true"
        only_selected="false"
-       hide_knots="false" />
+       hide_knots="false"
+       nodesatellites_param="F,0,0,1,0,4.4979167,0,1 @ F,0,0,1,0,4.4979167,0,1 @ F,0,0,1,0,4.4979167,0,1 @ F,0,0,1,0,4.4979167,0,1" />
   </defs>
   <g
      inkscape:label="Layer 1"
@@ -66,7 +69,7 @@
        height="18.151592"
        x="87.122803"
        y="2.9803145"
-       inkscape:export-filename="/home/braginini/Documents/projects/my/wiretrustee/wiretrustee.com-nextjs/public/brand-assets/logo.png"
+       inkscape:export-filename="../../../../../wiretrustee.com-nextjs/public/brand-assets/logo-api.png"
        inkscape:export-xdpi="100"
        inkscape:export-ydpi="100"
        sodipodi:type="rect"
@@ -75,14 +78,14 @@
     <text
        xml:space="preserve"
        style="font-size:10.9361px;line-height:1.25;font-family:Poppins;-inkscape-font-specification:Poppins;stroke-width:0.264583"
-       x="92.88604"
-       y="15.806503"
+       x="99.440025"
+       y="15.806142"
        id="text3179"><tspan
          sodipodi:role="line"
          id="tspan3177"
          style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:10.9361px;font-family:Poppins;-inkscape-font-specification:'Poppins Bold';fill:#fb923c;fill-opacity:1;stroke-width:0.264583"
-         x="98.88604"
-         y="15.806503">API</tspan></text>
+         x="99.440025"
+         y="15.806142">API</tspan></text>
     <text
        xml:space="preserve"
        style="font-size:16.9333px;line-height:1.25;font-family:Poppins;-inkscape-font-specification:Poppins;fill:#4d4d4d;stroke-width:0.0700042"
diff --git a/public/docs-static/img/logo/logo-docs.png b/public/docs-static/img/logo/logo-docs.png
new file mode 100644
index 00000000..1a1a3631
Binary files /dev/null and b/public/docs-static/img/logo/logo-docs.png differ
diff --git a/src/components/Logo.jsx b/src/components/Logo.jsx
index 5d69e038..1e789772 100644
--- a/src/components/Logo.jsx
+++ b/src/components/Logo.jsx
@@ -4,13 +4,13 @@ export function Logo(props) {
     let router = useRouter()
   return (
       <div>
-          {!router.route.startsWith('/ipa') && <img src='/docs-static/img/logo/logo-docs.svg' alt="some file"  height='200'
+          {!router.route.startsWith('/ipa') && <img src='/docs-static/img/logo/logo-docs.png' alt="some file"  height='200'
                width='180' className="dark:hidden"/>}
-          {!router.route.startsWith('/ipa') &&  <img src='/docs-static/img/logo/logo-docs-dark.svg' alt="some file"  height='200'
+          {!router.route.startsWith('/ipa') &&  <img src='/docs-static/img/logo/logo-docs-dark.png' alt="some file"  height='200'
                width='180' className="hidden dark:block"/>}
-          {router.route.startsWith('/ipa') && <img src='/docs-static/img/logo/logo-api.svg' alt="some file"  height='200'
+          {router.route.startsWith('/ipa') && <img src='/docs-static/img/logo/logo-api.png' alt="some file"  height='200'
                width='180' className="dark:hidden"/>}
-          {router.route.startsWith('/ipa') && <img src='/docs-static/img/logo/logo-api-dark.svg' alt="some file"  height='200'
+          {router.route.startsWith('/ipa') && <img src='/docs-static/img/logo/logo-api-dark.png' alt="some file"  height='200'
                width='180' className="hidden dark:block"/>}
       </div>
   )