chore: PF banner

Author: nolimits4web

src/components/Nav.js

@@ -10,6 +10,7 @@ import SwiperStudioBanner from './SwiperStudioBanner';
 
 import UserExperiencedModal from './UserExperiencedModal';
 import UserExperiencedPopover from './UserExperiencedPopover';
+import PaneFlowBanner from './PaneFlowBanner';
 let bannerCached;
 
 const Dropdown = ({ children, opened }) => {
@@ -97,13 +98,14 @@ export const Nav = ({ withSidebar = false }) => {
             'lg:justify-start lg:pl-80 2xl:!pl-4 2xl:!justify-center'
         )}
       >
-        {bannerSet && (
+        <PaneFlowBanner />
+        {/* {bannerSet && (
           <>
             {banner === 'swiperstudio' && <SwiperStudioBanner />}
             {banner === 'sphq' && <SPHQBanner />}
             {banner === 'cladd' && <CladdBanner />}
           </>
-        )}
+        )}*/}
       </div>
 
       <div

src/components/PaneFlowBanner.js

@@ -1,7 +1,7 @@
 export default function PaneFlowBanner({ className }) {
   return (
     <a
-      className={`group flex h-14 items-center justify-center bg-surface-1 !text-on-surface !no-underline rounded-full border border-outline text-sm font-normal px-2 pr-4 sm:px-4 gap-2 leading-none whitespace-nowrap backdrop-blur-lg backdrop-saturate-200 shrink min-w-0 w-fit ${className || ''}`}
+      className={`group flex h-14 items-center justify-center bg-surface-1 !text-on-surface !no-underline rounded-full border border-outline text-sm font-normal px-4  gap-4 leading-tight text-balance  backdrop-blur-lg backdrop-saturate-200 shrink min-w-0 w-fit ${className || ''}`}
       href="https://paneflow.com"
       target="_blank"
     >
@@ -11,11 +11,8 @@ export default function PaneFlowBanner({ className }) {
         alt="PaneFlow"
         className="h-6 w-6 relative"
       />
-      <div className="shrink min-w-0 relative text-ellipsis overflow-hidden flex items-center">
-        Meet <span className="hidden sm:inline ml-1">our new project </span>
-        <span className="border-b border-white/30 ml-1 shrink min-w-0 truncate">
-          PaneFlow: Create Stunning Slideshows Visually
-        </span>
+      <div className="shrink min-w-0  flex items-center">
+        All-new PaneFlow v2 is here with a 50%-off launch offer
       </div>
     </a>
   );