From 6bf1d46955b888b1048a8a243357307d3ffc029b Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Tue, 8 Aug 2023 17:16:41 +0800
Subject: [PATCH] Added dashboard route

---
 app/dashboard/layout.tsx |  11 ++
 app/dashboard/page.tsx   |  91 +++++++++++++++
 app/layout.tsx           |  63 +++++-----
 components/navbar.tsx    | 142 +++++++++++------------
 config/site.ts           |  91 ++++++++-------
 package.json             |  87 +++++++-------
 pnpm-lock.yaml           | 245 +++++++++++++++++++++++++++++++++++++++
 7 files changed, 541 insertions(+), 189 deletions(-)
 create mode 100644 app/dashboard/layout.tsx
 create mode 100644 app/dashboard/page.tsx

diff --git a/app/dashboard/layout.tsx b/app/dashboard/layout.tsx
new file mode 100644
index 0000000..daab168
--- /dev/null
+++ b/app/dashboard/layout.tsx
@@ -0,0 +1,11 @@
+export default function DashboardLayout({
+	children,
+}: {
+	children: React.ReactNode
+}) {
+	return (
+		<section className='flex flex-col items-center justify-center gap-4 py-8 md:py-10'>
+			{children}
+		</section>
+	)
+}
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
new file mode 100644
index 0000000..c098d52
--- /dev/null
+++ b/app/dashboard/page.tsx
@@ -0,0 +1,91 @@
+'use client'
+
+import { Card, CardHeader, CardBody, CardFooter } from '@nextui-org/card'
+import { Link } from '@nextui-org/link'
+import { Divider } from '@nextui-org/divider'
+import { Image } from '@nextui-org/image'
+
+const handleClick = (url: string) => {
+	console.log(url)
+	// open(url, '_blank')
+	getData()
+}
+
+const getData = async () => {
+	const res = await fetch('/api/bruh')
+
+	console.log(res)
+}
+
+export default function DashboardPage() {
+	const data = [
+		{
+			name: 'NextUI',
+			link: 'nextui.org',
+			description:
+				'Make beautiful websites regardless of your design experience.',
+			url: 'https://github.com/nextui-org/nextui',
+		},
+		{
+			name: 'NextUI',
+			link: 'nextui.org',
+			description:
+				'Make beautiful websites regardless of your design experience.',
+			url: 'https://github.com/nextui-org/nextui',
+		},
+		{
+			name: 'NextUI',
+			link: 'nextui.org',
+			description:
+				'Make beautiful websites regardless of your design experience.',
+			url: 'https://github.com/nextui-org/nextui',
+		},
+		{
+			name: 'NextUI',
+			link: 'nextui.org',
+			description:
+				'Make beautiful websites regardless of your design experience.',
+			url: 'https://github.com/nextui-org/nextui',
+		},
+	]
+	return (
+		<div className='mt-4 flex w-full max-w-4xl flex-row flex-wrap justify-center gap-6'>
+			{data.map((data, index) => (
+				<Card
+					className='max-w-[400px]'
+					key={index}
+					isPressable
+					onPress={() => handleClick(data.url)}>
+					<CardHeader className='flex gap-3'>
+						<Image
+							alt='nextui logo'
+							height={40}
+							radius='sm'
+							src='https://avatars.githubusercontent.com/u/86160567?s=200&v=4'
+							width={40}
+						/>
+						<div className='flex flex-col items-start'>
+							<p className='text-md'>{data.name}</p>
+							<p className='text-small text-default-500'>
+								{data.link}
+							</p>
+						</div>
+					</CardHeader>
+					<Divider />
+					<CardBody>
+						<p>{data.description}</p>
+					</CardBody>
+					<Divider />
+					<CardFooter>
+						<Link
+							isExternal
+							showAnchorIcon
+							href={data.url}>
+							{data.url}
+						</Link>
+					</CardFooter>
+				</Card>
+			))}
+		</div>
+	)
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 3ecf135..a3458e8 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,11 +1,11 @@
-import "@/styles/globals.css";
-import { Metadata } from "next";
-import { siteConfig } from "@/config/site";
-import { fontSans } from "@/config/fonts";
-import { Providers } from "./providers";
-import { Navbar } from "@/components/navbar";
-import { Link } from "@nextui-org/link";
-import clsx from "clsx";
+import '@/styles/globals.css'
+import { Metadata } from 'next'
+import { siteConfig } from '@/config/site'
+import { fontSans } from '@/config/fonts'
+import { Providers } from './providers'
+import { Navbar } from '@/components/navbar'
+import { Link } from '@nextui-org/link'
+import clsx from 'clsx'
 
 export const metadata: Metadata = {
 	title: {
@@ -14,50 +14,53 @@ export const metadata: Metadata = {
 	},
 	description: siteConfig.description,
 	themeColor: [
-		{ media: "(prefers-color-scheme: light)", color: "white" },
-		{ media: "(prefers-color-scheme: dark)", color: "black" },
+		{ media: '(prefers-color-scheme: light)', color: 'white' },
+		{ media: '(prefers-color-scheme: dark)', color: 'black' },
 	],
 	icons: {
-		icon: "/favicon.ico",
-		shortcut: "/favicon-16x16.png",
-		apple: "/apple-touch-icon.png",
+		icon: '/favicon.ico',
+		shortcut: '/favicon-16x16.png',
+		apple: '/apple-touch-icon.png',
 	},
-};
+}
 
 export default function RootLayout({
 	children,
 }: {
-	children: React.ReactNode;
+	children: React.ReactNode
 }) {
 	return (
-		<html lang="en" suppressHydrationWarning>
+		<html
+			lang='en'
+			suppressHydrationWarning>
 			<head />
 			<body
 				className={clsx(
-					"min-h-screen bg-background font-sans antialiased",
+					'min-h-screen bg-background font-sans antialiased',
 					fontSans.variable
-				)}
-			>
-				<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
-					<div className="relative flex flex-col h-screen">
+				)}>
+				<Providers
+					themeProps={{ attribute: 'class', defaultTheme: 'dark' }}>
+					<div className='relative flex h-screen flex-col'>
 						<Navbar />
-						<main className="container mx-auto max-w-7xl pt-16 px-6 flex-grow">
+						<main className='container mx-auto max-w-7xl flex-grow px-6 pt-16'>
 							{children}
 						</main>
-						<footer className="w-full flex items-center justify-center py-3">
+						<footer className='flex w-full items-center justify-center py-3'>
 							<Link
 								isExternal
-								className="flex items-center gap-1 text-current"
-								href="https://nextui-docs-v2.vercel.app?utm_source=next-app-template"
-								title="nextui.org homepage"
-							>
-								<span className="text-default-600">Powered by</span>
-								<p className="text-primary">NextUI</p>
+								className='flex items-center gap-1 text-current'
+								href='https://nextui-docs-v2.vercel.app?utm_source=next-app-template'
+								title='nextui.org homepage'>
+								<span className='text-default-600'>
+									Powered by
+								</span>
+								<p className='text-primary'>Linode</p>
 							</Link>
 						</footer>
 					</div>
 				</Providers>
 			</body>
 		</html>
-	);
+	)
 }
