feat: new landing page

src/app/(dynamic-pages)/(main-pages)/(logged-in-pages)/dashboard/ClientPage.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { Button } from '@/components/ui/button';
+import { T } from '@/components/ui/Typography';
+import { Button } from '@/components/ui/Button';
 import { insertPrivateItemAction } from '@/data/user/privateItems';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useRouter } from 'next/navigation';
@@ -34,7 +35,7 @@ export const ClientPage = () => {
   const [description, setDescription] = useState('');
   return (
     <form
-      className="flex flex-col space-y-4"
+      className="flex flex-col space-y-4 pt-8"
       onSubmit={(event) => {
         event.preventDefault();
         const formData = new FormData(event.target as HTMLFormElement);
@@ -45,13 +46,11 @@ export const ClientPage = () => {
       }}
     >
       <div>
-        <h1 className="mt-1 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl lg:text-5xl">
-          Create Private Item
-        </h1>
-        <p>
+        <T.H1>Create Private Item</T.H1>
+        <T.Subtle>
           This item will be private and only you logged in will be able to
           create it.
-        </p>
+        </T.Subtle>
       </div>
       <div className="space-y-2">
         <label

src/app/(dynamic-pages)/(main-pages)/(logged-in-pages)/private-item/[privateItemId]/ConfirmDeleteItemDialog.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui/Button';
 import {
   Dialog,
   DialogContent,

src/app/(dynamic-pages)/(main-pages)/(logged-in-pages)/private-item/[privateItemId]/page.tsx

@@ -11,7 +11,7 @@ async function PrivateItem({ privateItemId }: { privateItemId: string }) {
     <div className="space-y-2">
       <div className="space-y-4">
         <Link
-          href="/"
+          href="/dashboard"
           className="text-sm text-blue-600 text-underline flex items-center space-x-2"
         >
           <ArrowLeft /> <span>Back to dashboard</span>

src/app/(dynamic-pages)/(main-pages)/ItemsList.tsx

@@ -1,4 +1,4 @@
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui/Button';
 import { Table } from '@/types';
 import Link from 'next/link';
 

src/app/(dynamic-pages)/(main-pages)/PrivateItemsList.tsx

@@ -1,4 +1,4 @@
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui/Button';
 import { Table } from '@/types';
 import Link from 'next/link';
 

src/app/(dynamic-pages)/(main-pages)/item/[itemId]/ConfirmDeleteItemDialog.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui/Button';
 import {
   Dialog,
   DialogContent,

src/app/(dynamic-pages)/(main-pages)/new/ClientPage.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui/Button';
 import { insertItemAction } from '@/data/anon/items';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useRouter } from 'next/navigation';

src/app/ClientLayout.tsx

@@ -7,8 +7,12 @@ const queryClient = new QueryClient();
 export const ClientLayout = ({ children }: { children: React.ReactNode }) => {
   return (
     <main className="flex-1">
-      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-      <Toaster />
+      <div className="container">
+        <QueryClientProvider client={queryClient}>
+          {children}
+        </QueryClientProvider>
+        <Toaster />
+      </div>
     </main>
   );
 };

src/components/Auth/Email.tsx

@@ -1,7 +1,7 @@
 import { classNames } from '@/utils/classNames';
 import { useMemo } from 'react';
 import { useState } from 'react';
-import { Button } from '../ui/button';
+import { Button } from '../ui/Button';
 import { Label } from '@/components/ui/label';
 import { T } from '@/components/ui/Typography';
 import Link from 'next/link';

src/components/Auth/EmailAndPassword.tsx

@@ -1,6 +1,6 @@
 import { classNames } from '@/utils/classNames';
 import { useState } from 'react';
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui/Button';
 import { Label } from '@/components/ui/label';
 import Link from 'next/link';
 

src/components/Auth/RenderProviders.tsx

@@ -6,7 +6,7 @@ import {
   HoverCardTrigger,
 } from '@/components/ui/HoverCard';
 import { T } from '@/components/ui/Typography';
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui/Button';
 
 function capitalize(word: string) {
   const lower = word.toLowerCase();

src/components/tailwind/ThemeToggle.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { useTheme } from 'next-themes';
 
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui/Button';
 import {
   DropdownMenu,
   DropdownMenuContent,

src/constants.ts

@@ -1,2 +1,2 @@
-export const DEV_PORT = 4000;
+export const DEV_PORT = 3000;
 export const PRODUCT_NAME = 'NextBase Open-Source Starter';

yarn.lock

@@ -6352,6 +6352,11 @@ next-sitemap@^3.1.52:
     "@corex/deepmerge" "^4.0.29"
     minimist "^1.2.7"
 
+next-themes@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/next-themes/-/next-themes-0.2.1.tgz#0c9f128e847979daf6c67f70b38e6b6567856e45"
+  integrity sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==
+
 next-tick@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"