From c7a2f91ea8e64ba41d4f5eeea3a6ed8072ec975d Mon Sep 17 00:00:00 2001
From: "Atheer F. Alotaibi" <84769445+atheer0998@users.noreply.github.com>
Date: Mon, 20 Jan 2025 15:12:11 +0300
Subject: [PATCH] adding clickable phone number

---
 components/_Header.vue          |  3 ++-
 components/sections/Contact.vue | 28 +++++++++++++++++++++-------
 lang/ar-SA.js                   |  3 ++-
 lang/en-US.js                   |  3 ++-
 pages/contact.vue               |  3 +++
 5 files changed, 30 insertions(+), 10 deletions(-)
 create mode 100644 pages/contact.vue

diff --git a/components/_Header.vue b/components/_Header.vue
index 8f8843e9..bc663b29 100644
--- a/components/_Header.vue
+++ b/components/_Header.vue
@@ -20,11 +20,12 @@
 						<li class="nav-item"><a :href="localePath('/#about')" class="nav-link">{{ $t('About') }}</a></li>
 						<li class="nav-item"><a :href="localePath('/#services')" class="nav-link">{{ $t('Services') }}</a></li>
 						<li class="nav-item"><a :href="localePath('/#works')" class="nav-link">{{ $t('Works') }}</a></li>
+						
 					</ul>
 
 					<ul class="navbar-nav nav nav-pills ms-auto justify-content-end order-md-3 text-center mt-3 mt-md-0">
 						<li class="nav-item mb-3 mb-md-0">
-							<a :href="localePath('/#contact')" class="btn btn-sm btn-primary px-4">{{ $t('contactus') }}</a>
+							<a :href="localePath('/contact')" class="btn btn-sm btn-primary px-4">{{ $t('contactus') }}</a>
 						</li>
 						<li class="nav-item mb-3 mb-md-0 mx-md-3">
                             <nuxt-link href="#" class="btn btn-sm btn-light px-2" v-if="$i18n.locale !== 'en'" :to="`${switchLocalePath('en')}`">English</nuxt-link>
diff --git a/components/sections/Contact.vue b/components/sections/Contact.vue
index c5b45bd8..3f7cc8b4 100644
--- a/components/sections/Contact.vue
+++ b/components/sections/Contact.vue
@@ -20,13 +20,28 @@
 									<h3 class="fw-bold">{{ $t('orsimplyusethese') }}</h3>
 									<div class="contact-info ps-4">
 										<h6 class="mt-4"><i class="bi bi-phone"></i> {{ $t('phonenumber') }}:</h6>
-										<a @click="trackPhoneNumberClick">+966 56 664 2220</a>
-										<!-- <a dir="ltr" href="tel:+966-566642220">+966 56 664 2220</a> -->
+										<a 
+											dir="ltr" 
+											href="tel:+966566642220" 
+											@click="trackPhoneNumberClick"
+											class="text-decoration-none text-dark">
+											+966 56 664 2220
+										</a>
 										<h6 class="mt-4"><i class="bi bi-envelope"></i> {{ $t('emailaddress') }}:</h6>
-										<a  dir="ltr" href="mailto:contact@promoe.com.sa">contact@promoe.com.sa</a>
+										<a 
+											dir="ltr" 
+											href="mailto:contact@promoe.com.sa" 
+											class="text-decoration-none text-dark">
+											contact@promoe.com.sa
+										</a>
 										<h6 class="mt-4"><i class="bi bi-globe"></i> {{ $t('address') }}:</h6>
-                                        <p v-html="$t('address_details')"></p>
-										<iframe class="w-100" src="https://snazzymaps.com/embed/281438" height="300px" style="border: none"></iframe>
+										<p v-html="$t('address_details')"></p>
+										<iframe 
+											class="w-100" 
+											src="https://snazzymaps.com/embed/281438" 
+											height="300px" 
+											style="border: none">
+										</iframe>
 									</div>
 								</div>
 							</div>
@@ -56,6 +71,5 @@
 </script>
 
 <style>
+/* Add your custom styles here */
 </style>
-
-
diff --git a/lang/ar-SA.js b/lang/ar-SA.js
index d6275b8b..05489182 100644
--- a/lang/ar-SA.js
+++ b/lang/ar-SA.js
@@ -48,5 +48,6 @@ export default {
 	citiesreached: 'مدينة نخدم عملائنا فيها',
 	countries: 'دول',
 	pageUnderMaintenance: 'عذراً، الصفحة تحت الصيانة',
-	pageUnderMaintenanceDescription: 'الرجاء المحاولة لاحقاً'
+	pageUnderMaintenanceDescription: 'الرجاء المحاولة لاحقاً',
+   contacts:'تواصل معنا'
   }
diff --git a/lang/en-US.js b/lang/en-US.js
index e9106185..a483cef5 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -49,5 +49,6 @@ export default {
 	citiesreached: 'Cities Reached',
 	countries: 'Countries',
 	pageUnderMaintenance: 'Sorry, the page is under maintenance',
-	pageUnderMaintenanceDescription: 'Please, try again later.'
+	pageUnderMaintenanceDescription: 'Please, try again later.',
+  contacts:'Contact Us'
   }
diff --git a/pages/contact.vue b/pages/contact.vue
new file mode 100644
index 00000000..00d68602
--- /dev/null
+++ b/pages/contact.vue
@@ -0,0 +1,3 @@
+<template>
+
+</template>