ahasani/pasargad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

404 page

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/contact/ContactMeForm.tsx
+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>
src/components/pages/contact/TouchUs.tsx
+22 -11
View File
@@ -1,26 +1,33 @@
import { Icon } from '@/components/uikit/icons';
import { t } from '@/locales/translates';
const TouchUs = () => {
return (
<div className="w-full p-8 md:w-1/2">
<h1 className="mb-4 text-3xl font-light text-gray-800 md:text-5xl">
Get in touch{' '}
<div className="mb-3.5 flex items-center gap-0.5 text-base">
{' '}
<Icon name="setting" className="text-primary h-4 w-4" />
<p>{t('pages_contact_title') as string}</p>
</div>
<h1 className="mb-5 text-3xl font-light text-gray-800 md:text-5xl">
{t('com_contact_touch_title') as string}{' '}
<span className="text-3xl font-light md:text-5xl md:font-bold">
with us
{t('com_contact_touch_title_bold') as string}
</span>
</h1>
<p className="mb-6 text-base font-normal text-gray-600">
Reach out for any inquiries, support, or feedback—we’d love to hear from
you!
<p className="mb-10 text-base font-normal text-gray-600">
{t('com_contact_touch_description') as string}
</p>
<div className="flex flex-col justify-between space-y-4">
<div className="flex flex-col justify-between gap-10">
<div className="flex items-center">
<div className="mr-4 flex h-10 w-10 items-center justify-center rounded-full bg-red-500">
<Icon name="phone" className="text-white" />
</div>
<div>
<h3 className="font-semibold text-gray-800">Contact</h3>
<h3 className="font-semibold text-gray-800">
{t('com_contact_touch_option_1') as string}
</h3>
<p className="text-gray-600">+44 (0) 20 1234 5678</p>
</div>
</div>
@@ -30,7 +37,9 @@ const TouchUs = () => {
<Icon name="email" className="text-white" />
</div>
<div>
<h3 className="font-semibold text-gray-800">Email</h3>
<h3 className="font-semibold text-gray-800">
{t('com_contact_touch_option_2') as string}
</h3>
<p className="text-gray-600">support@mybusiness.com</p>
</div>
</div>
@@ -40,9 +49,11 @@ const TouchUs = () => {
<Icon name="location" className="text-white" />
</div>
<div>
<h3 className="font-semibold text-gray-800">Our Address</h3>
<h3 className="font-semibold text-gray-800">
{t('com_contact_touch_option_3') as string}
</h3>
<p className="text-gray-600">
123 Business Street, London EC1A 1BB, UK
{t('com_contact_touch_option_3_description') as string}
</p>
</div>
</div>