diff --git a/app/page.tsx b/app/page.tsx
index dd50ffa..9760857 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -107,8 +107,8 @@ export default function HomePage() {
       <header className="sticky top-0 z-40 border-b border-fd-border bg-fd-background/80 backdrop-blur-md">
         <div className="mx-auto flex h-14 max-w-6xl items-center justify-between gap-4 px-6">
           <Link href="/" className="flex items-center gap-3">
-            <img src="/logo-light.png" alt="Next Commerce" width={105} height={21} className="dark:hidden" />
-            <img src="/logo-dark.png" alt="Next Commerce" width={105} height={21} className="hidden dark:block" />
+            <img src="/next-dark.svg" alt="Next Commerce" width={451} height={148} className="h-auto w-24 dark:hidden" />
+            <img src="/next-white.svg" alt="Next Commerce" width={451} height={148} className="hidden h-auto w-24 dark:block" />
             <span className="hidden border-l border-fd-border pl-3 text-xs font-medium text-fd-muted-foreground sm:inline">
               Docs
             </span>
diff --git a/lib/layout.shared.tsx b/lib/layout.shared.tsx
index e905218..ce8c203 100644
--- a/lib/layout.shared.tsx
+++ b/lib/layout.shared.tsx
@@ -6,8 +6,8 @@ export function baseOptions(): BaseLayoutProps {
     nav: {
       title: (
         <>
-          <img src="/logo-light.png" alt={siteConfig.companyName} width={105} height={21} className="dark:hidden" />
-          <img src="/logo-dark.png" alt={siteConfig.companyName} width={105} height={21} className="hidden dark:block" />
+          <img src="/next-dark.svg" alt={siteConfig.companyName} width={451} height={148} className="h-auto w-24 dark:hidden" />
+          <img src="/next-white.svg" alt={siteConfig.companyName} width={451} height={148} className="hidden h-auto w-24 dark:block" />
         </>
       ),
       url: '/',
diff --git a/public/logo-dark.png b/public/logo-dark.png
deleted file mode 100644
index 7be27b2..0000000
Binary files a/public/logo-dark.png and /dev/null differ
diff --git a/public/logo-light.png b/public/logo-light.png
deleted file mode 100644
index 15fdd35..0000000
Binary files a/public/logo-light.png and /dev/null differ
diff --git a/public/next-dark.svg b/public/next-dark.svg
new file mode 100644
index 0000000..b9fab64
--- /dev/null
+++ b/public/next-dark.svg
@@ -0,0 +1,8 @@
+<svg width="451" height="148" viewBox="0 0 451 148" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M104.893 81.8347L102.955 80.5593L48.6035 44.7975C47.8986 44.3777 47.2106 44.1521 46.5957 44.152C44.6173 44.152 43.008 45.7606 43.0078 47.739V101.117C43.0079 103.095 44.6173 104.704 46.5957 104.704H50.4307V117.046H46.5957C37.8153 117.046 30.75 109.98 30.75 101.2V47.8229C30.75 39.0426 37.8153 31.9772 46.5957 31.9772C49.6698 31.9773 52.752 32.8805 55.3037 34.612H55.3047L104.346 67.9733L104.893 68.3454V81.8347Z" fill="#3C7DFF" stroke="#3C7DFF" stroke-width="2.5"/>
+<path d="M111.568 31.9772C120.349 31.9772 127.414 39.0426 127.414 47.8229V101.2C127.414 109.98 120.349 117.046 111.568 117.046C108.494 117.046 105.412 116.142 102.86 114.411H102.859L53.8184 81.0495L53.2715 80.6774V67.1911L55.207 68.4626L109.552 104.136C110.26 104.56 110.951 104.788 111.568 104.788C113.547 104.788 115.156 103.178 115.156 101.2V47.8229C115.156 45.8444 113.547 44.235 111.568 44.235H107.733V31.9772H111.568Z" fill="#3C7DFF" stroke="#3C7DFF" stroke-width="2.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M369.22 56.1629V115.796H393.789V56.1629H418.88V32.3098L383.452 32.3079L369.22 56.1629ZM369.22 56.1629L383.452 32.3079L368.105 32.3098L352.65 55.7335L369.22 56.1629Z" fill="#030E1F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M279.292 115.486L307.796 72.6695L282.035 32L309.943 32.002L337.612 70.9998L304.75 115.488L279.292 115.486ZM323.974 93.9864L339.089 115.488L364.236 115.486L339.089 74.4328L323.974 93.9864ZM339.089 67.9248L325.856 49.4455L337.612 32.002L363.731 32L339.089 67.9248Z" fill="#030E1F"/>
+<path d="M227.824 115.79V32.304H277.438L292.154 56.157H252.392V63.3129H277.438V84.7807H252.392V91.9366H290.845L274.778 115.792L227.824 115.79Z" fill="#030E1F"/>
+<path d="M149.164 115.792V32.3059H177.191L199.971 72.2598V32.3059H223.824V115.792H198.897L173.017 71.4249V115.792H149.164Z" fill="#030E1F"/>
+</svg>
diff --git a/public/next-white.svg b/public/next-white.svg
new file mode 100644
index 0000000..3d9aeb8
--- /dev/null
+++ b/public/next-white.svg
@@ -0,0 +1,8 @@
+<svg width="451" height="148" viewBox="0 0 451 148" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M104.893 81.8346L102.955 80.5593L48.6035 44.7975C47.8986 44.3777 47.2106 44.1521 46.5957 44.152C44.6173 44.152 43.008 45.7606 43.0078 47.7389V101.117C43.0079 103.095 44.6173 104.704 46.5957 104.704H50.4307V117.046H46.5957C37.8153 117.046 30.75 109.98 30.75 101.2V47.8229C30.75 39.0426 37.8153 31.9772 46.5957 31.9772C49.6698 31.9773 52.752 32.8804 55.3037 34.612H55.3047L104.346 67.9733L104.893 68.3454V81.8346Z" fill="#3C7DFF" stroke="#3C7DFF" stroke-width="2.5"/>
+<path d="M111.568 31.9772C120.349 31.9772 127.414 39.0426 127.414 47.8229V101.2C127.414 109.98 120.349 117.046 111.568 117.046C108.494 117.046 105.412 116.142 102.86 114.411H102.859L53.8184 81.0495L53.2715 80.6774V67.1911L55.207 68.4626L109.552 104.136C110.26 104.56 110.951 104.788 111.568 104.788C113.547 104.788 115.156 103.178 115.156 101.2V47.8229C115.156 45.8444 113.547 44.235 111.568 44.235H107.733V31.9772H111.568Z" fill="#3C7DFF" stroke="#3C7DFF" stroke-width="2.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M369.22 56.1629V115.796H393.789V56.1629H418.88V32.3098L383.452 32.3079L369.22 56.1629ZM369.22 56.1629L383.452 32.3079L368.105 32.3098L352.65 55.7335L369.22 56.1629Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M279.292 115.486L307.796 72.6695L282.035 32L309.943 32.0019L337.612 70.9998L304.75 115.488L279.292 115.486ZM323.974 93.9863L339.089 115.488L364.236 115.486L339.089 74.4328L323.974 93.9863ZM339.089 67.9248L325.856 49.4455L337.612 32.0019L363.731 32L339.089 67.9248Z" fill="white"/>
+<path d="M227.824 115.79V32.304H277.438L292.154 56.157H252.392V63.3129H277.438V84.7807H252.392V91.9366H290.845L274.778 115.792L227.824 115.79Z" fill="white"/>
+<path d="M149.164 115.792V32.3059H177.191L199.971 72.2598V32.3059H223.824V115.792H198.897L173.017 71.4249V115.792H149.164Z" fill="white"/>
+</svg>