From aea51d45ab0f33b47318730ac9a318f28d7c1849 Mon Sep 17 00:00:00 2001
From: Julien Thibeaut <julien.thibeaut@gmail.com>
Date: Tue, 25 Nov 2025 23:08:56 +0100
Subject: [PATCH] Feat/various update (#170)

* feat: remove banner

* feat: update header/nav

* feat: update nav
---
 app/docs/layout.tsx                  | 14 ++++++++------
 app/docs/navigation.ts               |  7 -------
 app/page.tsx                         | 12 +++++-------
 components/website/header.tsx        | 13 ++++++++++---
 components/website/launch-banner.tsx |  2 +-
 5 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/app/docs/layout.tsx b/app/docs/layout.tsx
index ebbe88d7..6e0913bc 100644
--- a/app/docs/layout.tsx
+++ b/app/docs/layout.tsx
@@ -27,7 +27,10 @@ function NavigationDesktop() {
     <aside className='sticky top-14 hidden h-[calc(100dvh-(--spacing(16)))] w-[220px] shrink-0 pt-8 md:block lg:pt-12'>
       <ScrollArea className='h-full w-full'>
         <nav>
-          <ul role='list' className='h-full [&>li:not(:first-child)>div]:pt-6 pb-9'>
+          <ul
+            role='list'
+            className='h-full pb-9 [&>li:not(:first-child)>div]:pt-6'
+          >
             {NAVIGATION.map((item, index) => {
               return (
                 <li key={`${item.name}-${index}`}>
@@ -53,7 +56,7 @@ function NavigationDesktop() {
                             {isActive && (
                               <motion.div
                                 layout
-                                className='absolute -left-[1px] top-0 -z-1 h-full w-0.5 rounded-[4px] bg-zinc-950 dark:bg-white'
+                                className='absolute top-0 -left-[1px] -z-1 h-full w-0.5 rounded-[4px] bg-zinc-950 dark:bg-white'
                                 transition={{
                                   type: 'spring',
                                   stiffness: 26.7,
@@ -65,12 +68,12 @@ function NavigationDesktop() {
                             )}
                             <span>{child.name}</span>
                             {child?.isNew && (
-                              <span className='ml-2 whitespace-nowrap rounded-lg bg-emerald-100 px-2 text-[10px] font-semibold text-emerald-800 dark:bg-emerald-950 dark:text-emerald-50'>
+                              <span className='ml-2 rounded-lg bg-emerald-100 px-2 text-[10px] font-semibold whitespace-nowrap text-emerald-800 dark:bg-emerald-950 dark:text-emerald-50'>
                                 New
                               </span>
                             )}
                             {child?.isUpdated && (
-                              <span className='ml-2 whitespace-nowrap rounded-lg bg-amber-100 px-2 text-[10px] font-semibold text-amber-800 dark:bg-amber-950 dark:text-amber-50'>
+                              <span className='ml-2 rounded-lg bg-amber-100 px-2 text-[10px] font-semibold whitespace-nowrap text-amber-800 dark:bg-amber-950 dark:text-amber-50'>
                                 Updated
                               </span>
                             )}
@@ -130,14 +133,13 @@ export default function ComponentLayout({
 }) {
   return (
     <>
-      <LaunchBanner />
       <Header />
       <div className='px-6 lg:px-8'>
         <div className='mx-auto md:max-w-7xl'>
           <div className='mx-auto flex w-full flex-col items-start md:flex-row md:space-x-12'>
             <NavigationDesktop />
             <NavigationMobile />
-            <main className='prose mr-0 xl:mr-12 prose-zinc min-w-0 max-w-full flex-1 pb-16 pt-8 dark:prose-invert prose-h1:scroll-m-20 prose-h1:text-2xl prose-h1:font-semibold prose-h2:mt-12 prose-h2:scroll-m-20 prose-h2:text-xl prose-h2:font-medium prose-h3:scroll-m-20 prose-h3:text-base prose-h3:font-medium prose-h4:scroll-m-20 prose-h5:scroll-m-20 prose-h6:scroll-m-20 prose-strong:font-medium prose-table:block prose-table:overflow-y-auto lg:pt-12 xl:max-w-2xl'>
+            <main className='prose prose-zinc dark:prose-invert prose-h1:scroll-m-20 prose-h1:text-2xl prose-h1:font-semibold prose-h2:mt-12 prose-h2:scroll-m-20 prose-h2:text-xl prose-h2:font-medium prose-h3:scroll-m-20 prose-h3:text-base prose-h3:font-medium prose-h4:scroll-m-20 prose-h5:scroll-m-20 prose-h6:scroll-m-20 prose-strong:font-medium prose-table:block prose-table:overflow-y-auto mr-0 max-w-full min-w-0 flex-1 pt-8 pb-16 lg:pt-12 xl:mr-12 xl:max-w-2xl'>
               {children}
             </main>
             <aside className='sticky top-14 hidden h-[calc(100dvh-(--spacing(16)))] w-[220px] shrink-0 pt-8 lg:pt-12 xl:block'>
diff --git a/app/docs/navigation.ts b/app/docs/navigation.ts
index 524984b2..d9793f54 100644
--- a/app/docs/navigation.ts
+++ b/app/docs/navigation.ts
@@ -66,7 +66,6 @@ export const NAVIGATION: NavigationGroup[] = [
       {
         name: 'Infinite Slider',
         href: '/docs/infinite-slider',
-        isUpdated: true,
       },
       {
         name: 'Transition Panel',
@@ -88,7 +87,6 @@ export const NAVIGATION: NavigationGroup[] = [
       {
         name: 'Text Morph',
         href: '/docs/text-morph',
-        isUpdated: true,
       },
       {
         name: 'Text Roll',
@@ -118,7 +116,6 @@ export const NAVIGATION: NavigationGroup[] = [
       {
         name: 'Sliding Number',
         href: '/docs/sliding-number',
-        isNew: true,
       },
     ],
   },
@@ -132,7 +129,6 @@ export const NAVIGATION: NavigationGroup[] = [
       {
         name: 'Glow Effect',
         href: '/docs/glow-effect',
-        isNew: true,
       },
       {
         name: 'Image Comparison',
@@ -145,7 +141,6 @@ export const NAVIGATION: NavigationGroup[] = [
       {
         name: 'Spotlight',
         href: '/docs/spotlight',
-        isUpdated: true,
       },
       {
         name: 'Spinning Text',
@@ -184,12 +179,10 @@ export const NAVIGATION: NavigationGroup[] = [
       {
         name: 'Morphing Popover',
         href: '/docs/morphing-popover',
-        isNew: true,
       },
       {
         name: 'Progressive Blur',
         href: '/docs/progressive-blur',
-        isNew: true,
       },
     ],
   },
diff --git a/app/page.tsx b/app/page.tsx
index f6bac447..86e97014 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -61,21 +61,20 @@ function Header() {
         <div className='flex items-center space-x-6'>
           <nav className='hidden items-center space-x-6 sm:flex'>
             <a
-              href='https://pro.motion-primitives.com/'
+              href='https://www.prompt-kit.com/'
               target='_blank'
               rel='noopener noreferrer'
               className='hidden items-center text-sm font-medium text-zinc-700 hover:text-zinc-950 md:inline-flex dark:text-zinc-300 dark:hover:text-white'
             >
-              Advanced
-              <ProBadge />
+              IA
             </a>
             <a
-              href='https://pro.motion-primitives.com/templates'
+              href='https://pro.motion-primitives.com/'
               target='_blank'
               rel='noopener noreferrer'
-              className='inline-flex items-center text-sm font-medium text-zinc-700 hover:text-zinc-950 dark:text-zinc-300 dark:hover:text-white'
+              className='hidden items-center text-sm font-medium text-zinc-700 hover:text-zinc-950 md:inline-flex dark:text-zinc-300 dark:hover:text-white'
             >
-              Templates
+              Advanced
             </a>
             <Link
               href='/docs/text-effect'
@@ -113,7 +112,6 @@ function Header() {
 export default function Motion() {
   return (
     <>
-      <LaunchBanner />
       <Header />
       <div className='px-6 py-4 pb-20'>
         <section className='flex h-full flex-col items-center justify-center pt-20'>
diff --git a/components/website/header.tsx b/components/website/header.tsx
index 1cb8601e..4e4e029c 100644
--- a/components/website/header.tsx
+++ b/components/website/header.tsx
@@ -38,13 +38,20 @@ export function Header() {
         <div className='flex items-center space-x-6'>
           <nav className='hidden items-center space-x-6 sm:flex'>
             <a
-              href='https://pro.motion-primitives.com/templates'
+              href='https://www.prompt-kit.com/'
+              target='_blank'
+              rel='noopener noreferrer'
+              className='text-sm font-medium text-zinc-700 hover:text-zinc-950 dark:text-zinc-300 dark:hover:text-white'
+            >
+              IA
+            </a>
+            <a
+              href='https://pro.motion-primitives.com'
               target='_blank'
               rel='noopener noreferrer'
               className='inline-flex items-center text-sm font-medium text-zinc-700 hover:text-zinc-950 dark:text-zinc-300 dark:hover:text-white'
             >
-              Templates
-              <ProBadge />
+              Advanced
             </a>
             <Link
               href='/docs/text-effect'
diff --git a/components/website/launch-banner.tsx b/components/website/launch-banner.tsx
index 34c266e1..d81afe6a 100644
--- a/components/website/launch-banner.tsx
+++ b/components/website/launch-banner.tsx
@@ -2,7 +2,7 @@ export default function LaunchBanner() {
   return (
     <a
       target='_blank'
-      className='inline-flex w-full flex-col items-center justify-center gap-2 bg-[#0588F0] px-4 py-2 text-xs font-medium leading-normal text-white dark:bg-[#111927] md:text-sm'
+      className='inline-flex w-full flex-col items-center justify-center gap-2 bg-[#0588F0] px-4 py-2 text-xs leading-normal font-medium text-white md:text-sm dark:bg-[#111927]'
       href='https://pro.motion-primitives.com'
     >
       <span>