feat: new landing page

Author: imbhargav5

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';