clerk auth done

Author: Programming-Communities

app/(auth)/sign-in/[[...sign-in]]/page.jsx

@@ -1,5 +1,7 @@
 import { SignIn } from '@clerk/nextjs'
 
 export default function Page() {
-  return <SignIn />
+  return <div className='flex items-center justify-center h-screen'>
+    <SignIn />
+  </div>
 }

app/page.js

@@ -2,6 +2,7 @@ import { metadata } from './seo/metadata'; // Import metadata from seo folder
 import Head from 'next/head';
 import { Button } from "@/components/ui/button"; // Import your Button component
 import Image from "next/image"; // Import Image for usage if needed
+import { UserButton } from '@clerk/nextjs';
 
 export default function Home() {
   return (
@@ -25,6 +26,7 @@ export default function Home() {
       <div>
         <h1>Programming Communities</h1>
         <Button>Subcribe</Button>
+        <UserButton />
         {/* Add any images or additional content here */}
       </div>
     </>