This commit is contained in:
zahravaziri
2025-06-07 16:27:10 +03:30
parent 6728b99e33
commit 9dfbb3f031
10 changed files with 145 additions and 44 deletions
+28 -7
View File
@@ -1,17 +1,38 @@
import Button from '@/components/uikit/button';
import FormField from '@/components/uikit/inputs';
import { t } from '@/locales/translates';
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 className="mt-8 mb-10 text-5xl text-gray-800">
{t('com_contact_title') as string}{' '}
<span className="text-5xl font-bold">
{' '}
{t('com_contact_title_bold') as string}
</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" />
<div className="space-y-6">
<div className="flex flex-col gap-6 md:flex-row md:gap-8">
<FormField
type="text"
placeholder={t('com_contact_first_name') as string}
/>
<FormField
type="text"
placeholder={t('com_contact_last_name') as string}
/>
</div>
<FormField
type="email"
placeholder={t('com_contact_email') as string}
/>
<FormField type="tel" placeholder={t('com_contact_phone') as string} />
<FormField
type="textarea"
placeholder={t('com_contact_textarea') as string}
/>
<Button className="w-full">Submit Message</Button>
</div>