Mitra/CU1967-berlin and hk office updates in contact us page (#5760)

* feat: ✨ add berin map in contact us and location page

* feat: ✨ add hong kong office in the map

crowdin/messages.json

@@ -1054,6 +1054,7 @@
   "1010278278": "Can I delete my Deriv MT5 account history?",
   "1010645311": "Predict the price movements of commodities like silver, gold, and oil, and use margin to amplify your possible profits.",
   "1011699543": "Trade the price movements of natural resources that are central to the world’s economy and make the most of the market action.",
+  "1011758107": "Berlin",
   "1015371290": "Experienced affiliate managers answer all your queries and provide you with excellent promotional and educational materials.",
   "1015510435": "BMW",
   "1016846951": "> USD 20,000 per month",
@@ -3361,6 +3362,7 @@
   "-1625504236": "Guernsey",
   "-623790227": "Asia",
   "-283810073": "Malaysia",
+  "-1576550133": "Hong Kong",
   "-1847522411": "Africa",
   "-1552543730": "Caribbean",
   "-2098459063": "British Virgin Islands",

src/pages/careers/_model/_locations/_contact-details.ts

@@ -58,6 +58,8 @@ const address_melaka = ['67-1 & 69-1, Jalan KLJ 6, Taman Kota', 'Laksamana Jaya,
 
 const address_rwanda = ['Level 2 East Wing, Kigali Heights, KG7', 'Avenue, Kigali']
 
+const address_berlin = ['Kemperplatz 1 Mitte D, 10785 Berlin, Germany']
+
 export {
     address_asuncion,
     address_cyberjaya,
@@ -78,4 +80,5 @@ export {
     address_hongkong,
     address_roadtown,
     address_reading,
+    address_berlin,
 }

src/pages/careers/_model/_locations/_locations.tsx

@@ -20,6 +20,7 @@ import {
     address_vanuatu,
     address_hongkong,
     address_reading,
+    address_berlin,
 } from './_contact-details'
 import { LocationsType } from './_locations.types'
 import MalaysiaFlagIcon from 'images/svg/careers/flag_malaysia.svg'
@@ -524,16 +525,19 @@ export const berlin: LocationsType = {
     country: 'Germany',
     flagIcon: GermanyFlagIcon,
     thumbnail: 'thumbnail_berlin',
-    address: address_guernsey,
     first_p:
         'Deriv Services GmbH is our office at the heart of the European Union. Home to tech professionals, this agile office helps the Deriv Group with its most ambitious technological challenges to create future-proof online trading solutions.',
     first_img: 'living_in_berlin',
     first_img_alt: 'Working with Deriv’s Berlin team',
-    grid_images: ['guernsey_grid_1', 'guernsey_grid_2', 'berlin_grid_3', 'guernsey_grid_4'],
-    grid_img_alt: ['guernsey grid 1', 'guernsey grid 2', 'berlin grid 3', 'guernsey grid 4'],
-    map: '',
+    grid_images: ['guernsey_grid_1', 'guernsey_grid_2', 'guernsey_grid_3', 'guernsey_grid_4'],
+    grid_img_alt: ['guernsey grid 1', 'guernsey grid 2', 'guernsey grid 3', 'guernsey grid 4'],
+    map: 'ChIJkzgDakBRqEcR_2nTpFNTjUQ',
+    address: address_berlin,
+    google_map_link: 'https://maps.app.goo.gl/hPyVpLLrynCf6NmEA',
     map_text:
-        'Our Berlin office is another strong base for Deriv fintech talent in Europe. The experts at this office tackle exciting projects to create Deriv’s next-gen products. Join our Germany team if you’re in search of a worthy challenge in your career.',
+        'At Deriv Services GmBH, collaboration among seasoned professionals drives success. Our team comprises enthusiastic and driven individuals who possess a wealth of expertise and a can-do attitude, making them capable of transforming innovative ideas into reality. If you share the same values, we invite you to join our team in Berlin.',
+    has_iframe: true,
+    has_map: true,
 }
 
 export const reading: LocationsType = {

src/pages/careers/locations/berlin/index.tsx

@@ -18,7 +18,7 @@ const query = graphql`
         guernsey_grid_2: file(relativePath: { eq: "careers/guernsey_grid_2.jpg" }) {
             ...fadeIn
         }
-        berlin_grid_3: file(relativePath: { eq: "careers/berlin_grid_3.png" }) {
+        guernsey_grid_3: file(relativePath: { eq: "careers/guernsey_grid_3.png" }) {
             ...fadeIn
         }
         guernsey_grid_4: file(relativePath: { eq: "careers/guernsey_grid_4.jpg" }) {