fix: initial changes who we are page

crowdin/messages.json

@@ -1040,6 +1040,7 @@
   "1005687893": "Online trading with Deriv | Simple. Flexible. Reliable.",
   "1005941063": "Deposit and withdraw in Litecoin, a durable cryptocurrency with fast transaction processing.",
   "1008063635": "A Reset Call/Reset Put option provides the opportunity for the contract's entry price (also known as strike price) to be reset automatically at the midpoint of the trade duration, if the underlying asset's price moves favourably with your market prediction.",
+  "1008757009": " In the year 2022, 20 Deriv offices worldwide, including Cyberjaya, Dubai, Asunción, Birkirkara, Limassol, Kigali, Ipoh, Malaka, and Labuan, were recognised by GPTW.",
   "1009128101": "Easy to set up – no installation required.",
   "1009492128": "With Deriv Prime’s liquidity solutions for online trading, you get unbeatable spreads on the commodities, cryptocurrencies, and forex markets.",
   "1010178911": "For more info, contact your country manager.",
@@ -1592,6 +1593,7 @@
   "1541818425": "Reset password",
   "1542038811": "High percentage",
   "1542393407": "CFD trading features on Deriv",
+  "1542709703": "We were awarded Gold accreditation by <0>Investors in People</0> (IIP) for our commitment to building trust within Deriv, motivating employee growth, and adapting to change. We are honoured to be recognised for our leadership approach, people practices, career advancement opportunities, and culture of trust.",
   "1543654868": "Does Deriv EZ offer any risk-management tools?",
   "1544985832": "What’s the minimum amount to open a position on Deriv EZ?",
   "1546535785": "Are there any conditions that I should meet before I can withdraw my commission?",
@@ -1729,6 +1731,7 @@
   "1644277104": "A chart illustrating a winning High Ticks trade type contract",
   "1644876351": "Go to portal",
   "1645164568": "zero cost to build",
+  "1645351083": "Great Place to Work®",
   "1647478191": "Partner with us as an affiliate. Earn commission from the total net revenue of your referred clients’ trades on DTrader and DBot.",
   "1648545897": "Vince Stanzione.",
   "1648742236": "Dutch square of Melaka",
@@ -2153,6 +2156,7 @@
   "2028060161": "These indices correspond to simulated markets where asset prices spike or drop due to news events. Small movements are quite frequent, with occasional major spikes or drops.",
   "2028163119": "EOS/USD",
   "2028685334": "These indices are characterised by an average of one crash or boom in a series of 1000, 500, or 300 ticks.",
+  "2030706185": "Most Trusted Broker - APAC 2023",
   "2032245485": "Digits | Digital options contract | Deriv",
   "2032401971": "Let’s say you want to calculate the stop loss amount when you want to open a position for Volatility 100 Index priced at 3376.24 USD with a stake amount of 10 USD, a multiplier value of x100, and a stop loss level of 3400 in Down direction.",
   "2032565787": "How to plan your trading activities without spending hours each day analysing the world market",
@@ -2162,6 +2166,7 @@
   "2035670983": "Fewer distractions",
   "2036526456": "Learn more about our payment methods and how to use them.",
   "2036671182": "If you select 'Over', you receive the payout if the last digit of the exit price is greater than your prediction.",
+  "2037946223": "Investors in people",
   "2038753186": "Deriv EZ is an intuitive CFD trading platform within the Deriv GO mobile app.",
   "2041571225": "- Brokerage firms",
   "2041763181": "Once we've paid your commission into your account, you can withdraw whenever you want.",
@@ -2261,6 +2266,7 @@
   "2127031078": "Available to trade 24/7 on popular crypto assets",
   "2127438954": "For synthetic, the swap charge is calculated on an annual basis for long and short positions based on this formula:",
   "2127504445": "Once you have determined the above parameters, you can open an Asians trade on SmartTrader and Deriv Bot.",
+  "2127860313": "Investors in People",
   "2129099656": "Select your desired trade type — Up and Down, High and Lows, Digits, etc.",
   "2130006600": "Deriv P2P is a flawless innovation.",
   "2130618063": "Yes, you can enter multiple contracts with varying parameters at the same time.",
@@ -4558,6 +4564,10 @@
   "-2040051099": "Unsubscribed successfully",
   "-231863107": "No",
   "-1706181054": "Unsubscribe from Deriv emails.",
+  "-1140210628": "Deriv's offices in Dubai, Paraguay, Cyprus, France, Malta, Rwanda, and UK have received the <0>Great Place to Work®</0> (GPTW) 2023 certification for fair treatment of employees regardless of gender or race, ethical business practices, and supportive work culture.",
+  "-860150301": "UFAwards",
+  "-961410567": " Best Forex Spreads - APAC 2023",
+  "-398425851": "Employer awards",
   "-234962411": "Who we are | An Online Trading Platform | Deriv.com",
   "-719133900": "Deriv is a pioneering and award-winning online trading platform that offers a wide selection of derivatives for anyone, anywhere to trade.",
   "-1498356905": "africa forex award",

src/features/components/templates/footer/data.ts

@@ -1,4 +1,5 @@
 import { SmartFooterLink, SmartFooterLinkColumn } from './types'
+import InfesterPeopleIcon from 'images/svg/footer/invester_people_icon.svg'
 import { deriv_status_page_url } from 'common/constants'
 
 const aboutUsLinks: SmartFooterLink[] = [
@@ -51,6 +52,14 @@ const aboutUsLinks: SmartFooterLink[] = [
             url: { type: 'company', url_name: 'derivlife' },
         },
     },
+    {
+        id: 7,
+        data: {
+            src: InfesterPeopleIcon,
+            url: { type: 'internal', to: '/who-we-are/#investors-in-people' },
+            alt: '_t_Investors in people_t_',
+        },
+    },
 ]
 
 const tradesLinks: SmartFooterLink[] = [

src/features/components/templates/footer/footer.module.scss

@@ -18,3 +18,8 @@
         grid-template-columns: 2fr;
     }
 }
+.footer_image {
+    inline-size: 11.6rem;
+    margin-top: 1rem;
+    block-size: 2.2rem;
+}

src/features/components/templates/footer/link-item/index.tsx

@@ -1,9 +1,11 @@
 import React from 'react'
 import { SmartFooterLink } from '../types'
+import { footer_image } from '../footer.module.scss'
 import usePpc from 'features/hooks/use-ppc'
 import useRegion from 'components/hooks/use-region'
 import Link from 'features/components/atoms/link'
 import { Localize } from 'components/localization'
+import Image from 'features/components/atoms/image'
 
 interface FooterLinkProps {
     item: SmartFooterLink
@@ -18,7 +20,8 @@ const FooterLink = ({ item: { data } }: FooterLinkProps) => {
 
     return (
         <Link url={visible_url} size="small" pb="6x">
-            <Localize translate_text={data.text} />
+            {data?.text ? <Localize translate_text={data.text} /> : null}
+            {data?.src ? <Image src={data.src} className={footer_image} /> : null}
         </Link>
     )
 }

src/features/components/templates/footer/types.ts

@@ -8,8 +8,10 @@ export interface FooterLinkConfig {
 }
 
 export interface FooterLink {
-    text: TString
+    text?: TString
     url: LinkUrlType | ((config: Partial<FooterLinkConfig>) => LinkUrlType)
+    src?: string
+    alt?: TString
 }
 
 export type SmartFooterLink = TSmartContent<FooterLink, FooterLinkConfig>