Merge pull request #86 from UoaWDCC/061_deiza-component

061 Deiza Component

next/app/test/deiza/mycomponent/page.tsx

@@ -0,0 +1,5 @@
+import DeizaComponent from "@/components/dev/DeizaComponent";
+
+export default function MyComponent() {
+  return <DeizaComponent />;
+}

next/app/test/nate/mycomponent/page.tsx

@@ -3,3 +3,6 @@ import NateComponent from "@/components/dev/NateComponent";
 export default function MyComponent() {
   return <NateComponent />;
 }
+
+
+

next/components/dev/DeizaComponent.tsx

@@ -0,0 +1,17 @@
+ export default function DeizaComponent() {
+  return (
+      <div className="bg-gradient-to-b from-pink-300 to-honeydew-300 p-10 rounded-lg shadow-lg text-center">
+      <h1 className="text-4xl font-mono font-bold text-white mb-4">Deiza's Component</h1>
+      <p className="text-lg text-white font-mono font-bold mb-4">Hello and Welcome :D This is my component!!</p>
+      {/* <button className="bg-green-200 hover:bg-cyan-500 text-white font-bold py-2 px-4 rounded transition-transform transform hover:scale-110">
+        Doesn't do much yet!
+      </button> */}
+      <button className="bg-green-200 hover:bg-cyan-500 text-white font-mono font-bold p-2.5 rounded transition-transform transform hover:scale-110">
+        Doesn't do much yet!
+      </button>
+    </div>
+  );
+}
+
+
+