behnaz/DPROD-3588/london-career (binary-com#7245)

* chore: address

* chore: london address obj

* chore: london thumbnail jpg n address

* chore: ad london to all offices

* chore: london img

* chore: vanua test png

* chore: png to jpg

* chore: google map link

* fix: map image id

Author: behnaz-deriv

crowdin/messages.json

@@ -83,6 +83,7 @@
   "71535160": "Calculate the overnight fees for holding any open positions. The fees can be positive or negative depending on your swap rate.",
   "71630191": "Do not share your account information and other personal details with anyone via Telegram.",
   "71650838": "Speak simply and plainly, and not hide behind ambiguity",
+  "71755468": "In a journey spanning more than 23 years, we have grown to over 2.5 million customers worldwide. But our mission has remained the same:",
   "73765361": "Chief Audit Executive",
   "74138086": "Take control of your trades on Deriv MT5",
   "74593350": "3. Select Real account or Demo account.",
@@ -3468,6 +3469,7 @@
   "-1775449118": "paris",
   "-2121505886": "Deriv’s Germany office at Berlin",
   "-140235062": "Deriv’s Reading office at United Kingdom",
+  "-1979767490": "Deriv’s London office at United Kingdom",
   "-1255111333": "Vanuatu alt img",
   "-334183701": "Deriv’s Cayman Islands office at George Town",
   "-1641202114": "Deriv’s British Virgin Islands office at Road Town",
@@ -3493,11 +3495,11 @@
   "-1799144625": "Find your role with us by browsing Deriv job opportunities in Guernsey, Channel Islands.",
   "-470478500": "Check out the current open job positions at Deriv and get a chance to work with our team in Jordan for a thriving tech career.",
   "-1504150934": "Labuan | Our office – Malaysia | Deriv",
+  "-1891504573": "UK | Our office – UK | Deriv",
   "-708633595": "Malta – Our office | Deriv",
   "-1385444880": "Checkout the open job positions at our Malta office. Don't see the job you want? Send us your CV and we will contact you when your role becomes available.",
   "-2136219031": "Melaka | Our office – Malaysia | Deriv",
   "-1381267044": "Find your role with us by browsing Deriv job opportunities in Paris, France.",
-  "-1891504573": "UK | Our office – UK | Deriv",
   "-774085289": "Be part of the Deriv team at British Virgin Islands that provides compliance guidance to develop the company’s growth strategy and trading policies.",
   "-803139496": "Kigali | Our office – Rwanda | Deriv",
   "-233326950": "Vanuatu – Our office | Deriv",
@@ -4729,7 +4731,6 @@
   "-1520902282": "No credit card needed",
   "-2022759357": "Make trading accessible to anyone, anywhere",
   "-77779780": "From inception, our goal was to break free of the high commissions and clunky products offered by traditional brokers. Also, we aim to deliver a first-class experience to digitally inclined traders, regardless of the size of their accounts.",
-  "-1321496264": "In a journey spanning 25 years, we have grown to over 2.5 million customers worldwide. But our mission has remained the same:",
   "-554746075": "Integrity",
   "-1917169640": "We serve our customers with fairness and transparency. We settle all contracts by the book and speak plainly and truthfully.",
   "-1679427554": "Customer focus",

src/images/common/careers/living_in_london.jpg

@@ -60,6 +60,8 @@ const address_rwanda = ['Level 2 East Wing, Kigali Heights, KG7', 'Avenue, Kigal
 
 const address_berlin = ['Kemperplatz 1 Mitte D, 10785 Berlin, Germany']
 
+const address_london = ['First Floor, 68 - 72 Leonard Street, London, EC2A 4QX']
+
 export {
     address_asuncion,
     address_cyberjaya,
@@ -81,4 +83,5 @@ export {
     address_roadtown,
     address_reading,
     address_berlin,
+    address_london,
 }

src/images/common/careers/london.jpg

@@ -21,6 +21,7 @@ import {
     address_hongkong,
     address_reading,
     address_berlin,
+    address_london,
 } from './_contact-details'
 import { LocationsType } from './_locations.types'
 import MalaysiaFlagIcon from 'images/svg/careers/flag_malaysia.svg'
@@ -581,6 +582,45 @@ export const reading: LocationsType = {
     has_map: true,
 }
 
+export const london: LocationsType = {
+    name: 'london',
+    hero_image: (
+        <StaticImage
+            src="../../../../images/common/careers/london.jpg"
+            alt={localize('_t_Deriv’s London office at United Kingdom_t_')}
+            formats={['avif', 'webp', 'auto']}
+            loading="eager"
+        />
+    ),
+    job_location: 'London',
+    continent: 'europe',
+    display_continent: 'Europe',
+    link: '/careers/locations/london/',
+    display_name: 'London',
+    display_thumbnail_name: 'London',
+    display_title_name: 'London',
+    img_alt: 'Deriv’s London office at United Kingdom ',
+    map_office_name: 'Technologies Ltd',
+    country: 'UK',
+    flagIcon: UKFlagIcon,
+    thumbnail: 'thumbnail_london',
+    address: address_london,
+    first_p:
+        'Nestled in the heart of the city near Liverpool Street, Deriv Technologies Ltd is the core of our Compliance, Legal, Tax, and Internal Audit teams. Our London base is at the forefront of driving regulatory excellence, helping to fulfil Deriv’s principles of providing transparent and reliable trading services.',
+    first_img: 'living_in_london',
+    first_img_alt: 'Working at Deriv Technologies Ltd',
+    grid_images: ['reading_grid_1', 'reading_grid_2', 'reading_grid_3', 'reading_grid_4'],
+    grid_img_alt: ['reading_grid_1', 'reading_grid_2', 'reading_grid_3', 'reading_grid_4'],
+    map: 'ChIJA8ZM6a8cdkgRn_SA0vQHDks',
+    map_text:
+        'Dive deep into the intricacies of legislative trends, craft innovative tax strategies, and lead rigorous internal audits. If you are highly motivated, have an eye for detail, and have a passion for regulatory practices, come and be part of a team that ensures Deriv’s adherence to the highest standards of compliance.',
+    google_map_link: 'https://maps.app.goo.gl/FrLLyhvMWw6B7qGW7',
+    badge: 'reading_great_place_to_work_badge',
+    badge_alt: 'London Great Place to Work 2023 Certification Badge',
+    has_iframe: true,
+    has_map: true,
+}
+
 export const vanuatu: LocationsType = {
     name: 'vanuatu',
     hero_image: (
@@ -858,6 +898,7 @@ export const all_offices: LocationsType[] = [
     cyprus,
     guernsey,
     berlin,
+    london,
     reading,
     cyberjaya,
     ipoh,
@@ -877,6 +918,7 @@ export const all_offices: LocationsType[] = [
 export const locations = {
     berlin: `${berlin.display_name}, ${berlin.country}`,
     reading: `${reading.display_name}, ${reading.country}`,
+    london: `${london.display_name}, ${london.country}`,
     cyberjaya: `${cyberjaya.display_name}, ${cyberjaya.country}`,
     malta: `${malta.display_name}`,
     dubai: `${dubai.display_name}, ${dubai.country}`,

src/images/common/careers/thumbnail_london.jpg

@@ -296,6 +296,9 @@ const query = graphql`
         thumbnail_hongkong: file(relativePath: { eq: "careers/thumbnail_hongkong.png" }) {
             ...fadeIn
         }
+        thumbnail_london: file(relativePath: { eq: "careers/thumbnail_london.jpg" }) {
+            ...fadeIn
+        }
     }
 `
 

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

@@ -0,0 +1,44 @@
+import React from 'react'
+import { graphql, useStaticQuery } from 'gatsby'
+import { london } from '../../_model/_locations/_locations'
+import { NewLocationLayout } from '../_location-layout-new-offices'
+import { SEO } from 'components/containers'
+import Layout from 'components/layout/layout'
+import { WithIntl } from 'components/localization'
+import { TGatsbyHead } from 'features/types'
+
+const query = graphql`
+    query {
+        living_in_london: file(relativePath: { eq: "careers/living_in_london.jpg" }) {
+            ...fadeIn
+        }
+        reading_grid_3: file(relativePath: { eq: "careers/reading_grid_3.jpg" }) {
+            ...fadeIn
+        }
+        reading_great_place_to_work_badge: file(
+            relativePath: { eq: "careers/reading_great_place_to_work_badge.png" }
+        ) {
+            ...fadeIn
+        }
+    }
+`
+
+const London = () => {
+    const images = useStaticQuery(query)
+
+    return (
+        <Layout type="careers">
+            <NewLocationLayout location={london} images={images} />
+        </Layout>
+    )
+}
+
+export default WithIntl()(London)
+
+export const Head = ({ pageContext }: TGatsbyHead) => (
+    <SEO
+        title="_t_UK | Our office – UK | Deriv_t_"
+        description="_t_Find your role with us by browsing Deriv job opportunities in Reading, UK._t_"
+        pageContext={pageContext}
+    />
+)