add custom button

app/globals.css

@@ -73,4 +73,16 @@
   body {
     @apply bg-background text-foreground;
   }
+}
+
+.gradient-button-bg {
+  background: radial-gradient(circle at top, #a5b4fc, #3730a3); /* violet 300 -> 800 */
+}
+
+.gradient-button {
+  background: radial-gradient(circle at bottom, #312e81 0%, hsl(0 0% 3.9%) 100%); /* violet 900 -> bg */
+}
+
+.gradient-button-bg > div:hover {
+  background: radial-gradient(circle at bottom, #312e81 0%, hsl(0 0% 3.9%) 150%); /* violet 900 -> bg */
 }

app/page.tsx

@@ -1,15 +1,23 @@
 import Image from "next/image"
 import Logo from "@/assets/logo.svg"
 import XLogo from "@/assets/x.svg"
-import { Button } from "@/components/ui/button"
+import Button from "@/components/ui/customButton"
 import { ChevronRight } from "lucide-react"
 import Link from "next/link"
+import { currentUser } from "@clerk/nextjs"
+import { redirect } from "next/navigation"
+
+export default async function Home() {
+  const user = await currentUser()
+
+  if (user) {
+    redirect("/dashboard")
+  }
 
-export default function Home() {
   return (
     <div className="w-screen h-screen flex justify-center overflow-hidden overscroll-none">
       <div className="w-full max-w-screen-md px-8 flex flex-col items-center">
-        {/* <div className="w-full flex items-center justify-between py-8">
+        <div className="w-full flex items-center justify-between py-8">
           <div className="flex items-center font-medium">
             <Image
               src={Logo}
@@ -21,11 +29,11 @@ export default function Home() {
           </div>
           <div className="flex items-center space-x-4">
             <a href="https://www.x.com/ishaandey_" target="_blank">
-              <Image src={XLogo} alt="X Logo" width={20} height={20} />
+              <Image src={XLogo} alt="X Logo" width={18} height={18} />
             </a>
           </div>
-        </div> */}
-        <h1 className="text-2xl font-medium text-center mt-32">
+        </div>
+        <h1 className="text-2xl font-medium text-center mt-16">
           A Collaborative, AI-Powered, Auto-Scaling Code Editor
         </h1>
         <div className="text-muted-foreground mt-4 text-center ">