From 2ae110385044b5767dc2ddf9fccb813263103c07 Mon Sep 17 00:00:00 2001
From: hylerrix <hylerrix@gmail.com>
Date: Tue, 6 Jun 2023 00:53:08 +0800
Subject: [PATCH] feat(landing): determine to beyond LifeTable & build
 Micro-App-Center early

---
 ningowood.com/app/layout.tsx                  |   2 +-
 ningowood.com/app/page.tsx                    |   4 +-
 ningowood.com/components/home/constant.tsx    |   5 +
 .../components/home/future-app-preview.tsx    |  43 +++++++
 .../components/home/home-Intro-header.tsx     | 112 ++++++++++--------
 .../posts}/2023-0618-ningowood-v0_2.md        |   0
 ningowood.com/public/logo/mathesar.webp       | Bin 0 -> 3972 bytes
 package.json                                  |   3 +-
 8 files changed, 118 insertions(+), 51 deletions(-)
 create mode 100644 ningowood.com/components/home/future-app-preview.tsx
 rename {blogs => ningowood.com/posts}/2023-0618-ningowood-v0_2.md (100%)
 create mode 100644 ningowood.com/public/logo/mathesar.webp

diff --git a/ningowood.com/app/layout.tsx b/ningowood.com/app/layout.tsx
index 29910cc..7cb337e 100644
--- a/ningowood.com/app/layout.tsx
+++ b/ningowood.com/app/layout.tsx
@@ -35,7 +35,7 @@ export default async function RootLayout({
           {/* @ts-expect-error Server Component */}
           <Nav />
         </Suspense>
-        <main className="flex min-h-screen w-full flex-col items-center justify-center pt-32 py-12">
+        <main className="flex min-h-screen w-full flex-col items-center justify-center pt-16 py-12">
           {children}
         </main>
         <Footer />
diff --git a/ningowood.com/app/page.tsx b/ningowood.com/app/page.tsx
index 20288cf..2cd83bf 100644
--- a/ningowood.com/app/page.tsx
+++ b/ningowood.com/app/page.tsx
@@ -1,5 +1,7 @@
 import HomeIntroHeader from "@/components/home/home-Intro-header"
 import DashboardPage from "@/components/home/dashboard/page"
+import Balancer from "react-wrap-balancer"
+import FutureAppPreview from "@/components/home/future-app-preview"
 
 export default async function Home() {
   return (
@@ -9,8 +11,8 @@ export default async function Home() {
        * In '../components' folder we connot use fetch?
        */}
       <HomeIntroHeader />
-      <div className="mt-12"></div>
       <DashboardPage />
+      <FutureAppPreview />
     </>
   )
 }
diff --git a/ningowood.com/components/home/constant.tsx b/ningowood.com/components/home/constant.tsx
index 0df8ae2..7fdfeeb 100644
--- a/ningowood.com/components/home/constant.tsx
+++ b/ningowood.com/components/home/constant.tsx
@@ -46,6 +46,11 @@ export const SupportSsDB: SupportItem[] = [
     logo: '/logo/actiondesk.webp',
     link: 'https://www.actiondesk.io/',
   },
+  {
+    name: 'Mathesar',
+    logo: '/logo/mathesar.webp',
+    link: 'https://www.mathesar.org/',
+  },
   // {
   //   name: 'Trello',
   //   logo: '/logo/trello.webp',
diff --git a/ningowood.com/components/home/future-app-preview.tsx b/ningowood.com/components/home/future-app-preview.tsx
new file mode 100644
index 0000000..2ca47e1
--- /dev/null
+++ b/ningowood.com/components/home/future-app-preview.tsx
@@ -0,0 +1,43 @@
+import Balancer from "react-wrap-balancer"
+
+export default function HomeIntroHeader() {
+  return (
+    <div className="z-10 w-full max-w-5xl px-6 py-6 text-center border-fuchsia-500 border-2">
+      <h1 className="animate-fade-up text-4xl">Future App Preview</h1>
+
+      <h1
+        className="animate-fade-up bg-gradient-to-br from-black to-stone-500 bg-clip-text text-center font-display font-bold tracking-[-0.02em] text-transparent opacity-0 drop-shadow-sm"
+        style={{ animationDelay: "0.15s", animationFillMode: "forwards" }}
+      >
+        <Balancer className="text-2xl mt-4">
+          Flowchats AI
+        </Balancer>
+      </h1>
+      <p
+        className="mt-6 animate-fade-up text-center text-gray-500 opacity-0 md:text-xl"
+        style={{ animationDelay: "0.25s", animationFillMode: "forwards" }}
+      >
+        <Balancer>
+          Your all-in-one AI chat app in canvas tree, and save it into LifeTable.
+        </Balancer>
+      </p>
+
+      <h1
+        className="animate-fade-up bg-gradient-to-br from-black to-stone-500 bg-clip-text text-center font-display font-bold tracking-[-0.02em] text-transparent opacity-0 drop-shadow-sm"
+        style={{ animationDelay: "0.15s", animationFillMode: "forwards" }}
+      >
+        <Balancer className="text-2xl mt-4">
+          Navigator AI
+        </Balancer>
+      </h1>
+      <p
+        className="mt-6 animate-fade-up text-center text-gray-500 opacity-0 md:text-xl"
+        style={{ animationDelay: "0.25s", animationFillMode: "forwards" }}
+      >
+        <Balancer>
+          Web nav manager in AI era, forget about your outdated browser bookmarks.
+        </Balancer>
+      </p>
+    </div>
+  )
+}
diff --git a/ningowood.com/components/home/home-Intro-header.tsx b/ningowood.com/components/home/home-Intro-header.tsx
index f3cd5d7..3502937 100644
--- a/ningowood.com/components/home/home-Intro-header.tsx
+++ b/ningowood.com/components/home/home-Intro-header.tsx
@@ -43,7 +43,7 @@ export default function HomeIntroHeader() {
   //   .catch((e) => console.log(e))
 
   return (
-    <div className="z-10 w-full max-w-xl px-5 xl:px-0">
+    <div className="my-4">
       <a
         href="https://twitter.com/hylerrix/hylerrix"
         target="_blank"
@@ -55,56 +55,73 @@ export default function HomeIntroHeader() {
           Introducing Ningowood v0.2
         </p>
       </a>
-      <h1
-        className="animate-fade-up bg-gradient-to-br from-black to-stone-500 bg-clip-text text-center font-display text-4xl font-bold tracking-[-0.02em] text-transparent opacity-0 drop-shadow-sm"
-        style={{ animationDelay: "0.15s", animationFillMode: "forwards" }}
-      >
-        <Balancer>
-          Add the missing all-in-one community to the spreadsheet database ecology
-        </Balancer>
-      </h1>
-      <p
-        className="mt-6 animate-fade-up text-center text-gray-500 opacity-0 md:text-xl"
-        style={{ animationDelay: "0.25s", animationFillMode: "forwards" }}
-      >
-        <Balancer>
-          Make the structured data all together, and sharing as easy as you wish.
-        </Balancer>
-      </p>
-      <div
-        className="mt-6 animate-fade-up text-center text-gray-500 opacity-0 md:text-xl"
-        style={{ animationDelay: "0.25s", animationFillMode: "forwards" }}
-      >
-        { SupportSsDB.map((db) => <SupportItem db={db} />) }
-        <span className="mx-1">...</span>
+
+      <div className="z-10 w-full max-w-full px-6 py-6 border-fuchsia-500 border-2">
+        <h1
+          className="animate-fade-up bg-gradient-to-br from-black to-stone-500 bg-clip-text text-center font-display font-bold tracking-[-0.02em] text-transparent opacity-0 drop-shadow-sm"
+          style={{ animationDelay: "0.15s", animationFillMode: "forwards" }}
+        >
+          <Balancer className="text-4xl">
+            Introducing 1st CORE APP in micro app market: <span className="text-5xl">LifeTable</span>!
+          </Balancer>
+        </h1>
+        <h1
+          className="animate-fade-up bg-gradient-to-br from-black to-stone-500 bg-clip-text text-center font-display font-bold tracking-[-0.02em] text-transparent opacity-0 drop-shadow-sm"
+          style={{ animationDelay: "0.15s", animationFillMode: "forwards" }}
+        >
+          <Balancer className="text-2xl mt-4">
+            Add the missing all-in-one community to the spreadsheet database ecology
+          </Balancer>
+        </h1>
+        <p
+          className="mt-6 animate-fade-up text-center text-gray-500 opacity-0 md:text-xl"
+          style={{ animationDelay: "0.25s", animationFillMode: "forwards" }}
+        >
+          <Balancer>
+            Make the structured data all together, and sharing as easy as you wish.
+          </Balancer>
+        </p>
+        <div
+          className="mt-6 animate-fade-up text-center text-gray-500 opacity-0 md:text-xl"
+          style={{ animationDelay: "0.25s", animationFillMode: "forwards" }}
+        >
+          { SupportSsDB.map((db, index) => <SupportItem db={db} key={index} />) }
+          <span className="mx-1">...</span>
+        </div>
+
+        <div
+          className="mx-auto mt-4 flex animate-fade-up items-center justify-center space-x-5 opacity-0"
+          style={{ animationDelay: "0.3s", animationFillMode: "forwards" }}
+        >
+          <a
+            className="group flex max-w-fit items-center justify-center space-x-2 rounded-full border border-black bg-black px-5 py-2 text-sm text-white transition-colors hover:bg-white hover:text-black"
+            href={DEPLOY_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <svg
+              className="h-4 w-4 group-hover:text-black"
+              viewBox="0 0 24 24"
+              fill="currentColor"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12 4L20 20H4L12 4Z"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </svg>
+            <p>Add your database</p>
+          </a>
+        </div>
       </div>
+
       <div
         className="mx-auto mt-6 flex animate-fade-up items-center justify-center space-x-5 opacity-0"
         style={{ animationDelay: "0.3s", animationFillMode: "forwards" }}
       >
-        <a
-          className="group flex max-w-fit items-center justify-center space-x-2 rounded-full border border-black bg-black px-5 py-2 text-sm text-white transition-colors hover:bg-white hover:text-black"
-          href={DEPLOY_URL}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <svg
-            className="h-4 w-4 group-hover:text-black"
-            viewBox="0 0 24 24"
-            fill="currentColor"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M12 4L20 20H4L12 4Z"
-              stroke="currentColor"
-              strokeWidth="2"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-          </svg>
-          <p>Add your database</p>
-        </a>
-
         <a
           className="flex max-w-fit items-center justify-center space-x-2 rounded-full border border-gray-300 bg-white px-5 py-2 text-sm text-gray-600 shadow-md transition-colors hover:border-gray-800"
           href="https://github.com/ningowood/ningowood"
@@ -118,13 +135,12 @@ export default function HomeIntroHeader() {
           </p>
         </a>
 
-        <a className="inline-flex justify-center items-center gap-x-3 text-center bg-gradient-to-tl from-blue-600 to-violet-600 hover:from-violet-600 hover:to-blue-600 border border-transparent text-white text-sm font-medium rounded-full focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white py-3 px-4 dark:focus:ring-offset-gray-800" href="/os/lifetable">
+        <a className="inline-flex justify-center items-center gap-x-3 text-center bg-gradient-to-tl from-blue-600 to-violet-600 hover:from-violet-600 hover:to-blue-600 border-transparent text-white text-sm font-medium rounded-full focus:outline-none focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white py-3 px-4 dark:focus:ring-offset-gray-800" href="/os/lifetable">
           Explore Now
           <svg className="w-3 h-3" width="16" height="16" viewBox="0 0 16 16" fill="none">
             <path d="M5.27921 2L10.9257 7.64645C11.1209 7.84171 11.1209 8.15829 10.9257 8.35355L5.27921 14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
           </svg>
         </a>
-
       </div>
     </div>
   )
diff --git a/blogs/2023-0618-ningowood-v0_2.md b/ningowood.com/posts/2023-0618-ningowood-v0_2.md
similarity index 100%
rename from blogs/2023-0618-ningowood-v0_2.md
rename to ningowood.com/posts/2023-0618-ningowood-v0_2.md
diff --git a/ningowood.com/public/logo/mathesar.webp b/ningowood.com/public/logo/mathesar.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3e61d05a87a05c365ea8740d3d5d20d6ff806e17
GIT binary patch
literal 3972
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

literal 0
HcmV?d00001

diff --git a/package.json b/package.json
index 3c7b35f..a261737 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
   "description": "![](./public/static/showcase-20221126.webp)",
   "main": "index.js",
   "scripts": {
-    "dev": "cd ningowood.com && npm run dev"
+    "dev": "cd ningowood.com && npm run dev",
+    "build": "cd ningowood.com && npm run build"
   },
   "keywords": [],
   "author": {