Finished styling the Contact component

2025-06-05 17:00:07 +03:30
parent d44aa203e0
commit 7065279807
11 changed files with 296 additions and 118 deletions
@@ -0,0 +1,22 @@
+import Button from '@/components/uikit/button';
+import FormField from '@/components/uikit/inputs';
+
+const ContactForm = () => {
+  return (
+    <div className="w-full rounded-4xl bg-white p-4 md:w-1/2">
+      <h2 className="mb-6 text-5xl text-gray-800">
+        Contact <span className="text-5xl max-md:font-bold"> me</span>
+      </h2>
+      <div className="space-y-4">
+        <FormField type="text" placeholder="Enter your name" />
+        <FormField type="email" placeholder="Enter your email" />
+        <FormField type="tel" placeholder="Enter your phone" />
+        <FormField type="textarea" placeholder="Write your message" />
+
+        <Button className="w-full">Submit Message</Button>
+      </div>
+    </div>
+  );
+};
+
+export default ContactForm;