Feature nav

README.md

@@ -39,21 +39,28 @@ See more documentation at <https://document.saasfly.io>
 
 <table>
   <tr>
-    <td>
+   <td style="width: 64px;">
+      <a href="https://libra.dev/">
+        <div style="width: 64px;">
+          <img alt="Clerk" src="https://raw.githubusercontent.com/nextify-limited/libra/main/logo.svg">
+        </div>
+      </a>
+    </td>
+    <td style="width: 64px;">
       <a href="https://go.clerk.com/uKDp7Au">
         <div style="width: 64px;">
           <img alt="Clerk" src="/clerk.png">
         </div>
       </a>
     </td>
-    <td>
+    <td style="width: 64px;">
       <a href="https://www.twillot.com/">
         <div style="width: 64px;">
           <img alt="Take Control of All Your Twitter Assets" src="/twillot.png">
         </div>
       </a>
     </td>
-    <td>
+    <td style="width: 64px;">
       <a href="https://www.setupyourpay.com/" title="如何注册美国公司进行收款">
         <div style="width: 64px;">
           <img alt="全球收款手册" src="/setupyourpay.png">

apps/nextjs/src/components/navbar.tsx

@@ -61,7 +61,7 @@ export function NavBar({
               {items?.map((item, index) => (
                 <Link
                   key={index}
-                  href={item.disabled ? "#" : `/${lang}${item.href}`}
+                  href={item.disabled ? "#" : (item.href.startsWith("http") ? item.href : `/${lang}${item.href}`)}
                   className={cn(
                     "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm",
                     item.href.startsWith(`/${segment}`)

apps/nextjs/src/config/ui/marketing.ts

@@ -12,6 +12,10 @@ export const getMarketingConfig = async ({
   const dict = await getDictionary(lang);
   return {
     mainNav: [
+      {
+        title: "Libra AI",
+        href: "https://libra.dev/",
+      },
       {
         title: dict.marketing.main_nav_features,
         href: `/#features`,