diff --git a/src/assets/images/404.png b/src/assets/images/404.png
new file mode 100644
index 0000000..932c0fd
Binary files /dev/null and b/src/assets/images/404.png differ
diff --git a/src/assets/images/images.ts b/src/assets/images/images.ts
index 6abdce2..4c4c24d 100644
--- a/src/assets/images/images.ts
+++ b/src/assets/images/images.ts
@@ -10,7 +10,7 @@ import whatWeDoImage from './what-we-do-image.png';
import blogImg_1 from './blog_img_1.jpeg'
import projectImg_1 from './project_img_1.jpeg'
import product1 from './product1.png';
-
+import notFound from './404.png'
export default {
homeBanner,
logo,
@@ -21,6 +21,7 @@ export default {
factoryVector,
aboutImg_1,
aboutImg_2,
+ notFound,
homeProductBack,
whatWeDoImage,
product1,
diff --git a/src/components/pages/contact/ContactMeForm.tsx b/src/components/pages/contact/ContactMeForm.tsx
index e2b6dde..4a39038 100644
--- a/src/components/pages/contact/ContactMeForm.tsx
+++ b/src/components/pages/contact/ContactMeForm.tsx
@@ -1,17 +1,38 @@
import Button from '@/components/uikit/button';
import FormField from '@/components/uikit/inputs';
+import { t } from '@/locales/translates';
const ContactForm = () => {
return (
-
- Contact me
+
+ {t('com_contact_title') as string}{' '}
+
+ {' '}
+ {t('com_contact_title_bold') as string}
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/components/pages/contact/TouchUs.tsx b/src/components/pages/contact/TouchUs.tsx
index 50d219c..6efbd1f 100644
--- a/src/components/pages/contact/TouchUs.tsx
+++ b/src/components/pages/contact/TouchUs.tsx
@@ -1,26 +1,33 @@
import { Icon } from '@/components/uikit/icons';
+import { t } from '@/locales/translates';
const TouchUs = () => {
return (
-
- Get in touch{' '}
+
+ {' '}
+
+
{t('pages_contact_title') as string}
+
+
+ {t('com_contact_touch_title') as string}{' '}
- with us
+ {t('com_contact_touch_title_bold') as string}
-
- Reach out for any inquiries, support, or feedback—we’d love to hear from
- you!
+
+ {t('com_contact_touch_description') as string}
-
+
-
Contact
+
+ {t('com_contact_touch_option_1') as string}
+
+44 (0) 20 1234 5678
@@ -30,7 +37,9 @@ const TouchUs = () => {
-
Email
+
+ {t('com_contact_touch_option_2') as string}
+
support@mybusiness.com
@@ -40,9 +49,11 @@ const TouchUs = () => {
-
Our Address
+
+ {t('com_contact_touch_option_3') as string}
+
- 123 Business Street, London EC1A 1BB, UK
+ {t('com_contact_touch_option_3_description') as string}
diff --git a/src/components/uikit/icons/emailIcon.tsx b/src/components/uikit/icons/emailIcon.tsx
index ab73fef..3e829b2 100644
--- a/src/components/uikit/icons/emailIcon.tsx
+++ b/src/components/uikit/icons/emailIcon.tsx
@@ -1,18 +1,18 @@
export const EmailIcon = (props: React.SVGProps) => (
diff --git a/src/components/uikit/icons/locationIcon.tsx b/src/components/uikit/icons/locationIcon.tsx
index 0249a88..a4c8267 100644
--- a/src/components/uikit/icons/locationIcon.tsx
+++ b/src/components/uikit/icons/locationIcon.tsx
@@ -1,33 +1,33 @@
export const LocationIcon = (props: React.SVGProps) => (