[#37] Login & Register Page UI

https://project.mdnd-it.cc/work_packages/37
2025-05-16 20:08:24 +00:00
parent a231fa4b5e
commit f089d314ca
18 changed files with 561 additions and 21 deletions
@@ -0,0 +1,15 @@
+import { motion } from "framer-motion";
+
+export default function Button({ text, type, onClick }) {
+  return (
+    <motion.button
+      whileHover={{ scale: 1.05 }}
+      whileTap={{ scale: 0.95 }}
+      type={type}
+      onClick={onClick}
+      className="w-full bg-button-primary text-white py-3 rounded-lg hover:bg-button-hover transition shadow-md font-semibold text-lg"
+    >
+      {text}
+    </motion.button>
+  );
+}
@@ -0,0 +1,11 @@
+export default function InputBox({ type, placeholder }) {
+    return (
+      <div className="mb-6 relative">
+        <input
+          type={type}
+          className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:border-background focus:outline-none text-gray-700 placeholder-gray-400 bg-gray-50"
+          placeholder={placeholder}
+        />
+      </div>
+    );
+  }