diff --git a/components/navbar.tsx b/components/navbar.tsx
index 6351949..50c4033 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -6,71 +6,73 @@ import {
 	NavbarBrand,
 	NavbarItem,
 	NavbarMenuItem,
-} from "@nextui-org/navbar";
-import { Button } from "@nextui-org/button";
-import { Kbd } from "@nextui-org/kbd";
-import { Link } from "@nextui-org/link";
-import { Input } from "@nextui-org/input";
+} from '@nextui-org/navbar'
+import { Kbd } from '@nextui-org/kbd'
+import { Link } from '@nextui-org/link'
+import { Input } from '@nextui-org/input'
 
-import { link as linkStyles } from "@nextui-org/theme";
+import { link as linkStyles } from '@nextui-org/theme'
 
-import { siteConfig } from "@/config/site";
-import NextLink from "next/link";
-import clsx from "clsx";
+import { siteConfig } from '@/config/site'
+import NextLink from 'next/link'
+import clsx from 'clsx'
 
-import { ThemeSwitch } from "@/components/theme-switch";
-import {
-	TwitterIcon,
-	GithubIcon,
-	DiscordIcon,
-	HeartFilledIcon,
-	SearchIcon,
-} from "@/components/icons";
+import { ThemeSwitch } from '@/components/theme-switch'
+import { GithubIcon, SearchIcon } from '@/components/icons'
 
