-
-
-
-
- - Introducing Precedent -
- -
- Building blocks for your Next project
-
-
-
- {features.map(({ title, description, demo, large }) => (
-
+ {/**
+ * TODO: How to use server side components?
+ * In '../components' folder we connot use fetch?
+ */}
+
-
- ),
- },
- {
- title: "Hooks, utilities, and more",
- description:
- "Precedent offers a collection of hooks, utilities, and `@vercel/og`",
- demo: (
-
- useIntersectionObserver
- useLocalStorage
- useScroll
- nFormatter
- capitalize
- truncate
-
- ),
- },
-];
diff --git a/ningowood.com/app/sitemap.ts b/ningowood.com/app/sitemap.ts
index d0ff0ab..68f5f64 100644
--- a/ningowood.com/app/sitemap.ts
+++ b/ningowood.com/app/sitemap.ts
@@ -1,5 +1,5 @@
-import { MetadataRoute } from "next";
-import prisma from "@/lib/prisma";
+import { MetadataRoute } from "next"
+import prisma from "@/lib/prisma"
export default async function sitemap(): Promise
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/ningowood.com/components/home/dashboard/components/main-nav.tsx b/ningowood.com/components/home/dashboard/components/main-nav.tsx
new file mode 100644
index 0000000..44358e6
--- /dev/null
+++ b/ningowood.com/components/home/dashboard/components/main-nav.tsx
@@ -0,0 +1,40 @@
+import Link from "next/link"
+
+import { cn } from "@/lib/utils"
+
+export function MainNav({
+ className,
+ ...props
+}: React.HTMLAttributes
+ {
+ RECENT_DATABASE_LIST.map((db, index) => {
+ return (
+
+ )
+}
diff --git a/ningowood.com/components/home/dashboard/components/search.tsx b/ningowood.com/components/home/dashboard/components/search.tsx
new file mode 100644
index 0000000..004b6c3
--- /dev/null
+++ b/ningowood.com/components/home/dashboard/components/search.tsx
@@ -0,0 +1,13 @@
+import { Input } from "@/components/ui/input"
+
+export function Search() {
+ return (
+
+
+ OM
+
+
+ )
+ })
+ }
+
+
+ {db.name}
++ {db.description} +
++{db.stars}
+
+
+
+ )
+}
diff --git a/ningowood.com/components/home/dashboard/components/team-switcher.tsx b/ningowood.com/components/home/dashboard/components/team-switcher.tsx
new file mode 100644
index 0000000..3de782e
--- /dev/null
+++ b/ningowood.com/components/home/dashboard/components/team-switcher.tsx
@@ -0,0 +1,205 @@
+"use client"
+
+import * as React from "react"
+import { Check, ChevronsUpDown, PlusCircle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import { Button } from "@/components/ui/button"
+import {
+ Command,
+ CommandEmpty,
+ CommandGroup,
+ CommandInput,
+ CommandItem,
+ CommandList,
+ CommandSeparator,
+} from "@/components/ui/command"
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "@/components/ui/dialog"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import {
+ Popover,
+ PopoverContent,
+ PopoverTrigger,
+} from "@/components/ui/popover"
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select"
+
+const groups = [
+ {
+ label: "Personal Account",
+ teams: [
+ {
+ label: "Alicia Koch",
+ value: "personal",
+ },
+ ],
+ },
+ {
+ label: "Teams",
+ teams: [
+ {
+ label: "Acme Inc.",
+ value: "acme-inc",
+ },
+ {
+ label: "Monsters Inc.",
+ value: "monsters",
+ },
+ ],
+ },
+]
+
+type Team = (typeof groups)[number]["teams"][number]
+
+type PopoverTriggerProps = React.ComponentPropsWithoutRef
+
+ shadcn
++ m@example.com +
+
+
+
+
+
+ )
+}
diff --git a/ningowood.com/components/home/demo-modal.tsx b/ningowood.com/components/home/demo-modal.tsx
index 2bdcc5f..482335b 100644
--- a/ningowood.com/components/home/demo-modal.tsx
+++ b/ningowood.com/components/home/demo-modal.tsx
@@ -1,19 +1,13 @@
-import Modal from "@/components/shared/modal";
-import {
- useState,
- Dispatch,
- SetStateAction,
- useCallback,
- useMemo,
-} from "react";
-import Image from "next/image";
+import Modal from "@/components/shared/modal"
+import { useState, Dispatch, SetStateAction, useCallback, useMemo } from "react"
+import Image from "next/image"
const DemoModal = ({
showDemoModal,
setShowDemoModal,
}: {
- showDemoModal: boolean;
- setShowDemoModal: Dispatch
+
+
+
+
+
+ Total databases
+
+
+
+
+
+
+
+
+ Total users
+
+
+
+
+
+
+
+ Forks
+
+
+
+
+
+
+ Stars
+
+
+
+
+
+ 9,769
+ + +20.1% from last month +
++231
+ + +180.1% from last month +
++684
+ + +19% from last month +
++573
+ + +201 since last hour +
+
+
+
+ Overview
+
+
+
+
+
+
+ Recent databases
+
+ 265 databases uploaded this month.
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/ningowood.com/components/home/home-Intro-header.tsx b/ningowood.com/components/home/home-Intro-header.tsx
new file mode 100644
index 0000000..3502937
--- /dev/null
+++ b/ningowood.com/components/home/home-Intro-header.tsx
@@ -0,0 +1,147 @@
+import Balancer from "react-wrap-balancer"
+import Image from "next/image"
+
+import { nFormatter } from "@/lib/utils"
+import { DEPLOY_URL } from "@/lib/constants"
+import { Github, Twitter } from "@/components/shared/icons"
+import { SupportSsDB } from "./constant"
+import { SupportItem } from "./type"
+
+interface SupportItemProps {
+ db: SupportItem
+}
+
+const SupportItem = ({ db }: SupportItemProps) => {
+ return (
+
+ Future App Preview
+ +
+
+ Flowchats AI
+
+
+
+
+
+ Navigator AI
+
+
+
+
+
+
+ )
+}
diff --git a/ningowood.com/components/home/type.tsx b/ningowood.com/components/home/type.tsx
new file mode 100644
index 0000000..01b62ed
--- /dev/null
+++ b/ningowood.com/components/home/type.tsx
@@ -0,0 +1,5 @@
+export interface SupportItem {
+ name: string
+ logo: string
+ link: string
+}
diff --git a/ningowood.com/components/home/web-vitals.tsx b/ningowood.com/components/home/web-vitals.tsx
deleted file mode 100644
index 662333d..0000000
--- a/ningowood.com/components/home/web-vitals.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-"use client";
-
-import { motion } from "framer-motion";
-import CountingNumbers from "@/components/shared/counting-numbers";
-
-export default function WebVitals() {
- return (
- + Introducing Ningowood v0.2 +
+ + +
+
+
+
+
+
+
+
+
+
+ Introducing 1st CORE APP in micro app market: LifeTable!
+
+
+
+
+ Add the missing all-in-one community to the spreadsheet database ecology
+
+
+
+
+ { SupportSsDB.map((db, index) =>
+
+
+
-
-
-
- );
-}
diff --git a/ningowood.com/components/layout/footer.tsx b/ningowood.com/components/layout/footer.tsx
index ed7e994..02f1808 100644
--- a/ningowood.com/components/layout/footer.tsx
+++ b/ningowood.com/components/layout/footer.tsx
@@ -2,16 +2,43 @@ export default function Footer() {
return (
- A free template by{" "} + Currently powered by - Steven Tey + Precedent + + , + + Shadcn UI + + , + + Taxonomy + + and + + Preline UI
Precedent
+Ningowood
{session ? (
@@ -47,5 +47,5 @@ export default function NavBar({ session }: { session: Session | null }) {
- );
+ )
}
diff --git a/ningowood.com/components/layout/sign-in-modal.tsx b/ningowood.com/components/layout/sign-in-modal.tsx
index 17b5021..e97454b 100644
--- a/ningowood.com/components/layout/sign-in-modal.tsx
+++ b/ningowood.com/components/layout/sign-in-modal.tsx
@@ -1,23 +1,17 @@
-import Modal from "@/components/shared/modal";
-import { signIn } from "next-auth/react";
-import {
- useState,
- Dispatch,
- SetStateAction,
- useCallback,
- useMemo,
-} from "react";
-import { LoadingDots, Google } from "@/components/shared/icons";
-import Image from "next/image";
+import Modal from "@/components/shared/modal"
+import { signIn } from "next-auth/react"
+import { useState, Dispatch, SetStateAction, useCallback, useMemo } from "react"
+import { LoadingDots, Google } from "@/components/shared/icons"
+import Image from "next/image"
const SignInModal = ({
showSignInModal,
setShowSignInModal,
}: {
- showSignInModal: boolean;
- setShowSignInModal: Dispatch
@@ -58,5 +58,5 @@ export default function UserDropdown({ session }: { session: Session }) {
- );
+ )
}
diff --git a/ningowood.com/components/shared/counting-numbers.tsx b/ningowood.com/components/shared/counting-numbers.tsx
index bfd3a37..bf6e554 100644
--- a/ningowood.com/components/shared/counting-numbers.tsx
+++ b/ningowood.com/components/shared/counting-numbers.tsx
@@ -1,6 +1,6 @@
-"use client";
+"use client"
-import { useEffect, useState } from "react";
+import { useEffect, useState } from "react"
export default function CountingNumbers({
value,
@@ -8,33 +8,33 @@ export default function CountingNumbers({
start = 0,
duration = 800,
}: {
- value: number;
- className: string;
- start?: number;
- duration?: number;
+ value: number
+ className: string
+ start?: number
+ duration?: number
}) {
- const [count, setCount] = useState(start);
+ const [count, setCount] = useState(start)
useEffect(() => {
- let startTime: number | undefined;
+ let startTime: number | undefined
const animateCount = (timestamp: number) => {
- if (!startTime) startTime = timestamp;
- const timePassed = timestamp - startTime;
- const progress = timePassed / duration;
- const currentCount = easeOutQuad(progress, 0, value, 1);
+ if (!startTime) startTime = timestamp
+ const timePassed = timestamp - startTime
+ const progress = timePassed / duration
+ const currentCount = easeOutQuad(progress, 0, value, 1)
if (currentCount >= value) {
- setCount(value);
- return;
+ setCount(value)
+ return
}
- setCount(currentCount);
- requestAnimationFrame(animateCount);
- };
- requestAnimationFrame(animateCount);
- }, [value, duration]);
+ setCount(currentCount)
+ requestAnimationFrame(animateCount)
+ }
+ requestAnimationFrame(animateCount)
+ }, [value, duration])
- return {Intl.NumberFormat().format(count)}
; + return{Intl.NumberFormat().format(count)}
} const easeOutQuad = (t: number, b: number, c: number, d: number) => { - t = t > d ? d : t / d; - return Math.round(-c * t * (t - 2) + b); -}; + t = t > d ? d : t / d + return Math.round(-c * t * (t - 2) + b) +} diff --git a/ningowood.com/components/shared/icons/expanding-arrow.tsx b/ningowood.com/components/shared/icons/expanding-arrow.tsx index 819fd74..6f44c37 100644 --- a/ningowood.com/components/shared/icons/expanding-arrow.tsx +++ b/ningowood.com/components/shared/icons/expanding-arrow.tsx @@ -32,5 +32,5 @@ export default function ExpandingArrow({ className }: { className?: string }) { > - ); + ) } diff --git a/ningowood.com/components/shared/icons/github.tsx b/ningowood.com/components/shared/icons/github.tsx index ff13f39..c69d76c 100644 --- a/ningowood.com/components/shared/icons/github.tsx +++ b/ningowood.com/components/shared/icons/github.tsx @@ -10,5 +10,5 @@ export default function Github({ className }: { className?: string }) { >{children}
+
+ {children}
+
+
+
+))
+
+CommandInput.displayName = CommandPrimitive.Input.displayName
+
+const CommandList = React.forwardRef<
+ React.ElementRef
+ {children}
+
+
+
+))
+NavigationMenuViewport.displayName =
+ NavigationMenuPrimitive.Viewport.displayName
+
+const NavigationMenuIndicator = React.forwardRef<
+ React.ElementRef{children}
+
+
+
+))
+Table.displayName = "Table"
+
+const TableHeader = React.forwardRef<
+ HTMLTableSectionElement,
+ React.HTMLAttributes
+ {title && {title} }
+ {description && (
+ {description}
+ )}
+
+ {action}
+