23 lines
756 B
TypeScript
23 lines
756 B
TypeScript
|
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;
|