-import { Logo } from "@/components/icons";
+import { Logo } from '@/components/icons'
 
 export const Navbar = () => {
 	const searchInput = (
 		<Input
-			aria-label="Search"
+			aria-label='Search'
 			classNames={{
-				inputWrapper: "bg-default-100",
-				input: "text-sm",
+				inputWrapper: 'bg-default-100',
+				input: 'text-sm',
 			}}
 			endContent={
-				<Kbd className="hidden lg:inline-block" keys={["command"]}>
+				<Kbd
+					className='hidden lg:inline-block'
+					keys={['command']}>
 					K
 				</Kbd>
 			}
-			labelPlacement="outside"
-			placeholder="Search..."
+			labelPlacement='outside'
+			placeholder='Search...'
 			startContent={
-				<SearchIcon className="text-base text-default-400 pointer-events-none flex-shrink-0" />
+				<SearchIcon className='pointer-events-none flex-shrink-0 text-base text-default-400' />
 			}
-			type="search"
+			type='search'
 		/>
-	);
+	)
 
 	return (
-		<NextUINavbar maxWidth="xl" position="sticky">
-			<NavbarContent className="basis-1/5 sm:basis-full" justify="start">
-				<NavbarBrand as="li" className="gap-3 max-w-fit">
-					<NextLink className="flex justify-start items-center gap-1" href="/">
+		<NextUINavbar
+			maxWidth='xl'
+			position='sticky'>
+			<NavbarContent
+				className='basis-1/5 sm:basis-full'
+				justify='start'>
+				<NavbarBrand
+					as='li'
+					className='max-w-fit gap-3'>
+					<NextLink
+						className='flex items-center justify-start gap-1'
+						href='/'>
 						<Logo />
-						<p className="font-bold text-inherit">ACME</p>
+						<p className='font-bold text-inherit'>Dashboard</p>
 					</NextLink>
 				</NavbarBrand>
-				<ul className="hidden lg:flex gap-4 justify-start ml-2">
+				<ul className='ml-2 hidden justify-start gap-4 lg:flex'>
 					{siteConfig.navItems.map((item) => (
 						<NavbarItem key={item.href}>
 							<NextLink
 								className={clsx(
-									linkStyles({ color: "foreground" }),
-									"data-[active=true]:text-primary data-[active=true]:font-medium"
+									linkStyles({ color: 'foreground' }),
+									'data-[active=true]:font-medium data-[active=true]:text-primary'
 								)}
-								color="foreground"
-								href={item.href}
-							>
+								color='foreground'
+								href={item.href}>
 								{item.label}
 							</NextLink>
 						</NavbarItem>
@@ -79,39 +81,27 @@ export const Navbar = () => {
 			</NavbarContent>
 
 			<NavbarContent
-				className="hidden sm:flex basis-1/5 sm:basis-full"
-				justify="end"
-			>
-				<NavbarItem className="hidden sm:flex gap-2">
-					<Link isExternal href={siteConfig.links.twitter} aria-label="Twitter">
-						<TwitterIcon className="text-default-500" />
-					</Link>
-					<Link isExternal href={siteConfig.links.discord} aria-label="Discord">
-						<DiscordIcon className="text-default-500" />
-					</Link>
-					<Link isExternal href={siteConfig.links.github} aria-label="Github">
-						<GithubIcon className="text-default-500" />
+				className='hidden basis-1/5 sm:flex sm:basis-full'
+				justify='end'>
+				<NavbarItem className='hidden gap-2 sm:flex'>
+					<Link
+						isExternal
+						href={siteConfig.links.github}
+						aria-label='Github'>
+						<GithubIcon className='text-default-500' />
 					</Link>
 					<ThemeSwitch />
 				</NavbarItem>
-				<NavbarItem className="hidden lg:flex">{searchInput}</NavbarItem>
-				<NavbarItem className="hidden md:flex">
-					<Button
-            isExternal
-						as={Link}
-						className="text-sm font-normal text-default-600 bg-default-100"
-						href={siteConfig.links.sponsor}
-						startContent={<HeartFilledIcon className="text-danger" />}
-						variant="flat"
-					>
-						Sponsor
-					</Button>
-				</NavbarItem>
 			</NavbarContent>
 
-			<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
-				<Link isExternal href={siteConfig.links.github} aria-label="Github">
-					<GithubIcon className="text-default-500" />
+			<NavbarContent
+				className='basis-1 pl-4 sm:hidden'
+				justify='end'>
+				<Link
+					isExternal
+					href={siteConfig.links.github}
+					aria-label='Github'>
+					<GithubIcon className='text-default-500' />
 				</Link>
 				<ThemeSwitch />
 				<NavbarMenuToggle />
@@ -119,20 +109,20 @@ export const Navbar = () => {
 
 			<NavbarMenu>
 				{searchInput}
-				<div className="mx-4 mt-2 flex flex-col gap-2">
+				<div className='mx-4 mt-2 flex flex-col gap-2'>
 					{siteConfig.navMenuItems.map((item, index) => (
 						<NavbarMenuItem key={`${item}-${index}`}>
 							<Link
 								color={
 									index === 2
-										? "primary"
-										: index === siteConfig.navMenuItems.length - 1
-										? "danger"
-										: "foreground"
+										? 'primary'
+										: index ===
+										  siteConfig.navMenuItems.length - 1
+										? 'danger'
+										: 'foreground'
 								}
-								href="#"
-								size="lg"
-							>
+								href='#'
+								size='lg'>
 								{item.label}
 							</Link>
 						</NavbarMenuItem>
@@ -140,5 +130,5 @@ export const Navbar = () => {
 				</div>
 			</NavbarMenu>
 		</NextUINavbar>
-	);
-};
+	)
+}
diff --git a/config/site.ts b/config/site.ts
index bc051fe..9685735 100644
--- a/config/site.ts
+++ b/config/site.ts
@@ -1,69 +1,74 @@
-export type SiteConfig = typeof siteConfig;
+export type SiteConfig = typeof siteConfig
 
 export const siteConfig = {
-	name: "Next.js + NextUI",
-	description: "Make beautiful websites regardless of your design experience.",
+	name: 'Next.js + NextUI',
+	description:
+		'Make beautiful websites regardless of your design experience.',
 	navItems: [
 		{
-			label: "Home",
-			href: "/",
+			label: 'Home',
+			href: '/',
+		},
+		// {
+		// 	label: 'Docs',
+		// 	href: '/docs',
+		// },
+		// {
+		// 	label: 'Pricing',
+		// 	href: '/pricing',
+		// },
+		// {
+		// 	label: 'Blog',
+		// 	href: '/blog',
+		// },
+		// {
+		// 	label: 'About',
+		// 	href: '/about',
+		// },
+		{
+			label: 'Dashboard',
+			href: '/dashboard',
 		},
-    {
-      label: "Docs",
-      href: "/docs",
-    },
-    {
-      label: "Pricing",
-      href: "/pricing",
-    },
-    {
-      label: "Blog",
-      href: "/blog",
-    },
-    {
-      label: "About",
-      href: "/about",
-    }
 	],
 	navMenuItems: [
 		{
-			label: "Profile",
-			href: "/profile",
+			label: 'Profile',
+			href: '/profile',
 		},
 		{
-			label: "Dashboard",
-			href: "/dashboard",
+			label: 'Dashboard',
+			href: '/dashboard',
 		},
 		{
-			label: "Projects",
-			href: "/projects",
+			label: 'Projects',
+			href: '/projects',
 		},
 		{
-			label: "Team",
-			href: "/team",
+			label: 'Team',
+			href: '/team',
 		},
 		{
-			label: "Calendar",
-			href: "/calendar",
+			label: 'Calendar',
+			href: '/calendar',
 		},
 		{
-			label: "Settings",
-			href: "/settings",
+			label: 'Settings',
+			href: '/settings',
 		},
 		{
-			label: "Help & Feedback",
-			href: "/help-feedback",
+			label: 'Help & Feedback',
+			href: '/help-feedback',
 		},
 		{
-			label: "Logout",
-			href: "/logout",
+			label: 'Logout',
+			href: '/logout',
 		},
 	],
 	links: {
-		github: "https://github.com/nextui-org/nextui",
-		twitter: "https://twitter.com/getnextui",
-		docs: "https://nextui-docs-v2.vercel.app",
-		discord: "https://discord.gg/9b6yyZKmH4",
-    sponsor: "https://patreon.com/jrgarciadev"
+		github: 'https://github.com/TZGyn/',
+		twitter: 'https://twitter.com/getnextui',
+		docs: 'https://nextui-docs-v2.vercel.app',
+		discord: 'https://discord.gg/9b6yyZKmH4',
+		sponsor: 'https://patreon.com/jrgarciadev',
 	},
-};
+}
diff --git a/package.json b/package.json
index d9fd81e..70cb82f 100644
--- a/package.json
+++ b/package.json
@@ -1,42 +1,49 @@
 {
-  "name": "next-app-template",
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@nextui-org/button": "2.0.0",
-    "@nextui-org/code": "2.0.0",
-    "@nextui-org/input": "2.0.0",
-    "@nextui-org/kbd": "2.0.0",
-    "@nextui-org/link": "2.0.0",
-    "@nextui-org/navbar": "2.0.0",
-    "@nextui-org/snippet": "2.0.0",
-    "@nextui-org/switch": "2.0.0",
-    "@nextui-org/system": "2.0.0",
-    "@nextui-org/theme": "2.0.0",
-    "@react-aria/visually-hidden": "^3.8.1",
-    "@react-aria/ssr": "^3.6.0",
-    "@types/node": "20.2.5",
-    "@types/react": "18.2.8",
-    "@types/react-dom": "18.2.4",
-    "autoprefixer": "10.4.14",
-    "clsx": "^1.2.1",
-    "eslint": "8.41.0",
-    "eslint-config-next": "13.4.4",
-    "framer-motion": "^10.12.16",
-    "intl-messageformat": "^10.1.0",
-    "next": "13.4.9",
-    "next-themes": "^0.2.1",
-    "postcss": "8.4.24",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "tailwind-variants": "^0.1.13",
-    "tailwindcss": "3.3.2",
-    "typescript": "5.0.4"
-  }
+	"name": "next-app-template",
+	"version": "0.0.1",
+	"private": true,
+	"scripts": {
+		"dev": "next dev",
+		"build": "next build",
+		"start": "next start",
+		"lint": "next lint"
+	},
+	"dependencies": {
+		"@nextui-org/button": "2.0.0",
+		"@nextui-org/card": "^2.0.4",
+		"@nextui-org/code": "2.0.0",
+		"@nextui-org/divider": "^2.0.4",
+		"@nextui-org/image": "^2.0.4",
+		"@nextui-org/input": "2.0.0",
+		"@nextui-org/kbd": "2.0.0",
+		"@nextui-org/link": "2.0.0",
+		"@nextui-org/navbar": "2.0.0",
+		"@nextui-org/snippet": "2.0.0",
+		"@nextui-org/switch": "2.0.0",
+		"@nextui-org/system": "2.0.0",
+		"@nextui-org/theme": "2.0.0",
+		"@react-aria/ssr": "^3.6.0",
+		"@react-aria/visually-hidden": "^3.8.1",
+		"@types/node": "20.2.5",
+		"@types/react": "18.2.8",
+		"@types/react-dom": "18.2.4",
+		"autoprefixer": "10.4.14",
+		"clsx": "^1.2.1",
+		"eslint": "8.41.0",
+		"eslint-config-next": "13.4.4",
+		"framer-motion": "^10.12.16",
+		"intl-messageformat": "^10.1.0",
+		"next": "13.4.9",
+		"next-themes": "^0.2.1",
+		"postcss": "8.4.24",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
+		"tailwind-variants": "^0.1.13",
+		"tailwindcss": "3.3.2",
+		"typescript": "5.0.4"
+	},
+	"devDependencies": {
+		"prettier": "^3.0.1",
+		"prettier-plugin-tailwindcss": "^0.4.1"
+	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9622c7f..b583ba6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,9 +8,18 @@ dependencies:
   '@nextui-org/button':
     specifier: 2.0.0
     version: 2.0.0(framer-motion@10.12.16)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
+  '@nextui-org/card':
+    specifier: ^2.0.4
+    version: 2.0.4(framer-motion@10.12.16)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
   '@nextui-org/code':
     specifier: 2.0.0
     version: 2.0.0(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
+  '@nextui-org/divider':
+    specifier: ^2.0.4
+    version: 2.0.4(react@18.2.0)(tailwindcss@3.3.2)
+  '@nextui-org/image':
+    specifier: ^2.0.4
+    version: 2.0.4(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
   '@nextui-org/input':
     specifier: 2.0.0
     version: 2.0.0(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
@@ -93,6 +102,14 @@ dependencies:
     specifier: 5.0.4
     version: 5.0.4
 
+devDependencies:
+  prettier:
+    specifier: ^3.0.1
+    version: 3.0.1
+  prettier-plugin-tailwindcss:
+    specifier: ^0.4.1
+    version: 0.4.1(prettier@3.0.1)
+
 packages:
 
   /@aashutoshrathi/word-wrap@1.2.6:
@@ -408,6 +425,29 @@ packages:
       - tailwindcss
     dev: false
 
+  /@nextui-org/card@2.0.4(framer-motion@10.12.16)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
+    resolution: {integrity: sha512-gEJVqmVAtxGerNL6G+PX6Z8VnofOmAq2pnY+5SggVzJA0BD4Q+qbqtodk18RLsSiwWmQzShPe0E4H3o6ivna3A==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@nextui-org/react-utils': 2.0.2(react@18.2.0)
+      '@nextui-org/ripple': 2.0.4(framer-motion@10.12.16)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
+      '@nextui-org/shared-utils': 2.0.2(react@18.2.0)
+      '@nextui-org/system': 2.0.3(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
+      '@nextui-org/theme': 2.0.4(tailwindcss@3.3.2)
+      '@nextui-org/use-aria-button': 2.0.2(react@18.2.0)
+      '@react-aria/button': 3.8.0(react@18.2.0)
+      '@react-aria/focus': 3.13.0(react@18.2.0)
+      '@react-aria/interactions': 3.16.0(react@18.2.0)
+      '@react-aria/utils': 3.18.0(react@18.2.0)
+      '@react-types/shared': 3.18.1(react@18.2.0)
+      react: 18.2.0
+    transitivePeerDependencies:
+      - framer-motion
+      - react-dom
+      - tailwindcss
+    dev: false
+
   /@nextui-org/code@2.0.0(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
     resolution: {integrity: sha512-UOkOa+zsBPYMdBPtADJ5Iryc7q0DCD4jFr72fllKoweNtXaYYbymcQP8bZY37BKxIIIrh7k1p1k5oxoVfjN2ag==}
     peerDependencies:
@@ -423,6 +463,21 @@ packages:
       - tailwindcss
     dev: false
 
+  /@nextui-org/divider@2.0.4(react@18.2.0)(tailwindcss@3.3.2):
+    resolution: {integrity: sha512-nXvgd+a2/5n+mlax4DsnyaKW/qAE291zqA3iUo11/1Kw1uWgnzp/8RElA/tE2AY2fzue4A+jJUOGk+ExMe2X1A==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@nextui-org/react-rsc-utils': 2.0.2
+      '@nextui-org/shared-utils': 2.0.2(react@18.2.0)
+      '@nextui-org/system-rsc': 2.0.3(react@18.2.0)(tailwindcss@3.3.2)
+      '@nextui-org/theme': 2.0.4(tailwindcss@3.3.2)
+      '@react-types/shared': 3.18.1(react@18.2.0)
+      react: 18.2.0
+    transitivePeerDependencies:
+      - tailwindcss
+    dev: false
+
   /@nextui-org/framer-transitions@2.0.0(framer-motion@10.12.16)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
     resolution: {integrity: sha512-CFgKb1M56mfe1Tq3933cq/pkNFEI3p7KkeN3Dan6Qa0B2ArPplXzLXpZMtp/xc1XaHML4VGuQ0Y2ek8DvevTjA==}
     peerDependencies:
@@ -438,6 +493,22 @@ packages:
       - tailwindcss
     dev: false
 
+  /@nextui-org/image@2.0.4(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
+    resolution: {integrity: sha512-ZENLtoNLBIRE7aLYThWP0wmTg7GucRaoaLAUY6HxTaGhApZhoT2MBarRGKP3JeyNI8CkuunNTGB9qqgy55lNaw==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@nextui-org/react-utils': 2.0.2(react@18.2.0)
+      '@nextui-org/shared-utils': 2.0.2(react@18.2.0)
+      '@nextui-org/system': 2.0.3(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
+      '@nextui-org/theme': 2.0.4(tailwindcss@3.3.2)
+      '@nextui-org/use-image': 2.0.2(react@18.2.0)
+      react: 18.2.0
+    transitivePeerDependencies:
+      - react-dom
+      - tailwindcss
+    dev: false
+
   /@nextui-org/input@2.0.0(@types/react@18.2.8)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
     resolution: {integrity: sha512-YemYi5JutY993VAi+ose74d0ATp7YTbHk3H7MHwR+6Ii3WsvwJ1JVk1+BBfhQTaBr5rJJPov8mocLL7c4Uqn3w==}
     peerDependencies:
@@ -527,6 +598,10 @@ packages:
       - tailwindcss
     dev: false
 
+  /@nextui-org/react-rsc-utils@2.0.2:
+    resolution: {integrity: sha512-cg/qrqXjr8inifW7qdhV90dWEVzbrgkg+2yajpVKRKWdg7LqwGendisA1j/UU6fuClXM91vC9sfUGrgSKXcc4Q==}
+    dev: false
+
   /@nextui-org/react-utils@2.0.0(react@18.2.0):
     resolution: {integrity: sha512-CFAsbxv1Dw9Hp6x6wvUuhgyqP4w4cFgMva5YhLaWE/5gH9c1PpHRMtTvxouA523r1iRDRuImyNJeSinvvTZPkw==}
     peerDependencies:
@@ -537,6 +612,16 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@nextui-org/react-utils@2.0.2(react@18.2.0):
+    resolution: {integrity: sha512-rAw5glvJZ3xbAITPkrFk68EOb5lwPFDGZBv8aOpmHt/5VCLVcCjwI6m9mMKOIIJ/iwS2NfLi744djlxRkt2COg==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@nextui-org/react-rsc-utils': 2.0.2
+      '@nextui-org/shared-utils': 2.0.2(react@18.2.0)
+      react: 18.2.0
+    dev: false
+
   /@nextui-org/ripple@2.0.0(framer-motion@10.12.16)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
     resolution: {integrity: sha512-9pHZwwRVkMVU8SjNBwhEpwX5Lwb2HXx53N4O0bVy63/yA6L+jt50ZBuL8k0F42Sx2ApdkIi6o8Y10yBqowthsg==}
     peerDependencies:
@@ -554,6 +639,23 @@ packages:
       - tailwindcss
     dev: false
 
+  /@nextui-org/ripple@2.0.4(framer-motion@10.12.16)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
+    resolution: {integrity: sha512-YHq0EUviZ+4jCbrpP6+UqTug+nlWkDAj7eVK/JhkpEGzMQvGwkh9W6+VUl/ezj73wDhpY3KlII69SDEGqaxaMQ==}
+    peerDependencies:
+      framer-motion: '>=4.0.0'
+      react: '>=18'
+    dependencies:
+      '@nextui-org/react-utils': 2.0.2(react@18.2.0)
+      '@nextui-org/shared-utils': 2.0.2(react@18.2.0)
+      '@nextui-org/system': 2.0.3(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2)
+      '@nextui-org/theme': 2.0.4(tailwindcss@3.3.2)
+      framer-motion: 10.12.16(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+    transitivePeerDependencies:
+      - react-dom
+      - tailwindcss
+    dev: false
+
   /@nextui-org/shared-icons@2.0.0(react@18.2.0):
     resolution: {integrity: sha512-0yc8ZO0Jx3xwqtQm1PMYzJD92ia5jOxkbmij8/+6/DeFbLj+jXcr23zTSHJvi2LIhzhGzF5E8PRbWBOoCzZ9aw==}
     peerDependencies:
@@ -570,6 +672,14 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@nextui-org/shared-utils@2.0.2(react@18.2.0):
+    resolution: {integrity: sha512-tqWVoJtxYbd/hd/laHE85GaXP+b3HeE1tXYjnObbwM+JIh4uu2/Do7Av7mzzyXwS7sZvyHxhi3zW12oank2ykA==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /@nextui-org/snippet@2.0.0(framer-motion@10.12.16)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
     resolution: {integrity: sha512-PZiT8bFv5u3rSfZaC3UMFAZerAe+Xba6IETwk3ZqHCEe7CKlQjpxgu0gmXHfcjKOFI3YOKW50TDBWcGE6zyynQ==}
     peerDependencies:
@@ -630,6 +740,18 @@ packages:
       - tailwindcss
     dev: false
 
+  /@nextui-org/system-rsc@2.0.3(react@18.2.0)(tailwindcss@3.3.2):
+    resolution: {integrity: sha512-CfWl1JkHPtgSvq/Szz4oWQAg7b6L7wxxHEFzKcvNdhbX61IfE5PvnQMl5z8T9UTSIIwFv4P0ntP5kpKE895w2w==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      clsx: 1.2.1
+      react: 18.2.0
+      tailwind-variants: 0.1.13(tailwindcss@3.3.2)
+    transitivePeerDependencies:
+      - tailwindcss
+    dev: false
+
   /@nextui-org/system@2.0.0(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
     resolution: {integrity: sha512-JwlAR7qHa4ZGmW+JI12xC1oVuEa9xEgts14TJ27gi6liisrmsb95vkm0PFsy1Kn497LvcBVoDmGl/A8WuCKNdQ==}
     peerDependencies:
@@ -646,6 +768,20 @@ packages:
       - tailwindcss
     dev: false
 
+  /@nextui-org/system@2.0.3(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
+    resolution: {integrity: sha512-Q6Rf4OM5zm5sYQ4dU1UDzqFIvcTb3GxmikxUb+3Lxxy1h+FLDMozzRVn5G5Ir0+w3vjINrD0FvH8SnAXt1x0HA==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@nextui-org/system-rsc': 2.0.3(react@18.2.0)(tailwindcss@3.3.2)
+      '@react-aria/i18n': 3.8.0(react@18.2.0)
+      '@react-aria/overlays': 3.15.0(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+    transitivePeerDependencies:
+      - react-dom
+      - tailwindcss
+    dev: false
+
   /@nextui-org/theme@2.0.0(tailwindcss@3.3.2):
     resolution: {integrity: sha512-Pe19Ts3xg9uOv/Azv1s6aUIQT16Fhc6ox//25zFCctQv5AwpW56gmt09wcQTCUXG+0niIvh2ODFZzKlN3v6cmQ==}
     peerDependencies:
@@ -664,6 +800,24 @@ packages:
       tailwindcss: 3.3.2
     dev: false
 
+  /@nextui-org/theme@2.0.4(tailwindcss@3.3.2):
+    resolution: {integrity: sha512-hTOMnvb58FnlRG27S6w7ruIdflZs0D9gVaUOxf9ct8YPHr4ZEzgURi6z5ir9V9ZOP/r3Yi6PqqROzJ708TIvgg==}
+    peerDependencies:
+      tailwindcss: '*'
+    dependencies:
+      color: 4.2.3
+      color2k: 2.0.2
+      deepmerge: 4.3.1
+      flat: 5.0.2
+      lodash.foreach: 4.5.0
+      lodash.get: 4.4.2
+      lodash.kebabcase: 4.1.1
+      lodash.mapkeys: 4.6.0
+      lodash.omit: 4.5.0
+      tailwind-variants: 0.1.13(tailwindcss@3.3.2)
+      tailwindcss: 3.3.2
+    dev: false
+
   /@nextui-org/tooltip@2.0.0(framer-motion@10.12.16)(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.3.2):
     resolution: {integrity: sha512-uY+NbZaWLevKAWZSpPPG3JXApMEXemZZmQnkPmKWLHBTxO3TNIcYDIePfQiSQs4AxbWpeJaSgv0BCykatTQSwg==}
     peerDependencies:
@@ -703,6 +857,19 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@nextui-org/use-aria-button@2.0.2(react@18.2.0):
+    resolution: {integrity: sha512-rTqdrFLPJD6AbbymdnFenJREdc4JRN/hXog1cwicJscqR3FE3TIJGXDoAdj/v3K6cwKzaXGEbtHp62P+MU6dCQ==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@react-aria/focus': 3.13.0(react@18.2.0)
+      '@react-aria/interactions': 3.16.0(react@18.2.0)
+      '@react-aria/utils': 3.18.0(react@18.2.0)
+      '@react-types/button': 3.7.3(react@18.2.0)
+      '@react-types/shared': 3.18.1(react@18.2.0)
+      react: 18.2.0
+    dev: false
+
   /@nextui-org/use-aria-toggle-button@2.0.0(react@18.2.0):
     resolution: {integrity: sha512-OcqIP378ZOxGO73hRDjJh2hnJy0poof6VzVvFHlw2EhQUIqIjBc9jvDuOXiuiEGzRChxUPDCApJf9HZPbPdzuA==}
     peerDependencies:
@@ -724,6 +891,23 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@nextui-org/use-image@2.0.2(react@18.2.0):
+    resolution: {integrity: sha512-geCUHp2P/2und98/Ka12dyrw78D9F2qG1a8WN/iB0BQWwaEm8km8YH13zlV0GOFHCwlA5gsXqrUvzxPjfZytZQ==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      '@nextui-org/use-safe-layout-effect': 2.0.2(react@18.2.0)
+      react: 18.2.0
+    dev: false
+
+  /@nextui-org/use-safe-layout-effect@2.0.2(react@18.2.0):
+    resolution: {integrity: sha512-HsFP2e+o2eSiQyAXdiicPBj6qj1naHuiNqqeTPqeJBsr0aUZI8l+7vZ5OXjLc8Qou4AOyNyJBBGFNhwsraxdpw==}
+    peerDependencies:
+      react: '>=18'
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /@nextui-org/use-scroll-position@2.0.0(react@18.2.0):
     resolution: {integrity: sha512-TWe1jTV7mxdWbbmrKs/h+K7DnHTVhLHcDW9OlKm55S4iEIdvPaGAECv1ks1ThycX1dXmMxWMIsbWJIT542o83A==}
     peerDependencies:
@@ -3138,6 +3322,67 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: false
 
+  /prettier-plugin-tailwindcss@0.4.1(prettier@3.0.1):
+    resolution: {integrity: sha512-hwn2EiJmv8M+AW4YDkbjJ6HlZCTzLyz1QlySn9sMuKV/Px0fjwldlB7tol8GzdgqtkdPtzT3iJ4UzdnYXP25Ag==}
+    engines: {node: '>=12.17.0'}
+    peerDependencies:
+      '@ianvs/prettier-plugin-sort-imports': '*'
+      '@prettier/plugin-pug': '*'
+      '@shopify/prettier-plugin-liquid': '*'
+      '@shufo/prettier-plugin-blade': '*'
+      '@trivago/prettier-plugin-sort-imports': '*'
+      prettier: ^2.2 || ^3.0
+      prettier-plugin-astro: '*'
+      prettier-plugin-css-order: '*'
+      prettier-plugin-import-sort: '*'
+      prettier-plugin-jsdoc: '*'
+      prettier-plugin-marko: '*'
+      prettier-plugin-organize-attributes: '*'
+      prettier-plugin-organize-imports: '*'
+      prettier-plugin-style-order: '*'
+      prettier-plugin-svelte: '*'
+      prettier-plugin-twig-melody: '*'
+    peerDependenciesMeta:
+      '@ianvs/prettier-plugin-sort-imports':
+        optional: true
+      '@prettier/plugin-pug':
+        optional: true
+      '@shopify/prettier-plugin-liquid':
+        optional: true
+      '@shufo/prettier-plugin-blade':
+        optional: true
+      '@trivago/prettier-plugin-sort-imports':
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+      prettier-plugin-css-order:
+        optional: true
+      prettier-plugin-import-sort:
+        optional: true
+      prettier-plugin-jsdoc:
+        optional: true
+      prettier-plugin-marko:
+        optional: true
+      prettier-plugin-organize-attributes:
+        optional: true
+      prettier-plugin-organize-imports:
+        optional: true
+      prettier-plugin-style-order:
+        optional: true
+      prettier-plugin-svelte:
+        optional: true
+      prettier-plugin-twig-melody:
+        optional: true
+    dependencies:
+      prettier: 3.0.1
+    dev: true
+
+  /prettier@3.0.1:
+    resolution: {integrity: sha512-fcOWSnnpCrovBsmFZIGIy9UqK2FaI7Hqax+DIO0A9UxeVoY4iweyaFjS5TavZN97Hfehph0nhsZnjlVKzEQSrQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
   /prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
     dependencies: