Update landing page

app/layout.tsx

@@ -50,12 +50,12 @@ export default function RootLayout({
 							<Link
 								isExternal
 								className='flex items-center gap-1 text-current'
-								href='https://nextui-docs-v2.vercel.app?utm_source=next-app-template'
+								href={siteConfig.links.github}
 								title='nextui.org homepage'>
 								<span className='text-default-600'>
-									Powered by
+									Made by
 								</span>
-								<p className='text-primary'>Linode</p>
+								<p className='text-primary'>TZGyn</p>
 							</Link>
 						</footer>
 					</div>

app/page.tsx

@@ -1,54 +1,77 @@
-import NextLink from "next/link";
+import NextLink from 'next/link'
-import { Link } from "@nextui-org/link";
+import { Link } from '@nextui-org/link'
-import { Snippet } from "@nextui-org/snippet";
+import { button as buttonStyles } from '@nextui-org/theme'
-import { Code } from "@nextui-org/code"
+import { siteConfig } from '@/config/site'
-import { button as buttonStyles } from "@nextui-org/theme";
+import { title, subtitle } from '@/components/primitives'
-import { siteConfig } from "@/config/site";
+import { GithubIcon } from '@/components/icons'
-import { title, subtitle } from "@/components/primitives";
+import { Card, CardHeader } from '@nextui-org/card'
-import { GithubIcon } from "@/components/icons";
+import { Image } from '@nextui-org/image'
 
 export default function Home() {
+	const demoCard = {
+		name: 'Dashboard',
+		url: 'https://next-dashboard.tzgyn.com',
+	}
+
 	return (
-		<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
+		<section className='flex flex-col items-center justify-center gap-4 py-8 md:py-10'>
-			<div className="inline-block max-w-lg text-center justify-center">
+			<div className='inline-block max-w-lg justify-center text-center'>
-				<h1 className={title()}>Make&nbsp;</h1>
+				<h1 className={title({ color: 'blue' })}>Beautiful&nbsp;</h1>
-				<h1 className={title({ color: "violet" })}>beautiful&nbsp;</h1>
+				<h1 className={title()}>Dashboard&nbsp;</h1>
 				<br />
-				<h1 className={title()}>
+				<h1 className={title()}>To Manage Your Bookmarks</h1>
-					websites regardless of your design experience.
+				<h2 className={subtitle({ class: 'mt-4' })}>
-				</h1>
+					Beautiful, fast and modern bookmark site.
-				<h2 className={subtitle({ class: "mt-4" })}>
-					Beautiful, fast and modern React UI library.
 				</h2>
 			</div>
 
-			<div className="flex gap-3">
+			<div className='my-4'>
+				<Card className='w-96 grow select-none'>
+					<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}
+						/>
 						<Link
 							isExternal
+							href={demoCard.url}
+							color='foreground'
+							className='flex grow flex-col items-start'>
+							<p className='text-md'>{demoCard.name}</p>
+							<p className='text-small text-default-500'>
+								{demoCard.url}
+							</p>
+						</Link>
+					</CardHeader>
+				</Card>
+			</div>
+
+			<div className='flex gap-3'>
+				<Link
 					as={NextLink}
-					href={siteConfig.links.docs}
+					href='/dashboard'
-					className={buttonStyles({ color: "primary", radius: "full", variant: "shadow" })}
+					className={buttonStyles({
-				>
+						color: 'primary',
-					Documentation
+						radius: 'full',
+						variant: 'shadow',
+					})}>
+					Dashboard
 				</Link>
 				<Link
 					isExternal
 					as={NextLink}
-					className={buttonStyles({ variant: "bordered", radius: "full" })}
+					className={buttonStyles({
-					href={siteConfig.links.github}
+						variant: 'bordered',
-				>
+						radius: 'full',
+					})}
+					href={siteConfig.links.github}>
 					<GithubIcon size={20} />
 					GitHub
 				</Link>
 			</div>
-
-			<div className="mt-8">
-				<Snippet hideSymbol hideCopyButton variant="flat">
-					<span>
-						Get started by editing <Code color="primary">app/page.tsx</Code>
-					</span>
-				</Snippet>
-			</div>
 		</section>
-	);
+	)
 }

config/site.ts

@@ -2,67 +2,22 @@ export type SiteConfig = typeof siteConfig
 
 export const siteConfig = {
 	name: 'Dashboard',
-	description:
+	description: 'Dashboard to manage your bookmarks',
-		'Make beautiful websites regardless of your design experience.',
 	navItems: [
 		{
 			label: 'Home',
 			href: '/',
 		},
-		// {
-		// 	label: 'Docs',
-		// 	href: '/docs',
-		// },
-		// {
-		// 	label: 'Pricing',
-		// 	href: '/pricing',
-		// },
-		// {
-		// 	label: 'Blog',
-		// 	href: '/blog',
-		// },
-		// {
-		// 	label: 'About',
-		// 	href: '/about',
-		// },
 		{
 			label: 'Dashboard',
 			href: '/dashboard',
 		},
 	],
 	navMenuItems: [
-		{
-			label: 'Profile',
-			href: '/profile',
-		},
 		{
 			label: 'Dashboard',
 			href: '/dashboard',
 		},
-		{
-			label: 'Projects',
-			href: '/projects',
-		},
-		{
-			label: 'Team',
-			href: '/team',
-		},
-		{
-			label: 'Calendar',
-			href: '/calendar',
-		},
-		{
-			label: 'Settings',
-			href: '/settings',
-		},
-		{
-			label: 'Help & Feedback',
-			href: '/help-feedback',
-		},
-		{
-			label: 'Logout',
-			href: '/logout',
-		},
 	],
 	links: {
 		github: 'https://github.com/TZGyn/',
@@ -71,4 +26,4 @@ export const siteConfig = {
 		discord: 'https://discord.gg/9b6yyZKmH4',
 		sponsor: 'https://patreon.com/jrgarciadev',
 	},
-}
+} as const