feat(home): update studio section

docs/content/index.yml

@@ -41,18 +41,18 @@ sections:
     subTitle: Trusted and supported by our<br />amazing community
     avatarText: Created and maintained by 180+ contributors
   - slot: meet-studio
-    title: Meet Studio <br /><span class="text-primary-400">The Editor for Nuxt Content</span>
-    description: 'Nuxt Studio lets you edit your websites made with Nuxt Content on any devices and by anyone. Opening a new door between git-based CMS and collaboration with your marketing teams.'
-    button: Try it now!
+    title: Meet Studio <br /><span class="text-primary-400">The Git-based CMS for Nuxt</span>
+    description: 'Nuxt Studio is a new editing experience for your Nuxt Content website, offering infinite customization and user-friendly edition. Edit your website with our Notion-like editor and unleash the collaboration between developers and copywriters.'
+    button: Try Nuxt Studio for free!
     list:
-      - Markdown Editor
-      - Sync with GitHub
-      - Live Preview
-      - Editors permissions
+      - Notion like editor
       - Live collaboration
-      - Edit on mobile
-      - Media Library
-      - Deployment
+      - Sync with GitHub
+      - Google authentication
+      - Custom components
+      - Preview links
+      - Continuous deployment
+      - Draft & review
   - slot: start-building
     subTitle: Start building <span class="text-primary-400">Today</span>
     subDescription: Are you ready to start building your next project with Nuxt Content? Our documentation will help you get up and running in no time.

docs/pages/index.vue

@@ -60,10 +60,10 @@
     </div>
 
     <template #title>
       <span v-html="page.hero?.title" />
     </template>
     <template #description>
       <span v-html="page.hero?.description" />
     </template>
     <template #links>
       <UButton
@@ -98,11 +98,11 @@
 
   <ULandingSection v-for="(section, index) of page.sections" :key="index" v-bind="section">
     <template v-if="section.title" #title>
       <span v-html="section?.title" />
     </template>
 
     <template v-if="section.description" #description>
       <span v-html="section.description" />
     </template>
 
     <template #features>
@@ -125,11 +125,11 @@
         :ui="{ links: 'mt-8 flex flex-wrap justify-center lg:justify-start gap-x-3 gap-y-1.5', base: 'text-center lg:text-left flex flex-col items-center lg:items-start' }"
       >
         <template v-if="section.subTitle" #title>
           <span v-html="section?.subTitle" />
         </template>
 
         <template v-if="section.subDescription" #description>
           <span v-html="section.subDescription" />
         </template>
 
         <template #links>
@@ -194,13 +194,13 @@
         }"
       >
         <template #title>
           <span v-html="section.subTitle" />
         </template>
 
         <template #links>
           <UAvatarGroup :max="13" size="md" class="flex-wrap lg:self-start [&_span:first-child]:text-xs">
             <UTooltip
               v-for="(contributor, index) of module.contributors"
               :key="index"
               :text="contributor.username"
               class="rounded-full"
@@ -254,7 +254,7 @@
 
     <template #meet-studio>
       <ul class="flex flex-wrap space-x-4 lg:px-28 xl:px-40 items-center justify-center sm:-mt-16">
         <li v-for="(item, index) in section.list" :key="index" class="my-2">
           <UIcon name="i-ph-check" class="w-4 h-4 text-green-400 mr-2" />
           <span class="text-gray-200 text-lg">{{ item }}</span>
         </li>
@@ -277,8 +277,8 @@
         <div class="p-4">
           <video
             class="rounded-lg bg-slate-800"
-            src="https://res.cloudinary.com/nuxt/video/upload/v1695121040/studio/nuxt-studio-intro_p9kph1.mp4"
-            poster="https://res.cloudinary.com/nuxt/video/upload/v1695121040/studio/nuxt-studio-intro_p9kph1.jpg"
+            src="https://res.cloudinary.com/nuxt/video/upload/v1717684070/studio/like-in-notion-final_yclhv7.mp4"
+            poster="/HomeNotionLikePoster.webp"
             muted
             loop
             controls
@@ -294,7 +294,7 @@
         class="relative"
       >
         <template v-if="section.subTitle" #title>
           <span v-html="section?.subTitle" />
         </template>
 
         <template v-if="section.subDescription" #description>