diff --git a/app.config.ts b/app.config.ts
index 5eb94fe84..b3d81e924 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -37,11 +37,11 @@ export default defineAppConfig({
     },
     commandPalette: {
       default: {
-        icon: 'i-ph-magnifying-glass-duotone',
+        icon: 'i-ph-magnifying-glass',
         loadingIcon: 'i-ph-spinner',
         selectedIcon: 'i-ph-check',
         emptyState: {
-          icon: 'i-ph-magnifying-glass-duotone'
+          icon: 'i-ph-magnifying-glass'
         },
         closeButton: {
           icon: 'i-ph-x'
@@ -97,12 +97,12 @@ export default defineAppConfig({
       }
     },
     icons: {
-      dark: 'i-ph-moon-duotone',
-      light: 'i-ph-sun-duotone',
-      search: 'i-ph-magnifying-glass-duotone',
+      dark: 'i-ph-moon',
+      light: 'i-ph-sun',
+      search: 'i-ph-magnifying-glass',
       external: 'i-ph-arrow-up-right',
       chevron: 'i-ph-caret-down',
-      hash: 'i-ph-hash-duotone'
+      hash: 'i-ph-hash'
     },
     header: {
       wrapper: 'lg:mb-0 lg:border-0',
@@ -149,7 +149,7 @@ export default defineAppConfig({
     content: {
       search: {
         fileIcon: {
-          name: 'i-ph-file-text-duotone'
+          name: 'i-ph-file-text'
         }
       },
       toc: {
@@ -176,12 +176,12 @@ export default defineAppConfig({
         code: {
           button: {
             icon: {
-              copy: 'i-ph-copy-duotone',
-              copied: 'i-ph-check-square-duotone'
+              copy: 'i-ph-copy',
+              copied: 'i-ph-check-square'
             }
           },
           icon: {
-            terminal: 'i-ph-terminal-window-duotone'
+            terminal: 'i-ph-terminal-window'
           }
         }
       }
diff --git a/app.vue b/app.vue
index bc3ea21bd..8c9e90239 100644
--- a/app.vue
+++ b/app.vue
@@ -71,7 +71,7 @@ onMounted(() => {
     >
       <div class="flex items-center gap-1">
         <UIcon
-          name="i-ph-magic-wand-duotone"
+          name="i-ph-magic-wand"
           class="w-5 h-5 flex-shrink-0 pointer-events-none hidden lg:inline-block mr-1"
         />
         <span>Learn Nuxt with a Collection of 100+ Tips!</span>
@@ -90,7 +90,7 @@ onMounted(() => {
     >
       <div class="flex items-center gap-2">
         <UIcon
-          name="i-ph-medal-duotone"
+          name="i-ph-medal"
           class="w-5 h-5 flex-shrink-0 pointer-events-none"
         />
         <span>The <span class="font-semibold">Nuxt Certification Program</span> by VueSchool is out!</span>
diff --git a/components/AppHeader.vue b/components/AppHeader.vue
index fe1290f05..80da2aa41 100644
--- a/components/AppHeader.vue
+++ b/components/AppHeader.vue
@@ -27,7 +27,7 @@ const mobileNav = computed(() => {
     ...headerLinks.value.slice(1),
     {
       label: 'Design Kit',
-      icon: 'i-ph-palette-duotone',
+      icon: 'i-ph-palette',
       to: '/design-kit'
     }
   ]
@@ -48,7 +48,7 @@ const dropdownItems = [
   }],
   [{
     label: 'Browse Design Kit',
-    icon: 'i-ph-shapes-duotone',
+    icon: 'i-ph-shapes',
     to: '/design-kit'
   }]
 ]
diff --git a/components/EmptyCard.vue b/components/EmptyCard.vue
index 069c81605..dff3b8489 100644
--- a/components/EmptyCard.vue
+++ b/components/EmptyCard.vue
@@ -9,7 +9,7 @@ withDefaults(defineProps<{
 <template>
   <UCard>
     <div class="flex flex-col items-center py-12">
-      <UIcon name="i-ph-magnifying-glass-duotone" class="w-16 h-16 mx-auto text-gray-500 dark:text-gray-400 mb-4" aria-hidden="true" />
+      <UIcon name="i-ph-magnifying-glass" class="w-16 h-16 mx-auto text-gray-500 dark:text-gray-400 mb-4" aria-hidden="true" />
 
       <!-- eslint-disable-next-line vue/no-v-html -->
       <p class="text-lg text-center max-w-sm" v-html="label" />
diff --git a/components/UInputCopy.vue b/components/UInputCopy.vue
new file mode 100644
index 000000000..cee9493ca
--- /dev/null
+++ b/components/UInputCopy.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+defineProps({
+  value: {
+    type: String,
+    required: true
+  },
+  size: {
+    type: String,
+    default: 'lg'
+  }
+})
+const { copy, copied } = useClipboard()
+</script>
+
+<template>
+  <label>
+    <UInput :model-value="value" :size="size" disabled :ui="{ icon: { trailing: { pointer: '' } } }" icon="i-ph-terminal">
+      <div class="absolute inset-0" :class="[copied ? 'cursor-default' : 'cursor-copy']" @click="copy(value)" />
+      <template #trailing>
+        <UButton
+          :icon="copied ? 'i-ph-check' : 'i-ph-copy'"
+          color="gray"
+          variant="link"
+          :padded="false"
+          :class="{ 'text-green-500 hover:text-green-500 dark:text-green-400 hover:dark:text-green-400': copied }"
+          aria-label="copy button"
+          @click="copy(value)"
+        />
+      </template>
+    </UInput>
+  </label>
+</template>
diff --git a/components/content/Caution.vue b/components/content/Caution.vue
index c584a12a2..2a0f52603 100644
--- a/components/content/Caution.vue
+++ b/components/content/Caution.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Caution"
-    icon="i-ph-warning-octagon-duotone"
+    icon="i-ph-warning-octagon"
     color="red"
     class="_caution"
     :class="$attrs.to ? 'dark:hover:!border-red-600/50 hover:!border-red-400/50' : ''"
diff --git a/components/content/Important.vue b/components/content/Important.vue
index 5b13cefbb..28d8998e5 100644
--- a/components/content/Important.vue
+++ b/components/content/Important.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Important"
-    icon="i-ph-warning-diamond-duotone"
+    icon="i-ph-warning-diamond"
     color="violet"
     class="_important"
     :class="$attrs.to ? 'dark:hover:!border-violet-600/50 hover:!border-violet-400/50' : ''"
diff --git a/components/content/LinkExample.vue b/components/content/LinkExample.vue
index ed46df0b2..26d8bb77d 100644
--- a/components/content/LinkExample.vue
+++ b/components/content/LinkExample.vue
@@ -1,5 +1,5 @@
 <template>
-  <Callout icon="i-ph-app-window-duotone">
+  <Callout icon="i-ph-app-window">
     Read and edit a live example in
     <NuxtLink :to="to">
       {{ computedTitle }}
diff --git a/components/content/Note.vue b/components/content/Note.vue
index 06e00b4a5..4268f6055 100644
--- a/components/content/Note.vue
+++ b/components/content/Note.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Note"
-    icon="i-ph-info-duotone"
+    icon="i-ph-info"
     color="blue"
     class="_note"
     :class="$attrs.to ? 'dark:hover:!border-blue-600/50 hover:!border-blue-400/50' : ''"
diff --git a/components/content/ReadMore.vue b/components/content/ReadMore.vue
index aee6ff6e1..db28867af 100644
--- a/components/content/ReadMore.vue
+++ b/components/content/ReadMore.vue
@@ -33,7 +33,7 @@ const computedTitle = computed<string>(() => props.title || createBreadcrumb(pro
 </script>
 
 <template>
-  <Callout icon="i-ph-bookmark-simple-duotone" :to="to">
+  <Callout icon="i-ph-bookmark-simple" :to="to">
     <MDCSlot unwrap="p">
       Read more in <span class="font-bold" v-html="computedTitle" />.
     </MDCSlot>
diff --git a/components/content/Tip.vue b/components/content/Tip.vue
index 916b338ae..38ddb3424 100644
--- a/components/content/Tip.vue
+++ b/components/content/Tip.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Tip"
-    icon="i-ph-lightbulb-duotone"
+    icon="i-ph-lightbulb"
     color="green"
     class="_tip"
     :class="$attrs.to ? 'dark:hover:!border-green-600/50 hover:!border-green-400/50' : ''"
diff --git a/components/content/Warning.vue b/components/content/Warning.vue
index bd53e0661..03dbafe5d 100644
--- a/components/content/Warning.vue
+++ b/components/content/Warning.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Warning"
-    icon="i-ph-warning-duotone"
+    icon="i-ph-warning"
     color="amber"
     class="_warning"
     :class="$attrs.to ? 'dark:hover:!border-amber-600/50 hover:!border-amber-400/50' : ''"
diff --git a/components/newsletter/NewsletterForm.vue b/components/newsletter/NewsletterForm.vue
index 1881ba4a0..84950ef66 100644
--- a/components/newsletter/NewsletterForm.vue
+++ b/components/newsletter/NewsletterForm.vue
@@ -39,12 +39,12 @@ function onSubmit() {
 
 <template>
   <form @submit.prevent="onSubmit">
-    <UFormGroup name="email" :label="label" :description="description" size="xl" :ui="{ label: { base: 'font-semibold' }, container: 'mt-3' }">
+    <UFormGroup name="email" :label="label" size="lg" :description="description" :ui="{ label: { base: 'font-semibold' }, container: 'mt-3' }">
       <UInput
         v-model="email"
         type="email"
         placeholder="you@domain.com"
-        :ui="{ icon: { trailing: { pointer: '' } } }"
+        :ui="{ icon: { trailing: { pointer: '', padding: { lg: 'px-1' } } } }"
         required
         autocomplete="off"
         class="max-w-sm"
diff --git a/composables/useModules.ts b/composables/useModules.ts
index 01a88c0d9..9cb4037ea 100644
--- a/composables/useModules.ts
+++ b/composables/useModules.ts
@@ -1,23 +1,23 @@
 import type { Module, Filter } from '../types'
 
 const iconsMap = {
-  Analytics: 'i-ph-chart-bar-duotone',
-  CMS: 'i-ph-pencil-duotone',
-  CSS: 'i-ph-paint-brush-broad-duotone',
-  Database: 'i-ph-database-duotone',
-  Devtools: 'i-ph-wrench-duotone',
-  Ecommerce: 'i-ph-shopping-cart-duotone',
-  Extensions: 'i-ph-puzzle-piece-duotone',
-  Fonts: 'i-ph-text-aa-duotone',
-  Images: 'i-ph-image-duotone',
-  Libraries: 'i-ph-books-duotone',
-  Monitoring: 'i-ph-timer-duotone',
-  Payment: 'i-ph-credit-card-duotone',
-  Performance: 'i-ph-gauge-duotone',
-  Request: 'i-ph-plugs-connected-duotone',
-  Security: 'i-ph-shield-duotone',
-  SEO: 'i-ph-file-search-duotone',
-  UI: 'i-ph-layout-duotone'
+  Analytics: 'i-ph-chart-bar',
+  CMS: 'i-ph-pencil',
+  CSS: 'i-ph-paint-brush-broad',
+  Database: 'i-ph-database',
+  Devtools: 'i-ph-wrench',
+  Ecommerce: 'i-ph-shopping-cart',
+  Extensions: 'i-ph-puzzle-piece',
+  Fonts: 'i-ph-text-aa',
+  Images: 'i-ph-image',
+  Libraries: 'i-ph-books',
+  Monitoring: 'i-ph-timer',
+  Payment: 'i-ph-credit-card',
+  Performance: 'i-ph-gauge',
+  Request: 'i-ph-plugs-connected',
+  Security: 'i-ph-shield',
+  SEO: 'i-ph-file-search',
+  UI: 'i-ph-layout'
 }
 
 export const moduleImage = function (icon: string = '', size: number = 80) {
@@ -31,7 +31,7 @@ export const moduleImage = function (icon: string = '', size: number = 80) {
 }
 
 export const moduleIcon = function (category: string) {
-  return iconsMap[category as keyof typeof iconsMap] || 'i-ph-cube-duotone'
+  return iconsMap[category as keyof typeof iconsMap] || 'i-ph-cube'
 }
 
 export const useModules = () => {
diff --git a/composables/useNavigation.ts b/composables/useNavigation.ts
index d9fea3372..cf3fa96b9 100644
--- a/composables/useNavigation.ts
+++ b/composables/useNavigation.ts
@@ -6,19 +6,19 @@ const _useNavigation = () => {
 
     return [{
       label: 'Docs',
-      icon: 'i-ph-book-bookmark-duotone',
+      icon: 'i-ph-book-bookmark',
       to: '/docs',
       search: false,
       children: [{
         label: 'Get Started',
         description: 'Learn how to get started with Nuxt.',
-        icon: 'i-ph-rocket-launch-duotone',
+        icon: 'i-ph-rocket-launch',
         to: '/docs/getting-started',
         active: route.path.startsWith('/docs/getting-started')
       }, {
         label: 'Guide',
         description: 'Learn how to build and deploy Nuxt applications.',
-        icon: 'i-ph-book-open-duotone',
+        icon: 'i-ph-book-open',
         to: '/docs/guide',
         active: route.path.startsWith('/docs/guide')
       }, {
@@ -30,105 +30,105 @@ const _useNavigation = () => {
       }, {
         label: 'Examples',
         description: 'Discover and explore official and community examples.',
-        icon: 'i-ph-app-window-duotone',
+        icon: 'i-ph-app-window',
         to: '/docs/examples',
         active: route.path.startsWith('/docs/examples')
       }, {
         label: 'Community',
         description: 'Find answers and support from the community.',
-        icon: 'i-ph-chats-teardrop-duotone',
+        icon: 'i-ph-chats-teardrop',
         to: '/docs/community',
         active: route.path.startsWith('/docs/community')
       }]
     }, {
       label: 'Integrations',
       to: '/modules',
-      icon: 'i-ph-plugs-connected-duotone',
+      icon: 'i-ph-plugs-connected',
       search: false,
       active: route.path.startsWith('/modules') || route.path.startsWith('/deploy'),
       children: [{
         label: 'Modules',
         description: 'Supercharge your Nuxt project with modules.',
-        icon: 'i-ph-puzzle-piece-duotone',
+        icon: 'i-ph-puzzle-piece',
         to: '/modules'
       }, {
         label: 'Hosting',
         description: 'Deploy your Nuxt project anywhere.',
-        icon: 'i-ph-rocket-launch-duotone',
+        icon: 'i-ph-rocket-launch',
         to: '/deploy'
       }]
     }, {
       label: 'Resources',
-      icon: 'i-ph-books-duotone',
+      icon: 'i-ph-books',
       to: '/templates',
       search: false,
       active: route.path.startsWith('/templates') || route.path.startsWith('/video-courses'),
       children: [{
         label: 'Templates',
-        icon: 'i-ph-browsers-duotone',
+        icon: 'i-ph-browsers',
         description: 'Start your next project with a Nuxt template.',
         to: '/templates'
       }, {
         label: 'Video Courses',
         description: 'Learn Nuxt by watching video courses.',
-        icon: 'i-ph-graduation-cap-duotone',
+        icon: 'i-ph-graduation-cap',
         to: '/video-courses'
       }, {
         label: 'Showcase',
         description: 'Discover and explore projects built with Nuxt.',
-        icon: 'i-ph-projector-screen-duotone',
+        icon: 'i-ph-projector-screen',
         to: '/showcase'
       }, {
         label: 'Nuxt Certification',
         description: 'Obtain your Certification of Competence.',
-        icon: 'i-ph-medal-duotone',
+        icon: 'i-ph-medal',
         to: 'https://certification.nuxt.com',
         target: '_blank'
       }]
     }, {
-      label: 'Enterprise',
-      icon: 'i-ph-buildings-duotone',
+      label: 'Products',
+      icon: 'i-ph-sparkle',
+      search: false,
+      children: [{
+        label: 'Nuxt UI Pro',
+        to: 'https://ui.nuxt.com/pro?utm_source=nuxt-website&utm_medium=header',
+        description: 'Premium Vue components for Nuxt.',
+        icon: 'i-ph-layout'
+      }, {
+        label: 'Nuxt Studio',
+        to: 'https://nuxt.studio/?utm_source=nuxt-website&utm_medium=header',
+        description: 'The Git-based CMS for Nuxt.',
+        icon: 'i-ph-pen'
+      }, {
+        label: 'NuxtHub',
+        to: 'https://hub.nuxt.com/?utm_source=nuxt-website&utm_medium=header',
+        description: 'Build, deploy & manage Nuxt apps that scale.',
+        icon: 'i-ph-rocket-launch'
+      }]
+    }, {
+      label: 'Services',
+      icon: 'i-ph-buildings',
       to: '/enterprise',
       search: false,
       children: [{
         label: 'Support',
         to: '/enterprise/support',
         description: 'Professional support by Nuxt experts.',
-        icon: 'i-ph-lifebuoy-duotone'
+        icon: 'i-ph-lifebuoy'
       }, {
         label: 'Agencies',
         to: '/enterprise/agencies',
         description: 'Agencies specialized in Nuxt development.',
-        icon: 'i-ph-handshake-duotone'
+        icon: 'i-ph-handshake'
       }, {
         label: 'Sponsors',
         to: '/enterprise/sponsors',
         description: 'Help us sustain Nuxt development.',
-        icon: 'i-ph-hand-heart-duotone'
-      }]
-    }, {
-      label: 'Labs',
-      icon: 'i-ph-atom-duotone',
-      search: false,
-      children: [{
-        label: 'Nuxt UI Pro',
-        to: 'https://ui.nuxt.com/pro?utm_source=nuxt-website&utm_medium=header',
-        description: 'Premium Vue components for Nuxt.',
-        icon: 'i-ph-layout-duotone'
-      }, {
-        label: 'Nuxt Studio',
-        to: 'https://nuxt.studio/?utm_source=nuxt-website&utm_medium=header',
-        description: 'The Git-based CMS for Nuxt.',
-        icon: 'i-ph-pen-duotone'
-      }, {
-        label: 'NuxtHub',
-        to: 'https://hub.nuxt.com/?utm_source=nuxt-website&utm_medium=header',
-        description: 'Build, deploy & manage Nuxt apps that scale.',
-        icon: 'i-ph-rocket-launch-duotone'
+        icon: 'i-ph-hand-heart'
       }]
     }, {
       label: 'Blog',
-      icon: 'i-ph-newspaper-duotone',
+      icon: 'i-ph-newspaper',
       to: '/blog'
     }]
   })
@@ -147,7 +147,7 @@ const _useNavigation = () => {
       to: '/design-kit'
     }]
   }, {
-    label: 'NuxtLabs',
+    label: 'Products',
     children: [{
       label: 'Nuxt UI Pro',
       to: 'https://ui.nuxt.com/pro?utm_source=nuxt-website&utm_medium=footer',
@@ -188,15 +188,15 @@ const _useNavigation = () => {
     return link
   }).filter(Boolean), {
     label: 'Team',
-    icon: 'i-ph-users-duotone',
+    icon: 'i-ph-users',
     to: '/team'
   }, {
     label: 'Design Kit',
-    icon: 'i-ph-palette-duotone',
+    icon: 'i-ph-palette',
     to: '/design-kit'
   }, {
     label: 'Newsletter',
-    icon: 'i-ph-envelope-simple-duotone',
+    icon: 'i-ph-envelope-simple',
     to: '/newsletter'
   }])
 
diff --git a/content/0.index.yml b/content/0.index.yml
index eeac3c76a..d3b55bd6e 100644
--- a/content/0.index.yml
+++ b/content/0.index.yml
@@ -3,11 +3,7 @@ hero:
   cta:
     label: Nuxt v3.13 is out
     to: /blog/v3-13
-    variant: outline
     icon: i-ph-arrow-right
-    size: xs
-    trailing: true
-    class: 'font-semibold hover:bg-primary-100 dark:hover:bg-primary-900 rounded-full'
 logos:
   title: 'Trusted by the best front-end teams'
 sections:
@@ -17,15 +13,16 @@ sections:
     align: left
     links:
       - label: 'Learn about Views'
-        icon: i-ph-layout-duotone
+        icon: i-ph-layout
         to: '/docs/getting-started/views'
         color: black
         size: md
       - label: 'Hello World Example'
-        icon: i-ph-app-window-duotone
+        icon: i-ph-app-window
         to: '/docs/examples/hello-world'
         color: gray
         size: md
+        variant: ghost
     slot: code
     code: |
       ```vue [app.vue]
@@ -57,14 +54,15 @@ sections:
     align: right
     links:
       - label: 'Learn about Hybrid Rendering'
-        icon: i-ph-rocket-launch-duotone
+        icon: i-ph-rocket-launch
         to: '/docs/guide/concepts/rendering#hybrid-rendering'
         color: black
         size: md
       - label: 'Nuxt on the Edge'
-        icon: i-ph-newspaper-duotone
+        icon: i-ph-newspaper
         to: '/blog/nuxt-on-the-edge'
         color: gray
+        variant: ghost
         size: md
     slot: code
     code: |
@@ -110,51 +108,51 @@ sections:
     features:
       - title: 'Routing & Layouts'
         description: 'File based routing system to build complex views and interfaces with a powerful and conventional approach.'
-        icon: 'i-ph-signpost-duotone'
+        icon: 'i-ph-signpost'
         to: '/docs/getting-started/routing'
       - title: 'Data Fetching'
         description: 'Composables that run on the server to fetch data for your components and enable you to render content in different ways.'
-        icon: ' i-ph-plugs-connected-duotone'
+        icon: 'i-ph-plugs-connected'
         to: '/docs/getting-started/data-fetching'
       - title: 'Assets & Style'
         description: 'Image, Font and Script optimizations with a built-in support for CSS Modules, Sass, PostCSS, CSS-in-JS and more.'
-        icon: 'i-ph-image-duotone'
+        icon: 'i-ph-image'
         to: '/docs/getting-started/styling'
       - title: 'SEO & Meta Tags'
         description: 'Production ready and indexable by search engines while giving the feeling of an app to the end-users.'
-        icon: 'i-ph-trophy-duotone'
+        icon: 'i-ph-trophy'
         to: '/docs/getting-started/seo-meta'
       - title: 'Middleware'
         description: 'Run custom code such as authentication, localization or A/B testing before rendering a page or a group of pages.'
-        icon: 'i-ph-shield-check-duotone'
+        icon: 'i-ph-shield-check'
         to: '/docs/getting-started/routing#route-middleware'
       - title: 'State Management'
         description: 'Nuxt provides a simple way to share a reactive and SSR-friendly state between components.'
-        icon: 'i-ph-database-duotone'
+        icon: 'i-ph-database'
         to: '/docs/getting-started/state-management'
       - title: 'Transitions'
         description: 'Create smooth transitions between layouts, pages and components with a built-in support for Vue & browser transitions.'
-        icon: 'i-ph-exclude-square-duotone'
+        icon: 'i-ph-exclude-square'
         to: '/docs/getting-started/transitions'
       - title: 'Error Handling'
         description: 'Built-in error handling and logging to help you debug your application and provide a better user experience.'
-        icon: 'i-ph-bug-beetle-duotone'
+        icon: 'i-ph-bug-beetle'
         to: '/docs/getting-started/error-handling'
       - title: 'Layers'
         description: 'Extend your Nuxt application with another Nuxt application to reuse components, composables, layouts, pages and more.'
-        icon: 'i-ph-stack-duotone'
+        icon: 'i-ph-stack'
         to: '/docs/getting-started/layers'
       - title: 'Server Routes'
         description: 'Create API endpoints and server routes to securely connect with third party services and consume from your frontend.'
-        icon: 'i-ph-computer-tower-duotone'
+        icon: 'i-ph-computer-tower'
         to: '/docs/getting-started/server'
       - title: 'Auto Imports'
         description: 'Nuxt auto-imports helpers, composables, and Vue APIs to use across your app without explicitly importing them.'
-        icon: 'i-ph-magic-wand-duotone'
+        icon: 'i-ph-magic-wand'
         to: '/docs/guide/concepts/auto-imports'
       - title: 'TypeScript'
         description: 'Nuxt provides helpful shortcuts to ensure you have access to accurate type information when you are coding.'
-        icon: 'i-ph-file-ts-duotone'
+        icon: 'i-ph-file-ts'
         to: '/docs/guide/concepts/typescript'
   - title: 'Ship faster with<br><span class="text-primary">endless integrations</span>'
     description: 'Integrate with your favorite tools and services. Nuxt is built to be flexible and can be extended with a robust modules ecosystem. Connect your application with popular headless CMS, eCommerce, Database or UI/UX libraries with a single line of code.'
@@ -162,35 +160,38 @@ sections:
     align: left
     links:
       - label: 'Explore Nuxt Modules'
-        icon: i-ph-puzzle-piece-duotone
+        icon: i-ph-puzzle-piece
         to: '/modules'
         color: black
         size: md
       - label: 'Learn about Modules'
-        icon: i-ph-info-duotone
+        icon: i-ph-info
         to: '/docs/guide/concepts/modules'
         color: gray
         size: md
     slot: integrations
     integrations:
-      - src: /assets/integrations/cloudflare.svg
-        alt: Cloudflare
-        to: /deploy/cloudflare
+      - src: /assets/integrations/netlify.svg
+        alt: Netlify
+        to: /deploy/netlify
+      - src: /assets/integrations/nuxthub.svg
+        alt: NuxtHub
+        to: /deploy/nuxthub
       - src: /assets/integrations/vercel.svg
         alt: Vercel
         to: /deploy/vercel
       - src: /assets/integrations/heroku.svg
         alt: Heroku
         to: /deploy/heroku
+      - src: /assets/integrations/cloudflare.svg
+        alt: Cloudflare
+        to: /deploy/cloudflare
       - src: /assets/integrations/aws-amplify.svg
         alt: Amplify
         to: /deploy/aws-amplify
       - src: /assets/integrations/digitalocean.svg
         alt: DigitalOcean
         to: /deploy/digitalocean
-      - src: /assets/integrations/netlify.svg
-        alt: Netlify
-        to: /deploy/netlify
       - src: /assets/integrations/tailwind.svg
         alt: Tailwind CSS
         to: /modules/tailwindcss
@@ -224,9 +225,6 @@ sections:
       - src: /assets/integrations/shopify.svg
         alt: Shopify
         to: https://www.shopify.com/
-      - src: /assets/integrations/snipcart.svg
-        alt: Snipcart
-        to: /modules/snipcart
       - src: /assets/integrations/meilisearch.svg
         alt: Meilisearch
         to: /modules/meilisearch
diff --git a/content/2.modules.yml b/content/2.modules.yml
index ce6af5a02..b12bd80de 100644
--- a/content/2.modules.yml
+++ b/content/2.modules.yml
@@ -1,15 +1,15 @@
 navigation.title: Modules
 title: Nuxt Modules
 description: Discover our list of modules to supercharge your Nuxt project. Created by the Nuxt team and community.
-navigation.icon: i-ph-puzzle-piece-duotone
+navigation.icon: i-ph-puzzle-piece
 links:
   - label: 'Module Author Guide'
-    icon: i-ph-book-open-duotone
+    icon: i-ph-book-open
     to: '/docs/guide/going-further/modules'
     color: black
     size: md
   - label: 'List a module'
-    icon: 'i-ph-plus-circle-duotone'
+    icon: 'i-ph-plus-circle'
     to: 'https://github.com/nuxt/modules#addupdate-a-module'
     target: '_blank'
     color: gray
diff --git a/content/3.deploy.yml b/content/3.deploy.yml
index 9680cbf7e..2199fb919 100644
--- a/content/3.deploy.yml
+++ b/content/3.deploy.yml
@@ -1,10 +1,10 @@
 navigation.title: Deploy
 title: Deploy a Nuxt App
 description: Discover the different ways to deploy your Nuxt project on different hosting providers.
-navigation.icon: i-ph-rocket-launch-duotone
+navigation.icon: i-ph-rocket-launch
 links:
   - label: 'Deployment Guide'
-    icon: i-ph-cloud-duotone
+    icon: i-ph-cloud
     to: '/docs/getting-started/deployment'
     color: black
     size: md
diff --git a/content/3.deploy/netlify.md b/content/3.deploy/netlify.md
index 2ee0271d9..52c070a58 100644
--- a/content/3.deploy/netlify.md
+++ b/content/3.deploy/netlify.md
@@ -27,7 +27,7 @@ If you are upgrading an existing site from Nuxt 2 you should check these and upd
 
 If you want to add custom redirects, you can do so with [`routeRules`](/docs/guide/concepts/rendering#hybrid-rendering) or by adding a [`_redirects`](https://docs.netlify.com/routing/redirects/#syntax-for-the-redirects-file) file to your `public` directory.
 
-::tip{color="green" icon="i-ph-check-circle-duotone"}
+::tip{color="green" icon="i-ph-check-circle"}
 For deployment, just push to your git repository [as you would normally do for Netlify](https://docs.netlify.com/configure-builds/get-started/).
 ::
 
diff --git a/content/3.deploy/nuxthub.md b/content/3.deploy/nuxthub.md
index bb86aeaba..9bc1fa5de 100644
--- a/content/3.deploy/nuxthub.md
+++ b/content/3.deploy/nuxthub.md
@@ -2,7 +2,7 @@
 title: NuxtHub
 description: 'Deploy Nuxt applications globally on your Cloudflare account with zero configuration.'
 componentImg: NuxtHub
-logoSrc: '/assets/integrations/nuxthub.svg'
+logoSrc: '/assets/integrations/nuxthub-logo.svg'
 category: Hosting
 featured: true
 nitroPreset: 'cloudflare-pages'
diff --git a/content/3.deploy/zerops.md b/content/3.deploy/zerops.md
new file mode 100644
index 000000000..507542d25
--- /dev/null
+++ b/content/3.deploy/zerops.md
@@ -0,0 +1,127 @@
+---
+title: Zerops
+description: "Deploy your Nuxt Application to Zerops infrastructure."
+componentImg: Zerops
+logoSrc: "/assets/integrations/zerops.svg"
+category: Hosting
+NuxtPreset: "zerops"
+website: "https://zerops.io"
+---
+
+**Nodejs Preset**: `SERVER_PRESET: zerops`
+**Static Preset**: `SERVER_PRESET: zerops-static`
+
+:read-more{title="Zerops" to="https://zerops.io"}
+
+::tip
+**Nuxt x Zerops Quickrun ✨**
+:br
+ Want to test running Nuxt on Zerops without installing or setting up anything? Using repositories [Zerops x Nuxt - Static](https://github.com/zeropsio/recipe-nuxt-static) or [Zerops x Nuxt - SSR on Node.js](https://github.com/zeropsio/recipe-nuxt-nodejs) you can deploy example Nuxt app with a single click.
+::
+
+
+Zerops supports deploying both static and server-side rendered apps with a simple configuration file in your project root.                     
+
+## Static 
+
+Projects and services can be added either through a [Project add wizard](https://app.zerops.io/dashboard/project-add) or imported using a YAML structure:
+
+### Creating a Project
+
+```yml [zerops-project-import.yml]
+project:
+  name: recipe-nuxt
+
+services:
+  - hostname: app
+    type: static
+```
+This will create a project called `recipe-nuxt` with a Zerops Static service called `app`.
+
+### Setting up Zerops YAML
+
+To tell Zerops how to build and run your app, add a `zerops.yml` to your root:
+
+```yml [zerops.yml]
+zerops:
+  - setup: app
+    build:
+      base: nodejs@20
+      buildCommands:
+        - yarn
+        - yarn nuxi generate
+      deployFiles:
+        - .output/public/~
+    run:
+      base: static
+```
+
+Now you can trigger the [build & deploy pipeline using the Zerops CLI](#building-deploying-your-app) or by connecting the app service with your [GitHub](https://docs.zerops.io/references/github-integration/) / [GitLab](https://docs.zerops.io/references/gitlab-integration) repository from inside the service detail.
+
+## SSR Node.js
+
+Projects and services can be added either through a [Project add wizard](https://app.zerops.io/dashboard/project-add) or imported using a YAML structure:
+
+```yml [zerops-project-import.yml]
+project:
+  name: recipe-nuxt
+
+services:
+  - hostname: app
+    type: nodejs@20
+```
+
+This will create a project called `recipe-nuxt` with a Zerops Static service called `app`.
+
+### Setting up Zerops YAML
+
+To tell Zerops how to build and run your app, add a `zerops.yml` to your root:
+
+```yml [zerops.yml]
+zerops:
+  - setup: nuxt
+    build:
+      base: nodejs@18
+      prepareCommands:
+        - node -v
+      buildCommands:
+        - yarn
+        - yarn build
+      deployFiles:
+        - .output/~
+    run:
+      base: nodejs@18
+      ports:
+        - port: 3000
+          httpSupport: true
+      start: node server/index.mjs
+```
+
+Now you can trigger the [build & deploy pipeline using the Zerops CLI](#building-deploying-your-app) or by connecting the app service with your [GitHub](https://docs.zerops.io/references/github-integration/) / [GitLab](https://docs.zerops.io/references/gitlab-integration) repository from inside the service detail.
+
+
+## Building & Deploying your App
+
+- Install the [Zerops CLI](https://github.com/zeropsio/zcli).
+```sh
+npm i -g @zerops/zcli
+```
+
+- Open [Settings > Access Token Management](https://app.zerops.io/settings/token-management) in the Zerops app and generate a new access token.
+
+- Log in using your access token with the following command:
+
+```sh
+zcli login <token>
+```
+
+- Navigate to the root of your app (where `zerops.yml` is located) and run the following command to trigger the deploy:
+
+```sh
+zcli push
+```
+
+Your code can be deployed automatically on each commit or a new tag by connecting the service with your [GitHub](https://docs.zerops.io/references/gitlab-integration) / [GitLab](https://docs.zerops.io/references/gitlab-integration) repository. This connection can be set up in the service detail.
+
+
+:read-more{title="Zerops Documentation" to="https://docs.zerops.io/"}
diff --git a/content/4.templates.yml b/content/4.templates.yml
index 5d09d6386..bb786f99c 100644
--- a/content/4.templates.yml
+++ b/content/4.templates.yml
@@ -2,11 +2,11 @@ head.title: Nuxt Templates
 title: Nuxt Templates
 navigation.title: Templates
 description: 'Explore community templates to get up and running in a few seconds.'
-navigation.icon: i-ph-browsers-duotone
+navigation.icon: i-ph-browsers
 links:
   - label: 'List a template'
     to: 'https://github.com/nuxt/nuxt.com/tree/main#add-a-nuxt-template'
-    icon: 'i-ph-plus-circle-duotone'
+    icon: 'i-ph-plus-circle'
     target: '_blank'
     color: gray
     size: md
@@ -57,11 +57,11 @@ templates:
     description: 'A lightweight Nuxt template for a Markdown driven website.'
     repo: 'atinux/content-wind'
     demo: 'https://content-wind.nuxt.space'
-  - name: 'Super SaaS'
+  - name: 'SuperSaaS'
     slug: 'supersaas'
-    description: 'The dashboard system that makes you say WOW.'
+    description: 'Nuxt 3 Fullstack Starter Kit with Auth, DB, Payment, Files & Emails'
     demo: 'https://supersaas.dev/?aff=J0Emk'
-    purchase: 'https://store.supersaas.dev/?aff=J0Emk'
+    purchase: 'https://supersaas.dev/?aff=J0Emk'
     badge: 'Premium'
   - name: 'Tairo'
     slug: 'tairo'
diff --git a/content/5.video-courses.yml b/content/5.video-courses.yml
index af8249bf1..e9a206047 100644
--- a/content/5.video-courses.yml
+++ b/content/5.video-courses.yml
@@ -2,7 +2,7 @@ head.title: Nuxt Video Courses
 title: Nuxt Video Courses
 navigation.title: Video Courses
 description: 'Watch video courses from the community to learn Vue 3 and Nuxt 3.'
-navigation.icon: i-ph-graduation-cap-duotone
+navigation.icon: i-ph-graduation-cap
 courses:
   - name: 'Nuxt 3 Fundamentals'
     slug: 'vc-nuxt-3-fundamentals'
diff --git a/content/6.showcase.yml b/content/6.showcase.yml
index bb3478465..fc09e5fe5 100644
--- a/content/6.showcase.yml
+++ b/content/6.showcase.yml
@@ -1,7 +1,7 @@
 title: Showcase
 head.title: Nuxt Showcase
 description: Discover our selection of websites built with Nuxt. This collection is powered by VueTelescope.
-navigation.icon: i-ph-projector-screen-duotone
+navigation.icon: i-ph-projector-screen
 links:
   - label: 'Chrome'
     size: 'md'
diff --git a/content/7.blog/14.nuxt-on-the-edge.md b/content/7.blog/14.nuxt-on-the-edge.md
index edcce5c12..9ca099602 100644
--- a/content/7.blog/14.nuxt-on-the-edge.md
+++ b/content/7.blog/14.nuxt-on-the-edge.md
@@ -21,7 +21,7 @@ In November 2020, while working on Nuxt 3, **we made the bet to run Nuxt in-prod
 
 It unlocks the ability to server-render pages in ~50ms from all over the world when using a platform like CloudFlare Workers, without having to deal with servers, load balancers and caching, for about [$0.3 per million requests](https://developers.cloudflare.com/workers/platform/pricing/). As of today, new platforms are coming to let run apps on V8 isolates such as Deno Deploy.
 
-::callout{icon="i-ph-info-duotone" color="blue"}
+::callout{icon="i-ph-info" color="blue"}
 **2024 update:** I released [NuxtHub](https://hub.nuxt.com) to let you build full-stack applications with Nuxt on the edge, on your Cloudflare account with zero configuration. It includes a database, blob storage, KV, remote storage and more.
 ::
 
diff --git a/content/7.blog/16.new-website.md b/content/7.blog/16.new-website.md
index 8b6cf7959..7d8397e98 100644
--- a/content/7.blog/16.new-website.md
+++ b/content/7.blog/16.new-website.md
@@ -23,7 +23,7 @@ We are back to the original colors of Nuxt, with a navy background (`#020420`) a
 
 :nuxt-img{src="/assets/blog/website/nuxt-website.png" alt="Nuxt Website Screenshot" width="832" height="497" class="rounded-lg border border-gray-700"}
 
-::read-more{to="/design-kit" icon="i-ph-palette-duotone"}
+::read-more{to="/design-kit" icon="i-ph-palette"}
 Discover the **Nuxt Design Kit** as well as our **Logo History**.
 ::
 
diff --git a/content/7.blog/17.v3-8.md b/content/7.blog/17.v3-8.md
index 079a232e2..27e20df65 100644
--- a/content/7.blog/17.v3-8.md
+++ b/content/7.blog/17.v3-8.md
@@ -20,7 +20,7 @@ Just to remind you, we're now using [the new Nuxt CLI](https://github.com/nuxt/c
 You can now install a module with `nuxi module add <module-name>`
 ::
 
-::note{icon="i-ph-rocket-launch-duotone"}
+::note{icon="i-ph-rocket-launch"}
 We now share the same port with the Vite websocket, meaning better support for docker containers in development.
 ::
 
@@ -199,7 +199,7 @@ We now more carefully load layer plugins ([#22889](https://github.com/nuxt/nuxt/
 
 And probably one of the most significant changes - if you are using remote layers we now clone these within your [`node_modules/`](/docs/guide/directory-structure/node_modules) folder ([#109](https://github.com/unjs/c12/pull/109)) so layers can use dependencies with your project. See [`c12` release notes](https://github.com/unjs/c12/releases/tag/v1.5.1) for full details.
 
-::tip{icon="i-ph-check-circle-duotone"}
+::tip{icon="i-ph-check-circle"}
 We've also added a test suite to cover these layer resolution changes.
 ::
 
@@ -220,7 +220,7 @@ Read more about the **Nighly Release Channel**.
 
 Nitro v2.7 has been released with lots of improvements and bug fixes.
 
-::tip{icon="i-ph-rocket-launch-duotone"}
+::tip{icon="i-ph-rocket-launch"}
 🔥 One of the most significant is that we now save **40% of bundle size in production** by using native `fetch` supported in Node 18+ ([#1724](https://github.com/unjs/nitro/pull/1724)). So if possible, we'd recommend you update your Node version to at least 18.
 ::
 
diff --git a/content/7.blog/23.looking-forward-2024.md b/content/7.blog/23.looking-forward-2024.md
index 94b5a58f6..58ab0b121 100644
--- a/content/7.blog/23.looking-forward-2024.md
+++ b/content/7.blog/23.looking-forward-2024.md
@@ -22,12 +22,12 @@ It was a productive year and the team shipped **9 minor releases**: from v3.1 to
 
 In the first 365 days, Nuxt 3 reached new milestones:
 
-- :icon{name="i-ph-star-duotone"} **49,5K stars** on GitHub ([add yours](https://github.com/nuxt/nuxt) 😊)
-- :icon{name="i-ph-download-duotone"}  **27M downloads** on npm
-- :icon{name="i-ph-user-circle-plus-duotone"} **612 contributors** on the [nuxt repository](https://github.com/nuxt/nuxt)
-- :icon{name="i-ph-puzzle-piece-duotone"} **184 modules** created by **142 maintainers**
-- :icon{name="i-ph-check-circle-duotone"} **2,423 closed issues**
-- :icon{name="i-ph-git-pull-request-duotone"} **1,728 merged pull request**
+- :icon{name="i-ph-star"} **49,5K stars** on GitHub ([add yours](https://github.com/nuxt/nuxt) 😊)
+- :icon{name="i-ph-download"}  **27M downloads** on npm
+- :icon{name="i-ph-user-circle-plus"} **612 contributors** on the [nuxt repository](https://github.com/nuxt/nuxt)
+- :icon{name="i-ph-puzzle-piece"} **184 modules** created by **142 maintainers**
+- :icon{name="i-ph-check-circle"} **2,423 closed issues**
+- :icon{name="i-ph-git-pull-request"} **1,728 merged pull request**
 - :icon{name="i-simple-icons-discord"} **26,300 members** on [Discord](https://chat.nuxt.dev)
 
 End of October, Nuxt 3 downloads [surpassed Nuxt 2 downloads](https://twitter.com/Atinux/status/1731980841142669379) 🚀.
diff --git a/content/7.blog/4.nuxt2-eol.md b/content/7.blog/4.nuxt2-eol.md
index 7e4fe1984..dc3c3daa0 100644
--- a/content/7.blog/4.nuxt2-eol.md
+++ b/content/7.blog/4.nuxt2-eol.md
@@ -48,7 +48,7 @@ When and if you can, consider migrating to Nuxt 3 to take advantage of these pow
 See a full comparison table between Nuxt 2 and Nuxt 3, as well as detailed upgrade guides to Nuxt 3 and Nuxt Bridge (as a part of upgrading to Nuxt 3).
 ::
 
-::read-more{to="/enterprise/support" icon="i-ph-lifebuoy-duotone"}
+::read-more{to="/enterprise/support" icon="i-ph-lifebuoy"}
 If you need support, including upgrading to Nuxt 3, NuxtLabs provides professional support and consultancy in a wide range of areas.
 ::
 
diff --git a/content/8.enterprise/1.support.yml b/content/8.enterprise/1.support.yml
index 01d22f24a..265adfc4b 100644
--- a/content/8.enterprise/1.support.yml
+++ b/content/8.enterprise/1.support.yml
@@ -3,7 +3,7 @@ navigation.title: 'Support'
 description: 'Get professional support by the Nuxt experts to optimize your site performance and overcome any challenge'
 head.title: 'Nuxt professional services'
 head.description: 'Vue and Nuxt professional support and consulting services by the creators and maintainers of Vue and Nuxt for code audit and performance optimization.'
-navigation.icon: i-ph-lifebuoy-duotone
+navigation.icon: i-ph-lifebuoy
 hero:
   links:
   - label: Talk to an expert
@@ -222,5 +222,5 @@ form:
     placeholder: 'Tell us how we can help you'
   info: 'By submitting this form, I confirm that I have read and understood the <a class="text-gray-950 dark:text-gray-100 underline font-medium">Nuxt Privacy Statement.</a>'
   button:
-    icon: i-ph-paper-plane-right-duotone
+    icon: i-ph-paper-plane-right
     label: 'Send message'
diff --git a/content/8.enterprise/2.agencies.yml b/content/8.enterprise/2.agencies.yml
index 7fe9d84d4..e3f511d04 100644
--- a/content/8.enterprise/2.agencies.yml
+++ b/content/8.enterprise/2.agencies.yml
@@ -3,7 +3,7 @@ navigation.title: Agencies
 description: Are you looking for a trusted partner with a strong expertise in Nuxt development? Consult our agency partner catalog and find an agency near you with the right set of skills.
 head.title: Nuxt Partner Agencies
 head.description: Consult our agency partner catalog and find an agency near you with the right set of skills.
-navigation.icon: i-ph-handshake-duotone
+navigation.icon: i-ph-handshake
 links:
   - label: 'Submit my agency'
     to: 'https://docs.google.com/forms/d/e/1FAIpQLSf85qskit5QqmGJcruGkGF0U7240Bh9MeN0pHB18UiOMWC8dA/viewform'
diff --git a/content/8.enterprise/3.sponsors.yml b/content/8.enterprise/3.sponsors.yml
index 1f0010398..941877099 100644
--- a/content/8.enterprise/3.sponsors.yml
+++ b/content/8.enterprise/3.sponsors.yml
@@ -2,7 +2,7 @@ title: Nuxt Sponsors
 description: Nuxt is an open-source framework totally free to use thanks to our generous sponsors. If you use Nuxt in your daily work and feel that it has made your life easier, please consider backing us.
 navigation.title: Sponsors
 head.description: Nuxt is an open-source framework totally free to use thanks to our generous sponsors.
-navigation.icon: i-ph-hand-heart-duotone
+navigation.icon: i-ph-hand-heart
 links:
   - label: 'Become a sponsor'
     to: 'https://github.com/sponsors/nuxt'
diff --git a/content/8.enterprise/4.jobs.yml b/content/8.enterprise/4.jobs.yml
index 84424cf6c..f60c4fee5 100644
--- a/content/8.enterprise/4.jobs.yml
+++ b/content/8.enterprise/4.jobs.yml
@@ -2,7 +2,7 @@ title: Explore Nuxt Jobs
 description: Browse available openings for coding with Vue and Nuxt all over the world.
 navigation.title: Jobs
 head.title: Nuxt Jobs
-navigation.icon: i-ph-briefcase-duotone
+navigation.icon: i-ph-briefcase
 links:
   - label: 'Post a job'
     to: 'https://vuejobs.com/jobs/create'
diff --git a/content/8.enterprise/_dir.yml b/content/8.enterprise/_dir.yml
index 76a7041ab..add14dc17 100644
--- a/content/8.enterprise/_dir.yml
+++ b/content/8.enterprise/_dir.yml
@@ -1,2 +1,2 @@
-navigation.icon: i-ph-buildings-duotone
+navigation.icon: i-ph-buildings
 head.titleTemplate: '%s · Nuxt Enterprise'
diff --git a/nuxt.config.ts b/nuxt.config.ts
index d2116285c..71a7ecb7b 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -7,8 +7,7 @@ function normalizedDirPath(path?: string) {
     return path
   }
 
-  const windowsPath = path.replace(/\\/g, '/')
-  return windowsPath.startsWith('file:///') ? windowsPath : `file:///${windowsPath}`
+  return path.replace(/\\/g, '/')
 }
 
 const docsSourceBase = normalizedDirPath(process.env.NUXT_DOCS_PATH)
diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 1be5c27b6..a78dff9ef 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -58,22 +58,22 @@ function copyLink() {
 }
 const links = [
   {
-    icon: 'i-ph-pen-duotone',
+    icon: 'i-ph-pen',
     label: 'Edit this article',
     to: `https://github.com/nuxt/nuxt.com/edit/main/content/${article.value._file}`,
     target: '_blank'
   }, {
-    icon: 'i-ph-shooting-star-duotone',
+    icon: 'i-ph-shooting-star',
     label: 'Star on GitHub',
     to: 'https://go.nuxt.com/github',
     target: '_blank'
   }, {
-    icon: 'i-ph-chat-centered-text-duotone',
+    icon: 'i-ph-chat-centered-text',
     label: 'Chat on Discord',
     to: 'https://go.nuxt.com/discord',
     target: '_blank'
   }, {
-    icon: 'i-ph-hand-heart-duotone',
+    icon: 'i-ph-hand-heart',
     label: 'Become a Sponsor',
     to: 'https://go.nuxt.com/sponsor',
     target: '_blank'
@@ -86,7 +86,7 @@ const links = [
     <UPage>
       <UPageHeader :title="article.title" :description="article.description" :ui="{ headline: 'flex flex-col gap-y-8 items-start' }">
         <template #headline>
-          <UBreadcrumb :links="[{ label: 'Blog', icon: 'i-ph-newspaper-duotone', to: '/blog' }, { label: article.title }]" :ui="{ wrapper: 'max-w-full' }" />
+          <UBreadcrumb :links="[{ label: 'Blog', icon: 'i-ph-newspaper', to: '/blog' }, { label: article.title }]" :ui="{ wrapper: 'max-w-full' }" />
           <div class="flex items-center space-x-2">
             <span>
               {{ article.category }}
diff --git a/pages/deploy/[slug].vue b/pages/deploy/[slug].vue
index d7ebdfb82..d60628356 100644
--- a/pages/deploy/[slug].vue
+++ b/pages/deploy/[slug].vue
@@ -37,7 +37,7 @@ defineOgImageComponent('Docs', {
 const links = []
 if (provider.value?.website) {
   links.push({
-    icon: 'i-ph-globe-duotone',
+    icon: 'i-ph-globe',
     label: provider.value?.title,
     to: provider.value?.website,
     target: '_blank'
@@ -45,14 +45,14 @@ if (provider.value?.website) {
 }
 if (provider.value?.nitroPreset) {
   links.push({
-    icon: 'i-ph-lightning-duotone',
+    icon: 'i-ph-lightning',
     label: 'Nitro Preset',
     to: `https://nitro.unjs.io/deploy/providers/${provider.value?.nitroPreset}`,
     target: '_blank'
   })
 }
 links.push({
-  icon: 'i-ph-pen-duotone',
+  icon: 'i-ph-pen',
   label: 'Edit this page',
   to: `https://github.com/nuxt/nuxt.com/edit/main/content/3.deploy/${slug}.md`,
   target: '_blank'
diff --git a/pages/docs.vue b/pages/docs.vue
index 3ad60d3c4..355d44d51 100644
--- a/pages/docs.vue
+++ b/pages/docs.vue
@@ -28,7 +28,7 @@ const navigationLinks = computed(() => {
         <UAside :links="links">
           <UDivider type="dashed" class="mb-6" />
 
-          <UNavigationTree :links="navigationLinks" default-open :multiple="false" />
+          <UNavigationTree :links="navigationLinks" default-open :multiple="false" class="pb-10" />
         </UAside>
       </template>
 
diff --git a/pages/docs/[...slug].vue b/pages/docs/[...slug].vue
index 0ea1b0cb7..12aa713d0 100644
--- a/pages/docs/[...slug].vue
+++ b/pages/docs/[...slug].vue
@@ -46,51 +46,22 @@ const titleTemplate = computed(() => {
 })
 
 const communityLinks = computed(() => [{
-  icon: 'i-ph-pen-duotone',
+  icon: 'i-ph-pen',
   label: 'Edit this page',
   to: `https://github.com/nuxt/nuxt/edit/main/docs/${page?.value?._file?.split('/').slice(1).join('/')}`,
   target: '_blank'
 }, {
-  icon: 'i-ph-shooting-star-duotone',
-  label: 'Star on GitHub',
-  to: 'https://go.nuxt.com/github',
-  target: '_blank'
-}, {
-  icon: 'i-ph-chat-centered-text-duotone',
+  icon: 'i-ph-chat-centered-text',
   label: 'Chat on Discord',
   to: 'https://go.nuxt.com/discord',
   target: '_blank'
 }, {
-  icon: 'i-ph-hand-heart-duotone',
+  icon: 'i-ph-hand-heart',
   label: 'Become a Sponsor',
   to: 'https://go.nuxt.com/sponsor',
   target: '_blank'
 }])
 
-const ecosystemLinks = [{
-  icon: 'i-ph-buildings-duotone',
-  label: 'Enterprise Support',
-  to: '/enterprise/support'
-}, {
-  icon: 'i-ph-handshake-duotone',
-  label: 'Nuxt Agencies',
-  to: '/enterprise/agencies'
-}, {
-  icon: 'i-ph-briefcase-duotone',
-  label: 'Find a Nuxt Job',
-  to: '/enterprise/jobs'
-}, {
-  icon: 'i-ph-graduation-cap-duotone',
-  label: 'Video Courses',
-  to: 'https://masteringnuxt.com/nuxt3?ref=nuxt',
-  target: '_blank'
-}, {
-  label: 'Nuxt Certification',
-  icon: 'i-ph-medal-duotone',
-  to: 'https://certification.nuxt.com',
-  target: '_blank'
-}]
-
 const title = page.value.head?.title || page.value.title
 const description = page.value.head?.description || page.value.description
 
@@ -135,12 +106,6 @@ defineOgImageComponent('Docs', {
 
             <UPageLinks title="Community" :links="communityLinks" />
 
-            <UDivider type="dashed" />
-
-            <UPageLinks title="Ecosystem" :links="ecosystemLinks" />
-
-            <UDivider type="dashed" />
-
             <Ads />
           </div>
         </template>
diff --git a/pages/enterprise/agencies/[slug].vue b/pages/enterprise/agencies/[slug].vue
index 372ed702b..5e51cd510 100644
--- a/pages/enterprise/agencies/[slug].vue
+++ b/pages/enterprise/agencies/[slug].vue
@@ -83,7 +83,7 @@ defineOgImageComponent('Docs', {
         <span v-if="agency.link" class="hidden lg:block text-gray-500 dark:text-gray-400">&bull;</span>
 
         <NuxtLink v-if="agency.link" :to="agency.link" target="_blank" class="flex items-center gap-1.5 hover:text-primary">
-          <UIcon name="i-ph-link-duotone" class="w-5 h-5" />
+          <UIcon name="i-ph-link" class="w-5 h-5" />
           <span class="text-sm font-medium">Website</span>
         </NuxtLink>
       </div>
diff --git a/pages/enterprise/agencies/index.vue b/pages/enterprise/agencies/index.vue
index 6e5d9daf7..38b71f148 100644
--- a/pages/enterprise/agencies/index.vue
+++ b/pages/enterprise/agencies/index.vue
@@ -10,15 +10,15 @@ const { data: page } = await useAsyncData(route.path, () => queryContent(route.p
 const title = page.value.head?.title || page.value.title
 const description = page.value.head?.description || page.value.description
 useSeoMeta({
-  titleTemplate: '%s · Enterprise',
+  titleTemplate: '%s · Services',
   title,
   description,
   ogDescription: description,
-  ogTitle: `${title} · Enterprise`
+  ogTitle: `${title} · Services`
 })
 
 defineOgImageComponent('Docs', {
-  headline: 'Enterprise'
+  headline: 'Services'
 })
 
 await fetchList()
diff --git a/pages/index.vue b/pages/index.vue
index 0bc1bc995..865ec5354 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -35,7 +35,7 @@ useSeoMeta({
   <div v-if="page" class="dark:bg-gray-900">
     <ULandingHero
       :ui="{ base: 'relative z-[1]' }"
-      class="dark:bg-gradient-to-b from-gray-950 to-gray-900"
+      class="dark:bg-gradient-to-b from-gray-950 to-gray-900 md:pb-24"
       :orientation="uwuCookie ? 'horizontal' : 'vertical'"
     >
       <template #top>
@@ -43,7 +43,16 @@ useSeoMeta({
       </template>
 
       <template #headline>
-        <UButton v-bind="page.hero.cta" />
+        <NuxtLink :to="page.hero.cta.to">
+          <UBadge variant="subtle" size="lg" class="relative rounded-full font-semibold dark:hover:bg-primary-400/15 dark:hover:ring-primary-700">
+            {{ page?.hero.cta.label }}
+            <UIcon
+              v-if="page?.hero.cta.icon"
+              :name="page?.hero.cta.icon"
+              class="ml-1 w-4 h-4 pointer-events-none"
+            />
+          </UBadge>
+        </NuxtLink>
       </template>
 
       <template #title>
@@ -62,12 +71,17 @@ useSeoMeta({
       </template>
 
       <template #links>
-        <UButton to="/docs/getting-started/installation" trailing-icon="i-ph-arrow-right" size="lg">
-          Get Started
-        </UButton>
-        <UButton size="lg" color="gray" variant="ghost" trailing-icon="i-ph-play-circle" @click="videoModalOpen = true">
-          Nuxt in 100 Seconds
-        </UButton>
+        <div class="flex flex-col gap-4">
+          <div class="flex items-center gap-2">
+            <UButton to="/docs/getting-started/installation" trailing-icon="i-ph-arrow-right" size="lg">
+              Get Started
+            </UButton>
+            <UButton size="lg" color="gray" variant="ghost" trailing-icon="i-ph-play-circle" @click="videoModalOpen = true">
+              Nuxt in 100 Seconds
+            </UButton>
+          </div>
+          <UInputCopy value="npx nuxi@latest init <my-app>" class="w-full" />
+        </div>
 
         <UModal v-model="videoModalOpen" :ui="{ width: 'sm:max-w-4xl lg:max-w-5xl aspect-[16/9]' }">
           <div class="p-3 h-full">
diff --git a/pages/modules/[slug].vue b/pages/modules/[slug].vue
index cda2dbf9a..52b1d6d4d 100644
--- a/pages/modules/[slug].vue
+++ b/pages/modules/[slug].vue
@@ -3,7 +3,7 @@ import type { Module } from '~/types'
 import { ModuleProseA, ModuleProseImg } from '#components'
 
 definePageMeta({
-  heroBackground: 'opacity-30'
+  heroBackground: 'opacity-30 -z-10'
 })
 const route = useRoute()
 
@@ -20,7 +20,7 @@ const ownerName = computed(() => {
 })
 
 const links = computed(() => [{
-  icon: 'i-ph-book-bookmark-duotone',
+  icon: 'i-ph-book-bookmark',
   label: 'Documentation',
   to: `${module.value.website}?utm_source=nuxt.com&utm_medium=aside-module&utm_campaign=nuxt.com`,
   target: '_blank'
@@ -68,10 +68,10 @@ defineOgImageComponent('Docs', {
 </script>
 
 <template>
-  <UContainer class="z-30">
+  <UContainer>
     <div v-if="!module.compatibility?.nuxt?.includes('^3') && !module.compatibility?.nuxt?.includes('>=3')" class="pt-8">
       <UAlert
-        icon="i-ph-warning-duotone"
+        icon="i-ph-warning"
         color="orange"
         variant="subtle"
         title="This module is not yet compatible with Nuxt 3"
@@ -85,7 +85,7 @@ defineOgImageComponent('Docs', {
     </div>
     <UPageHeader :description="module.description" :ui="{ headline: 'mb-8' }">
       <template #headline>
-        <UBreadcrumb :links="[{ label: 'Modules', to: '/modules', icon: 'i-ph-puzzle-piece-duotone' }, { to: { name: 'modules', query: { category: module.category } }, label: module.category }, { label: module.npm }]" />
+        <UBreadcrumb :links="[{ label: 'Modules', to: '/modules', icon: 'i-ph-puzzle-piece' }, { to: { name: 'modules', query: { category: module.category } }, label: module.category }, { label: module.npm }]" />
       </template>
       <template #title>
         <div class="flex items-center gap-4">
@@ -102,7 +102,7 @@ defineOgImageComponent('Docs', {
             {{ module.name }}
 
             <UTooltip v-if="module.type === 'official'" text="Official module" class="tracking-normal">
-              <UIcon name="i-ph-medal-duotone" class="h-6 w-6 text-primary" />
+              <UIcon name="i-ph-medal" class="h-6 w-6 text-primary" />
             </UTooltip>
           </div>
         </div>
@@ -111,7 +111,7 @@ defineOgImageComponent('Docs', {
       <div class="flex flex-col lg:flex-row lg:items-center gap-3 mt-4">
         <UTooltip text="Monthly NPM Downloads">
           <NuxtLink class="flex items-center gap-1.5" :to="`https://npmjs.org/package/${module.npm}`" target="_blank">
-            <UIcon name="i-ph-arrow-circle-down-duotone" class="w-5 h-5 flex-shrink-0" />
+            <UIcon name="i-ph-arrow-circle-down" class="w-5 h-5 flex-shrink-0" />
             <span class="text-sm font-medium">{{ formatNumber(module.stats.downloads) }} downloads</span>
           </NuxtLink>
         </UTooltip>
@@ -120,7 +120,7 @@ defineOgImageComponent('Docs', {
 
         <UTooltip text="GitHub Stars">
           <NuxtLink class="flex items-center gap-1.5" :to="`https://github.com/${module.repo}`" target="_blank">
-            <UIcon name="i-ph-star-duotone" class="w-5 h-5 flex-shrink-0" />
+            <UIcon name="i-ph-star" class="w-5 h-5 flex-shrink-0" />
             <span class="text-sm font-medium">{{ formatNumber(module.stats.stars || 0) }} stars</span>
           </NuxtLink>
         </UTooltip>
@@ -129,7 +129,7 @@ defineOgImageComponent('Docs', {
 
         <UTooltip text="Latest Version">
           <NuxtLink class="flex items-center gap-1.5" :to="`${module.github}/releases`" target="_blank">
-            <UIcon name="i-ph-tag-duotone" class="w-5 h-5 flex-shrink-0" />
+            <UIcon name="i-ph-tag" class="w-5 h-5 flex-shrink-0" />
             <span class="text-sm font-medium">v{{ module.stats.version }}</span>
           </NuxtLink>
         </UTooltip>
diff --git a/pages/modules/index.vue b/pages/modules/index.vue
index b2214af89..c0e0b3bf9 100644
--- a/pages/modules/index.vue
+++ b/pages/modules/index.vue
@@ -12,11 +12,11 @@ const { fetchList, filteredModules, q, categories, selectedOrder, sorts, selecte
 const { data: page } = await useAsyncData(route.path, () => queryContent(route.path).findOne())
 
 const links = [{
-  icon: 'i-ph-book-open-duotone',
+  icon: 'i-ph-book-open',
   label: 'Module Author Guide',
   to: '/docs/guide/going-further/modules'
 }, {
-  icon: 'i-ph-plus-circle-duotone',
+  icon: 'i-ph-plus-circle',
   label: 'List your module',
   to: 'https://github.com/nuxt/modules#addupdate-a-module',
   target: '_blank'
@@ -56,7 +56,7 @@ const { copy } = useCopyToClipboard()
           >
             <template #title>
               Nuxt Image
-              <UIcon name="i-ph-medal-duotone" class="h-4 w-4 text-primary pointer-events-none" />
+              <UIcon name="i-ph-medal" class="h-4 w-4 text-primary pointer-events-none" />
             </template>
           </UPageCard>
           <UPageCard
@@ -67,7 +67,7 @@ const { copy } = useCopyToClipboard()
           >
             <template #title>
               Nuxt Content
-              <UIcon name="i-ph-medal-duotone" class="h-4 w-4 text-primary pointer-events-none" />
+              <UIcon name="i-ph-medal" class="h-4 w-4 text-primary pointer-events-none" />
             </template>
           </UPageCard>
           <UPageCard
@@ -77,7 +77,7 @@ const { copy } = useCopyToClipboard()
           >
             <template #title>
               Nuxt DevTools
-              <UIcon name="i-ph-medal-duotone" class="h-4 w-4 text-primary pointer-events-none" />
+              <UIcon name="i-ph-medal" class="h-4 w-4 text-primary pointer-events-none" />
             </template>
           </UPageCard>
           <UPageCard
@@ -87,7 +87,7 @@ const { copy } = useCopyToClipboard()
           >
             <template #title>
               Nuxt UI
-              <UIcon name="i-ph-medal-duotone" class="h-4 w-4 text-primary pointer-events-none" />
+              <UIcon name="i-ph-medal" class="h-4 w-4 text-primary pointer-events-none" />
             </template>
           </UPageCard>
         </UPageGrid>
@@ -113,7 +113,7 @@ const { copy } = useCopyToClipboard()
             ref="inputRef"
             :model-value="q"
             name="q"
-            icon="i-ph-magnifying-glass-duotone"
+            icon="i-ph-magnifying-glass"
             placeholder="Search..."
             class="w-56"
             size="md"
@@ -187,7 +187,7 @@ const { copy } = useCopyToClipboard()
                   variant="subtle"
                   :ui="{ base: '!flex' }"
                 >
-                  <UIcon name="i-ph-medal-duotone" class="w-4 h-4" />
+                  <UIcon name="i-ph-medal" class="w-4 h-4" />
                   <span>Official</span>
                 </UBadge>
 
@@ -199,7 +199,7 @@ const { copy } = useCopyToClipboard()
                   color="pink"
                   :ui="{ base: '!flex' }"
                 >
-                  <UIcon name="i-ph-hand-heart-duotone" class="w-4 h-4" />
+                  <UIcon name="i-ph-hand-heart" class="w-4 h-4" />
                   <span>Sponsor</span>
                 </UBadge>
               </div>
@@ -216,7 +216,7 @@ const { copy } = useCopyToClipboard()
               :text="`Copy install command`"
             >
               <UButton
-                icon="i-ph-package-duotone"
+                icon="i-ph-package"
                 color="white"
                 @click="copy(`npx nuxi@latest module add ${module.name}`, { title: 'Command copied to clipboard:', description: `npx nuxi@latest module add ${module.name}` })"
               />
@@ -232,7 +232,7 @@ const { copy } = useCopyToClipboard()
                       target="_blank"
                       :class="[selectedSort.key === 'downloads' && 'text-gray-900 dark:text-white']"
                     >
-                      <UIcon name="i-ph-arrow-circle-down-duotone" class="w-5 h-5 flex-shrink-0" />
+                      <UIcon name="i-ph-arrow-circle-down" class="w-5 h-5 flex-shrink-0" />
                       <span class="text-sm font-medium">{{ formatNumber(module.stats.downloads) }}</span>
                     </NuxtLink>
                   </UTooltip>
@@ -244,7 +244,7 @@ const { copy } = useCopyToClipboard()
                       target="_blank"
                       :class="[selectedSort.key === 'stars' && 'text-gray-900 dark:text-white']"
                     >
-                      <UIcon name="i-ph-star-duotone" class="w-5 h-5 flex-shrink-0" />
+                      <UIcon name="i-ph-star" class="w-5 h-5 flex-shrink-0" />
                       <span class="text-sm font-medium">{{ formatNumber(module.stats.stars || 0) }}</span>
                     </NuxtLink>
                   </UTooltip>
@@ -256,7 +256,7 @@ const { copy } = useCopyToClipboard()
                     :to="`https://github.com/${module.repo}/graphs/contributors`"
                     target="_blank"
                   >
-                    <UIcon name="i-ph-user-circle-gear-duotone" class="w-5 h-5 flex-shrink-0" />
+                    <UIcon name="i-ph-user-circle-gear" class="w-5 h-5 flex-shrink-0" />
                     <span class="text-sm font-medium">{{ module.contributors.length }}</span>
                   </NuxtLink>
                 </UTooltip>
diff --git a/pages/team.vue b/pages/team.vue
index 0e5cbc523..c2a8b8879 100644
--- a/pages/team.vue
+++ b/pages/team.vue
@@ -51,7 +51,7 @@ defineOgImageComponent('Docs')
                 :to="user.sponsor"
                 target="_blank"
                 color="gray"
-                icon="i-ph-heart-duotone"
+                icon="i-ph-heart"
                 icon-color="red"
                 :ui="{ icon: { base: 'text-pink-500' } }"
               >
diff --git a/pages/templates.vue b/pages/templates.vue
index f44560dfb..3d79a429c 100644
--- a/pages/templates.vue
+++ b/pages/templates.vue
@@ -82,7 +82,7 @@ defineOgImageComponent('Docs')
             <UButtonGroup class="mt-3 w-full">
               <UButton
                 label="Demo"
-                icon="i-ph-desktop-duotone"
+                icon="i-ph-desktop"
                 :to="template.demo"
                 target="_blank"
                 size="sm"
@@ -107,7 +107,7 @@ defineOgImageComponent('Docs')
                 :to="template.purchase"
                 color="gray"
                 label="Purchase"
-                icon="i-ph-credit-card-duotone"
+                icon="i-ph-credit-card"
                 size="sm"
                 class="w-1/2 justify-center"
                 :ui="{ icon: { size: { sm: 'w-4 h-4' } } }"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3b92727bd..05a05af44 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5546,7 +5546,7 @@ packages:
   site-config-stack@2.2.18:
     resolution: {integrity: sha512-kwyuCwYZBJikuLN3IB15cGT7SHQQxAitLaDs1b6eNZbb+tBHubVUhj0pnFZnZZi4+5eNCO+3HiZxaU3qpFxP2A==}
     peerDependencies:
-      vue: 3.4.38
+      vue: ^3
 
   sitemap@8.0.0:
     resolution: {integrity: sha512-+AbdxhM9kJsHtruUF39bwS/B0Fytw6Fr1o4ZAIAEqA6cke2xcoO2GleBw9Zw7nRzILVEgz7zBM5GiTJjie1G9A==}
diff --git a/public/assets/integrations/nuxthub-logo.svg b/public/assets/integrations/nuxthub-logo.svg
new file mode 100644
index 000000000..8701c32b9
--- /dev/null
+++ b/public/assets/integrations/nuxthub-logo.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 260 250" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M145.252 205.336H238.188C241.14 205.337 244.04 204.591 246.596 203.175C249.152 201.759 251.275 199.722 252.75 197.269C254.225 194.816 255.001 192.034 255 189.202C254.999 186.37 254.22 183.588 252.743 181.136L190.33 77.4204C188.855 74.9681 186.732 72.9316 184.177 71.5157C181.621 70.0998 178.722 69.3543 175.77 69.3543C172.819 69.3543 169.92 70.0998 167.364 71.5157C164.808 72.9316 162.686 74.9681 161.211 77.4204L145.252 103.958L114.05 52.0649C112.574 49.6128 110.451 47.5766 107.894 46.1609C105.338 44.7453 102.438 44 99.4864 44C96.5347 44 93.6349 44.7453 91.0785 46.1609C88.522 47.5766 86.3989 49.6128 84.9225 52.0649L7.25736 181.136C5.77984 183.588 5.00129 186.37 5 189.202C4.99872 192.034 5.77475 194.816 7.25004 197.269C8.72534 199.722 10.8479 201.759 13.4042 203.175C15.9605 204.591 18.8604 205.337 21.8122 205.336H80.1494C103.263 205.336 120.309 195.595 132.038 176.592L160.514 129.278L175.766 103.958L221.541 180.015H160.514L145.252 205.336ZM79.1984 179.989L38.4864 179.981L99.5136 78.5761L129.964 129.278L109.576 163.167C101.787 175.497 92.9381 179.989 79.1984 179.989Z" stroke="#00DC82" stroke-width="7.4"/>
+<path d="M174.479 103.733L208.221 105.648L219.34 125.942L230.46 144.322L222.408 178.785" stroke="#00DC82" stroke-width="5.92"/>
+<path d="M5.76562 197.549L38.3577 180.318M38.3577 180.318L33.373 136.666L47.5601 113.308L64.8147 84.5892L98.557 74.2505M38.3577 180.318L55.6123 205.207L77.8515 205.973C77.8515 205.973 88.1848 206.331 94.3393 204.441C100.812 202.454 109.293 199.081 109.293 199.081L111.594 164.235H138.051L131.533 130.156L146.103 103.352L129.232 78.0796L120.413 61.2314L98.557 74.2505M98.557 74.2505L83.9865 50.8927" stroke="#00DC82" stroke-width="5.92"/>
+<path d="M131.15 129.006L140.353 113.307L153.006 90.332L176.012 102.968L178.696 70.4204M251.933 181.083H222.408L192.5 203.292L162.976 180.317" stroke="#00DC82" stroke-width="5.92"/>
+<path d="M131.15 129.006L140.353 113.307L153.006 90.332L176.012 102.968L178.696 70.4204M251.933 181.083H222.408L192.5 203.292L162.976 180.317" stroke="#00DC82" stroke-width="5.92"/>
+</svg>
diff --git a/public/assets/integrations/nuxthub.svg b/public/assets/integrations/nuxthub.svg
index 8701c32b9..6f911d12a 100644
--- a/public/assets/integrations/nuxthub.svg
+++ b/public/assets/integrations/nuxthub.svg
@@ -1,7 +1,87 @@
-<svg viewBox="0 0 260 250" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M145.252 205.336H238.188C241.14 205.337 244.04 204.591 246.596 203.175C249.152 201.759 251.275 199.722 252.75 197.269C254.225 194.816 255.001 192.034 255 189.202C254.999 186.37 254.22 183.588 252.743 181.136L190.33 77.4204C188.855 74.9681 186.732 72.9316 184.177 71.5157C181.621 70.0998 178.722 69.3543 175.77 69.3543C172.819 69.3543 169.92 70.0998 167.364 71.5157C164.808 72.9316 162.686 74.9681 161.211 77.4204L145.252 103.958L114.05 52.0649C112.574 49.6128 110.451 47.5766 107.894 46.1609C105.338 44.7453 102.438 44 99.4864 44C96.5347 44 93.6349 44.7453 91.0785 46.1609C88.522 47.5766 86.3989 49.6128 84.9225 52.0649L7.25736 181.136C5.77984 183.588 5.00129 186.37 5 189.202C4.99872 192.034 5.77475 194.816 7.25004 197.269C8.72534 199.722 10.8479 201.759 13.4042 203.175C15.9605 204.591 18.8604 205.337 21.8122 205.336H80.1494C103.263 205.336 120.309 195.595 132.038 176.592L160.514 129.278L175.766 103.958L221.541 180.015H160.514L145.252 205.336ZM79.1984 179.989L38.4864 179.981L99.5136 78.5761L129.964 129.278L109.576 163.167C101.787 175.497 92.9381 179.989 79.1984 179.989Z" stroke="#00DC82" stroke-width="7.4"/>
-<path d="M174.479 103.733L208.221 105.648L219.34 125.942L230.46 144.322L222.408 178.785" stroke="#00DC82" stroke-width="5.92"/>
-<path d="M5.76562 197.549L38.3577 180.318M38.3577 180.318L33.373 136.666L47.5601 113.308L64.8147 84.5892L98.557 74.2505M38.3577 180.318L55.6123 205.207L77.8515 205.973C77.8515 205.973 88.1848 206.331 94.3393 204.441C100.812 202.454 109.293 199.081 109.293 199.081L111.594 164.235H138.051L131.533 130.156L146.103 103.352L129.232 78.0796L120.413 61.2314L98.557 74.2505M98.557 74.2505L83.9865 50.8927" stroke="#00DC82" stroke-width="5.92"/>
-<path d="M131.15 129.006L140.353 113.307L153.006 90.332L176.012 102.968L178.696 70.4204M251.933 181.083H222.408L192.5 203.292L162.976 180.317" stroke="#00DC82" stroke-width="5.92"/>
-<path d="M131.15 129.006L140.353 113.307L153.006 90.332L176.012 102.968L178.696 70.4204M251.933 181.083H222.408L192.5 203.292L162.976 180.317" stroke="#00DC82" stroke-width="5.92"/>
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_924_443)">
+<rect width="80" height="80" fill="#0F172A"/>
+<g filter="url(#filter0_f_924_443)">
+<rect x="74.72" y="33.7598" width="12.48" height="69.28" transform="rotate(90 74.72 33.7598)" fill="#00DC82"/>
+</g>
+<rect x="0.16" width="80" height="80" fill="url(#paint0_radial_924_443)" fill-opacity="0.7"/>
+<path d="M43.1822 56.9072H62.5723C63.1882 56.9073 63.7932 56.7515 64.3266 56.4557C64.8599 56.1598 65.3027 55.7342 65.6106 55.2218C65.9184 54.7093 66.0803 54.128 66.08 53.5363C66.0797 52.9447 65.9173 52.3635 65.609 51.8513L52.5872 30.1825C52.2794 29.6702 51.8366 29.2447 51.3034 28.9489C50.7702 28.6531 50.1653 28.4973 49.5495 28.4973C48.9338 28.4973 48.3289 28.6531 47.7956 28.9489C47.2624 29.2447 46.8196 29.6702 46.5119 30.1825L43.1822 35.7268L36.6723 24.8851C36.3642 24.3728 35.9213 23.9474 35.3879 23.6517C34.8545 23.3559 34.2495 23.2002 33.6336 23.2002C33.0178 23.2002 32.4128 23.3559 31.8794 23.6517C31.346 23.9474 30.9031 24.3728 30.595 24.8851L14.391 51.8513C14.0827 52.3635 13.9203 52.9447 13.92 53.5363C13.9197 54.128 14.0816 54.7093 14.3894 55.2218C14.6973 55.7342 15.1401 56.1598 15.6734 56.4557C16.2068 56.7515 16.8118 56.9073 17.4277 56.9072H29.5992C34.4216 56.9072 37.978 54.8721 40.4252 50.9018L46.3664 41.0169L49.5486 35.7268L59.0991 51.6171H46.3664L43.1822 56.9072ZM29.4008 51.6116L20.9066 51.6098L33.6393 30.424L39.9924 41.0169L35.7388 48.097C34.1136 50.6731 32.2674 51.6116 29.4008 51.6116Z" fill="url(#paint1_linear_924_443)" fill-opacity="0.15"/>
+<path d="M43.1822 56.9072H62.5723C63.1882 56.9073 63.7932 56.7515 64.3266 56.4557C64.8599 56.1598 65.3027 55.7342 65.6106 55.2218C65.9184 54.7093 66.0803 54.128 66.08 53.5363C66.0797 52.9447 65.9173 52.3635 65.609 51.8513L52.5872 30.1825C52.2794 29.6702 51.8366 29.2447 51.3034 28.9489C50.7702 28.6531 50.1653 28.4973 49.5495 28.4973C48.9338 28.4973 48.3289 28.6531 47.7956 28.9489C47.2624 29.2447 46.8196 29.6702 46.5119 30.1825L43.1822 35.7268L36.6723 24.8851C36.3642 24.3728 35.9213 23.9474 35.3879 23.6517C34.8545 23.3559 34.2495 23.2002 33.6336 23.2002C33.0178 23.2002 32.4128 23.3559 31.8794 23.6517C31.346 23.9474 30.9031 24.3728 30.595 24.8851L14.391 51.8513C14.0827 52.3635 13.9203 52.9447 13.92 53.5363C13.9197 54.128 14.0816 54.7093 14.3894 55.2218C14.6973 55.7342 15.1401 56.1598 15.6734 56.4557C16.2068 56.7515 16.8118 56.9073 17.4277 56.9072H29.5992C34.4216 56.9072 37.978 54.8721 40.4252 50.9018L46.3664 41.0169L49.5486 35.7268L59.0991 51.6171H46.3664L43.1822 56.9072ZM29.4008 51.6116L20.9066 51.6098L33.6393 30.424L39.9924 41.0169L35.7388 48.097C34.1136 50.6731 32.2674 51.6116 29.4008 51.6116Z" fill="url(#paint2_linear_924_443)" fill-opacity="0.15"/>
+<path d="M43.1822 56.9072H62.5723C63.1882 56.9073 63.7932 56.7515 64.3266 56.4557C64.8599 56.1598 65.3027 55.7342 65.6106 55.2218C65.9184 54.7093 66.0803 54.128 66.08 53.5363C66.0797 52.9447 65.9173 52.3635 65.609 51.8513L52.5872 30.1825C52.2794 29.6702 51.8366 29.2447 51.3034 28.9489C50.7702 28.6531 50.1653 28.4973 49.5495 28.4973C48.9338 28.4973 48.3289 28.6531 47.7956 28.9489C47.2624 29.2447 46.8196 29.6702 46.5119 30.1825L43.1822 35.7268L36.6723 24.8851C36.3642 24.3728 35.9213 23.9474 35.3879 23.6517C34.8545 23.3559 34.2495 23.2002 33.6336 23.2002C33.0178 23.2002 32.4128 23.3559 31.8794 23.6517C31.346 23.9474 30.9031 24.3728 30.595 24.8851L14.391 51.8513C14.0827 52.3635 13.9203 52.9447 13.92 53.5363C13.9197 54.128 14.0816 54.7093 14.3894 55.2218C14.6973 55.7342 15.1401 56.1598 15.6734 56.4557C16.2068 56.7515 16.8118 56.9073 17.4277 56.9072H29.5992C34.4216 56.9072 37.978 54.8721 40.4252 50.9018L46.3664 41.0169L49.5486 35.7268L59.0991 51.6171H46.3664L43.1822 56.9072ZM29.4008 51.6116L20.9066 51.6098L33.6393 30.424L39.9924 41.0169L35.7388 48.097C34.1136 50.6731 32.2674 51.6116 29.4008 51.6116Z" stroke="url(#paint3_linear_924_443)" stroke-width="1.6"/>
+<path d="M49.28 35.6802L56.32 36.0802L58.64 40.3202L60.96 44.1602L59.28 51.3602" stroke="url(#paint4_linear_924_443)" stroke-width="1.28"/>
+<path d="M14.08 55.2801L20.88 51.6801M20.88 51.6801L19.84 42.5601L22.8 37.6801L26.4 31.6801L33.44 29.5201M20.88 51.6801L24.48 56.8801L29.12 57.0401C29.12 57.0401 31.2759 57.115 32.56 56.7201C33.9104 56.3049 35.68 55.6001 35.68 55.6001L36.16 48.3201H41.68L40.32 41.2001L43.36 35.6001L39.84 30.3201L38 26.8001L33.44 29.5201M33.44 29.5201L30.4 24.6401" stroke="url(#paint5_linear_924_443)" stroke-width="1.28"/>
+<path d="M40.24 40.9602L42.16 37.6802L44.8 32.8802L49.6 35.5202L50.16 28.7202M65.44 51.8402H59.28L53.04 56.4802L46.88 51.6802" stroke="#00DC82" stroke-width="1.28"/>
+<path d="M40.24 40.9602L42.16 37.6802L44.8 32.8802L49.6 35.5202L50.16 28.7202M65.44 51.8402H59.28L53.04 56.4802L46.88 51.6802" stroke="url(#paint6_linear_924_443)" stroke-width="1.28"/>
+<g filter="url(#filter1_f_924_443)">
+<path d="M41.28 50.1602C37.6 57.3602 32.1867 57.4135 29.6 57.3602L35.84 55.1202L41.28 50.1602Z" fill="#75EDAE"/>
+</g>
+<g filter="url(#filter2_f_924_443)">
+<path d="M41.28 50.1602C37.6 57.3602 32.1867 57.4135 29.6 57.3602L35.84 55.1202L41.28 50.1602Z" fill="#75EDAE"/>
+</g>
+<g filter="url(#filter3_f_924_443)">
+<path d="M44.32 33.44C46.4 26.8799 52.8 27.5199 53.68 31.3599L49.12 28.7199L44.32 33.44Z" fill="#75EDAE"/>
+</g>
+<g filter="url(#filter4_f_924_443)">
+<path d="M44.3198 32.7999C46.3998 26.2399 53.1999 27.1201 54.0799 31.84L49.1997 28.5599L44.3198 32.7999Z" fill="#75EDAE"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_924_443" x="-54.72" y="-26.4002" width="189.6" height="132.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="30.08" result="effect1_foregroundBlur_924_443"/>
+</filter>
+<filter id="filter1_f_924_443" x="28.32" y="48.8802" width="14.24" height="9.76703" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="0.64" result="effect1_foregroundBlur_924_443"/>
+</filter>
+<filter id="filter2_f_924_443" x="28.32" y="48.8802" width="14.24" height="9.76703" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="0.64" result="effect1_foregroundBlur_924_443"/>
+</filter>
+<filter id="filter3_f_924_443" x="43.04" y="27.201" width="11.92" height="7.51898" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="0.64" result="effect1_foregroundBlur_924_443"/>
+</filter>
+<filter id="filter4_f_924_443" x="43.0398" y="26.8098" width="12.3201" height="7.26996" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="0.64" result="effect1_foregroundBlur_924_443"/>
+</filter>
+<radialGradient id="paint0_radial_924_443" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40.16 43.36) rotate(149.378) scale(25.2862)">
+<stop stop-color="#020420"/>
+<stop offset="0.408868" stop-color="#020722" stop-opacity="0.768069"/>
+<stop offset="1" stop-color="#031327" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint1_linear_924_443" x1="40" y1="23.2002" x2="40" y2="56.9072" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00DC82"/>
+<stop offset="0.578116" stop-color="#00DC82" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_924_443" x1="36.4" y1="56.9602" x2="36.48" y2="39.1202" gradientUnits="userSpaceOnUse">
+<stop stop-color="#75EDAE"/>
+<stop offset="1" stop-color="#75EDAE" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint3_linear_924_443" x1="40" y1="23.2002" x2="40" y2="56.9072" gradientUnits="userSpaceOnUse">
+<stop stop-color="#75EDAE"/>
+<stop offset="1" stop-color="#00DC82"/>
+</linearGradient>
+<linearGradient id="paint4_linear_924_443" x1="55.12" y1="35.6802" x2="55.12" y2="51.3602" gradientUnits="userSpaceOnUse">
+<stop stop-color="#75EDAE"/>
+<stop offset="1" stop-color="#00DC82"/>
+</linearGradient>
+<linearGradient id="paint5_linear_924_443" x1="28.72" y1="24.6401" x2="28.72" y2="57.0458" gradientUnits="userSpaceOnUse">
+<stop stop-color="#75EDAE"/>
+<stop offset="1" stop-color="#00DC82"/>
+</linearGradient>
+<linearGradient id="paint6_linear_924_443" x1="52.84" y1="28.7202" x2="52.84" y2="56.4802" gradientUnits="userSpaceOnUse">
+<stop stop-color="#75EDAE"/>
+<stop offset="1" stop-color="#00DC82"/>
+</linearGradient>
+<clipPath id="clip0_924_443">
+<rect width="80" height="80" fill="white"/>
+</clipPath>
+</defs>
 </svg>
diff --git a/public/assets/integrations/zerops.svg b/public/assets/integrations/zerops.svg
new file mode 100644
index 000000000..cdf27c92b
--- /dev/null
+++ b/public/assets/integrations/zerops.svg
@@ -0,0 +1,14 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <g>
+        <path d="M37.9663 5.35536L14.4716 14.335C13.4471 14.7367 12.5676 15.4381 11.9482 16.3477C11.3288 17.2573 10.9984 18.3326 11 19.433V42.0394L21.7974 35.8343V23.1233L39.8934 16.1801V5C39.2349 5.00142 38.582 5.1218 37.9663 5.35536Z" fill="#7CC7BA"/>
+        <path d="M21.9888 55.9808L39.8934 45.6618V33.1968L12.2301 49.1469C11.8577 49.3652 11.5485 49.6763 11.3328 50.0502C11.1172 50.4241 11.0025 50.8476 11 51.2792V59.63C11.0093 60.721 11.3449 61.7843 11.9636 62.6832C12.5822 63.582 13.4557 64.2751 14.4716 64.6733L37.9662 73.6529C38.582 73.8864 39.2349 74.0069 39.8934 74.0084V62.8283L21.9888 55.9808Z" fill="#7CC7BA"/>
+        <path d="M67.6388 29.6428C67.9918 29.4406 68.2845 29.1477 68.4865 28.7945C68.6881 28.4412 68.7919 28.0405 68.7869 27.6336V19.4331C68.7887 18.3326 68.4582 17.2573 67.8387 16.3477C67.2194 15.4382 66.3399 14.7367 65.3152 14.335L41.8071 5.35536C41.1955 5.12342 40.5475 5.00306 39.8936 5V16.1801L57.6616 23.014L39.8936 33.2511V45.7158L67.6388 29.6428Z" fill="#6DAEA3"/>
+        <path d="M41.8071 73.6526L65.3152 64.673C66.3313 64.2747 67.2048 63.5817 67.8235 62.6828C68.4422 61.784 68.7777 60.7206 68.7869 59.6296V36.791L57.9894 43.0235V55.912L39.8936 62.8277V74.008C40.5475 74.005 41.1955 73.8846 41.8071 73.6526Z" fill="#6DAEA3"/>
+    </g>
+    <defs>
+        <clipPath>
+            <rect width="58" height="69.0052" fill="white" transform="translate(11 5)"/>
+        </clipPath>
+    </defs>
+</svg>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 2430e3c46..694efb91c 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -33,7 +33,7 @@ export default <Partial<Config>>{
         }
       },
       fontFamily: {
-        sans: ['Inter', ...defaultTheme.fontFamily.sans]
+        sans: ['Public Sans', ...defaultTheme.fontFamily.sans]
       },
       backgroundImage: {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))'