new ui begin

components/LoginButton.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+interface ButtonProps {
+  onClick: () => void;
+  text: string;
+}
+
+const Button: React.FC<ButtonProps> = ({ onClick, text }) => {
+  return (
+    <button
+      className="m-0.5 bg-gradient-to-b from-purple-400 to-purple-950 py-3 px-8 text-black rounded-full text-lg font-extrabold flex items-center shadow-lg hover:shadow-xl active:shadow-md active:translate-y-0.5"
+      onClick={onClick}
+    >
+      <div className="mb-1">
+        {text}
+      </div>
+    </button>
+  );
+};
+
+export default Button;