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

Merge remote-tracking branch 'origin/navbar'

Browse Source
This commit is contained in:
ahasani194
2025-06-07 16:32:26 +03:30
parent a3915377bd 9dfbb3f031
commit 92df4d0121
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>
src/components/uikit/icons/emailIcon.tsx
+5 -5
View File
@@ -1,18 +1,18 @@
export const EmailIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg
width="30"
height="31"
viewBox="0 0 30 31"
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M24.5077 4.43604C21.9419 4.43604 19.7814 6.20463 19.1812 8.58676H2.19469C1.62064 8.58676 1.07824 8.80678 0.666211 9.20657L0.664922 9.2078L0.660762 9.21178C0.234668 9.62827 0 10.1857 0 10.7814V24.9747C0 25.5792 0.253008 26.1627 0.693984 26.5756L0.696621 26.5781C1.10455 26.9594 1.63652 27.1694 2.19469 27.1694H22.899C23.4554 27.1694 23.9858 26.9608 24.393 26.5819C24.396 26.5793 24.3988 26.5766 24.4017 26.5738C24.8415 26.1607 25.0936 25.5782 25.0936 24.9747V15.3896C27.8477 15.0962 30 12.7589 30 9.92833C30 6.89991 27.5362 4.43604 24.5077 4.43604ZM2.19469 9.75864H19.0181C19.0164 9.815 19.0155 9.87155 19.0155 9.92833C19.0155 10.9777 19.3113 11.9592 19.8239 12.794L12.9298 19.3109H12.1639L2.06695 9.76649C2.10902 9.76127 2.15168 9.75864 2.19469 9.75864ZM1.17188 10.7814C1.17188 10.7047 1.18025 10.6294 1.19654 10.5564L9.40494 18.3156L1.21734 25.2775C1.18764 25.1809 1.17188 25.0793 1.17188 24.9747V10.7814ZM22.899 25.9975H2.19469C2.18988 25.9975 2.1852 25.9969 2.18045 25.9968L10.2616 19.1254L11.5283 20.3227C11.6371 20.4256 11.7812 20.4828 11.9309 20.4828H13.1629C13.3126 20.4828 13.4566 20.4255 13.5654 20.3227L14.8321 19.1254L22.9139 25.9974C22.9089 25.9974 22.9039 25.9975 22.899 25.9975ZM23.9218 24.9747C23.9218 25.0793 23.9064 25.1811 23.8766 25.2777L15.6887 18.3155L20.5437 13.7262C21.4169 14.6372 22.6 15.2488 23.9218 15.3896V24.9747ZM24.5077 14.2488C22.1254 14.2488 20.1873 12.3106 20.1873 9.92833C20.1873 7.54602 22.1254 5.60792 24.5077 5.60792C26.89 5.60792 28.8281 7.54602 28.8281 9.92833C28.8281 12.3106 26.89 14.2488 24.5077 14.2488Z"
d="M19.6062 3.70898C17.5535 3.70898 15.8251 5.12386 15.345 7.02956H1.75575C1.29651 7.02956 0.862592 7.20558 0.532969 7.52541L0.531938 7.52639L0.52861 7.52958C0.187734 7.86277 0 8.30874 0 8.78531V20.1399C0 20.6235 0.202406 21.0903 0.555187 21.4206L0.557297 21.4226C0.88364 21.7277 1.30922 21.8957 1.75575 21.8957H18.3192C18.7643 21.8957 19.1886 21.7288 19.5144 21.4257C19.5168 21.4236 19.519 21.4214 19.5214 21.4192C19.8732 21.0887 20.0749 20.6227 20.0749 20.1399V12.4718C22.2782 12.2371 24 10.3673 24 8.10282C24 5.68008 22.029 3.70898 19.6062 3.70898ZM1.75575 7.96706H15.2145C15.2131 8.01216 15.2124 8.05739 15.2124 8.10282C15.2124 8.9423 15.449 9.72754 15.8591 10.3954L10.3438 15.6089H9.73112L1.65356 7.97334C1.68722 7.96917 1.72134 7.96706 1.75575 7.96706ZM0.937504 8.78531C0.937504 8.72395 0.9442 8.66367 0.957232 8.60526L7.52395 14.8126L0.973872 20.3822C0.950112 20.3049 0.937504 20.2236 0.937504 20.1399V8.78531ZM18.3192 20.9582H1.75575C1.7519 20.9582 1.74816 20.9577 1.74436 20.9576L8.20928 15.4605L9.22264 16.4183C9.30968 16.5006 9.42496 16.5464 9.54472 16.5464H10.5303C10.6501 16.5464 10.7653 16.5006 10.8523 16.4183L11.8657 15.4605L18.3311 20.9581C18.3271 20.9581 18.3231 20.9582 18.3192 20.9582ZM19.1374 20.1399C19.1374 20.2236 19.1251 20.305 19.1013 20.3823L12.551 14.8126L16.435 11.1411C17.1335 11.8699 18.08 12.3592 19.1374 12.4718V20.1399ZM19.6062 11.5592C17.7003 11.5592 16.1498 10.0087 16.1498 8.10282C16.1498 6.19697 17.7003 4.64649 19.6062 4.64649C21.512 4.64649 23.0625 6.19697 23.0625 8.10282C23.0625 10.0087 21.512 11.5592 19.6062 11.5592Z"
fill="currentColor"
/>
<path
d="M24.7045 8.05176H24.0781C23.7545 8.05176 23.4922 8.31415 23.4922 8.6377C23.4922 8.96125 23.7545 9.22364 24.0781 9.22364H24.1186V11.5669C24.1186 11.8904 24.3809 12.1528 24.7045 12.1528C25.0281 12.1528 25.2904 11.8904 25.2904 11.5669V8.6377C25.2904 8.31409 25.0281 8.05176 24.7045 8.05176Z"
d="M19.7638 6.60156H19.2627C19.0038 6.60156 18.7939 6.81147 18.7939 7.07031C18.7939 7.32915 19.0038 7.53907 19.2627 7.53907H19.2951V9.41364C19.2951 9.67249 19.5049 9.88239 19.7638 9.88239C20.0227 9.88239 20.2325 9.67249 20.2325 9.41364V7.07031C20.2325 6.81143 20.0227 6.60156 19.7638 6.60156Z"
fill="currentColor"
/>
</svg>
src/components/uikit/icons/locationIcon.tsx
+11 -11
View File
@@ -1,33 +1,33 @@
export const LocationIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg
width="30"
height="31"
viewBox="0 0 30 31"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<mask
id="mask0_4069_10756"
id="mask0_4322_831"
// style="mask-type:luminance"
maskUnits="userSpaceOnUse"
x="0"
y="1"
width="30"
height="30"
y="0"
width="24"
height="24"
>
<path
d="M29.5166 1.28662H0.484375V30.3189H29.5166V1.28662Z"
d="M23.6135 0.189453H0.387695V23.4153H23.6135V0.189453Z"
fill="currentColor"
/>
</mask>
<g mask="url(#mask0_4069_10756)">
<g mask="url(#mask0_4322_831)">
<path
d="M15.0006 1.51367C8.87239 1.51367 3.88672 6.49934 3.88672 12.6276C3.88672 15.6046 5.6903 19.4274 9.24731 23.9898C10.877 26.0746 12.6418 28.0501 14.5303 29.9036C14.657 30.0247 14.8254 30.0922 15.0006 30.0922C15.1759 30.0922 15.3443 30.0247 15.471 29.9036C17.3595 28.0501 19.1243 26.0746 20.754 23.9898C24.311 19.4274 26.1146 15.6046 26.1146 12.6276C26.1146 6.49934 21.1289 1.51367 15.0006 1.51367ZM15.0006 28.4542C12.9923 26.4297 5.24762 18.2565 5.24762 12.6276C5.24762 7.24975 9.62281 2.87455 15.0006 2.87455C20.3785 2.87455 24.7536 7.24975 24.7536 12.6276C24.7536 18.2565 17.009 26.4297 15.0006 28.4542Z"
d="M12.0005 0.371094C7.09791 0.371094 3.10938 4.35963 3.10938 9.26224C3.10938 11.6438 4.55224 14.7021 7.39785 18.352C8.70159 20.0198 10.1134 21.6003 11.6243 23.0831C11.7256 23.1799 11.8603 23.234 12.0005 23.234C12.1407 23.234 12.2754 23.1799 12.3768 23.0831C13.8876 21.6003 15.2994 20.0198 16.6032 18.352C19.4488 14.7021 20.8917 11.6438 20.8917 9.26224C20.8917 4.35963 16.9031 0.371094 12.0005 0.371094ZM12.0005 21.9235C10.3938 20.3039 4.19809 13.7653 4.19809 9.26224C4.19809 4.95996 7.69825 1.4598 12.0005 1.4598C16.3028 1.4598 19.8029 4.95996 19.8029 9.26224C19.8029 13.7653 13.6072 20.3039 12.0005 21.9235Z"
fill="currentColor"
/>
<path
d="M20.45 11.6703L15.46 7.13399C15.3348 7.02013 15.1717 6.95703 15.0024 6.95703C14.8331 6.95703 14.6699 7.02013 14.5447 7.13399L9.55474 11.6703C9.45313 11.7626 9.38185 11.8836 9.35027 12.0173C9.31868 12.1509 9.32829 12.291 9.37781 12.4192C9.42733 12.5472 9.51446 12.6573 9.62773 12.7349C9.741 12.8126 9.87512 12.8542 10.0125 12.8542H10.6929V16.2564C10.6929 16.4368 10.7646 16.61 10.8922 16.7375C11.0198 16.8652 11.1929 16.9369 11.3734 16.9369H13.8683C14.0488 16.9369 14.2218 16.8652 14.3495 16.7375C14.477 16.61 14.5487 16.4368 14.5487 16.2564V14.2151H15.456V16.2564C15.456 16.4368 15.5277 16.61 15.6553 16.7375C15.7829 16.8652 15.956 16.9369 16.1365 16.9369H18.6314C18.8119 16.9369 18.9849 16.8652 19.1126 16.7375C19.2401 16.61 19.3118 16.4368 19.3118 16.2564V12.8542H19.9923C20.1296 12.8542 20.2637 12.8126 20.377 12.7349C20.4903 12.6573 20.5775 12.5472 20.6269 12.4192C20.6765 12.291 20.686 12.1509 20.6545 12.0173C20.6229 11.8836 20.5516 11.7626 20.45 11.6703ZM17.951 12.1737V15.5759H16.8169V13.5347C16.8169 13.3542 16.7452 13.1811 16.6176 13.0535C16.49 12.9259 16.3169 12.8542 16.1365 12.8542H13.8683C13.6878 12.8542 13.5148 12.9259 13.3871 13.0535C13.2596 13.1811 13.1879 13.3542 13.1879 13.5347V15.5759H12.0538V12.1737C12.0538 12.0493 12.0197 11.9273 11.9552 11.8208C11.8907 11.7145 11.7982 11.6277 11.6879 11.5702L15.0024 8.55702L18.3169 11.5702C18.2065 11.6277 18.1141 11.7145 18.0495 11.8208C17.9851 11.9273 17.9509 12.0493 17.951 12.1737Z"
d="M16.3602 8.49622L12.3682 4.86715C12.268 4.77606 12.1375 4.72559 12.0021 4.72559C11.8667 4.72559 11.7361 4.77606 11.6359 4.86715L7.64399 8.49622C7.5627 8.57008 7.50567 8.66685 7.48041 8.77377C7.45514 8.88068 7.46283 8.99279 7.50244 9.09529C7.54206 9.19772 7.61176 9.28582 7.70238 9.34791C7.793 9.41008 7.90029 9.44329 8.01016 9.44329H8.55455V12.1651C8.55455 12.3094 8.61184 12.4479 8.71396 12.55C8.81607 12.6521 8.9545 12.7095 9.09889 12.7095H11.0948C11.2392 12.7095 11.3776 12.6521 11.4798 12.55C11.5818 12.4479 11.6392 12.3094 11.6392 12.1651V10.532H12.365V12.1651C12.365 12.3094 12.4223 12.4479 12.5245 12.55C12.6265 12.6521 12.765 12.7095 12.9094 12.7095H14.9053C15.0497 12.7095 15.1881 12.6521 15.2903 12.55C15.3923 12.4479 15.4497 12.3094 15.4497 12.1651V9.44329H15.994C16.1039 9.44329 16.2112 9.41008 16.3018 9.34791C16.3924 9.28582 16.4622 9.19772 16.5017 9.09529C16.5414 8.99279 16.549 8.88068 16.5238 8.77377C16.4985 8.66685 16.4415 8.57008 16.3602 8.49622ZM14.361 8.89895V11.6207H13.4537V9.9877C13.4537 9.84331 13.3964 9.70481 13.2942 9.60277C13.1922 9.50066 13.0537 9.44329 12.9094 9.44329H11.0948C10.9504 9.44329 10.812 9.50066 10.7099 9.60277C10.6079 9.70481 10.5505 9.84331 10.5505 9.9877V11.6207H9.64322V8.89895C9.64322 8.79939 9.61597 8.70177 9.56433 8.61661C9.51277 8.53152 9.43876 8.46215 9.3505 8.41609L12.0021 6.00558L14.6537 8.41609C14.5654 8.46215 14.4915 8.53152 14.4398 8.61661C14.3883 8.70177 14.3609 8.79939 14.361 8.89895Z"
fill="currentColor"
/>
</g>