diff --git a/src/common/constants.ts b/src/common/constants.ts
index 216df5df4d7..5e6ec07b1a7 100644
--- a/src/common/constants.ts
+++ b/src/common/constants.ts
@@ -12,6 +12,9 @@ const domain_url =
         ? window.location.hostname
         : deriv_com_url
 
+export const eu_domains = ['eu', 'staging-eu']
+export const uk_domains = ['uk', 'staging-uk']
+
 // URL
 export const domain_full_url = `https://${domain_url}`
 export const deriv_app_id = domain_url === deriv_com_url ? deriv_com_app_id : deriv_me_app_id
diff --git a/src/components/containers/visibility.tsx b/src/components/containers/visibility.tsx
index 618dac01a5f..b3e2e1be0d6 100644
--- a/src/components/containers/visibility.tsx
+++ b/src/components/containers/visibility.tsx
@@ -1,8 +1,9 @@
-import React, { ReactElement, useEffect, useState } from 'react'
+import React, { ReactElement, useEffect, useState, useContext } from 'react'
 import styled from 'styled-components'
 import { size } from 'themes/device'
 import { useBrowserResize } from 'components/hooks/use-browser-resize'
 import { DerivStore } from 'store'
+import { eu_domains, uk_domains } from 'common/constants'
 
 type ResponsiveContainerProps = {
     children: ReactElement
@@ -25,6 +26,7 @@ const DesktopLayer = styled.div<LayerProps>`
         display: none;
     }
 `
+
 const MobileLayer = styled.div<LayerProps>`
     @media (min-width: ${({ breakpoint }) => breakpoint}px) {
         display: none;
@@ -37,11 +39,12 @@ const domainBasedCheck = () => {
 
     useEffect(() => {
         if (window) {
-            const host_name = window.location.hostname
-            if (host_name.includes('eu')) {
+            const subdomain = window.location.hostname.split('.').slice(0, -2).join('.')
+
+            if (eu_domains.includes(subdomain)) {
                 setEuDomain(true)
             }
-            if (host_name.includes('uk')) {
+            if (uk_domains.includes(subdomain)) {
                 setUkDomain(true)
             }
         }
@@ -64,6 +67,20 @@ const deviceRenderer = (): boolean => {
     return is_loaded
 }
 
+export const getCountryRule = () => {
+    const { is_eu_domain, is_uk_domain } = domainBasedCheck()
+    const { is_eu_country, is_uk_country } = useContext<StoreDataType>(DerivStore)
+
+    const is_eu = (is_eu_country || is_eu_domain) && !is_uk_country
+    const is_uk = is_uk_country || is_uk_domain
+    const is_non_uk = !is_uk
+    const is_non_eu = !is_eu
+    const is_eu_uk = !(!is_eu && !is_uk)
+    const is_row = !is_eu_uk
+
+    return { is_eu, is_uk, is_non_uk, is_non_eu, is_eu_uk, is_row }
+}
+
 export const Desktop = ({
     children,
     breakpoint = DEFAULT_BREAKPOINT,
@@ -96,47 +113,37 @@ export const Mobile = ({ children, breakpoint = DEFAULT_BREAKPOINT }: Responsive
 }
 
 export const EU = ({ children }: ResponsiveContainerProps) => {
-    const { is_eu_domain } = domainBasedCheck()
-    const { is_eu_country } = React.useContext<StoreDataType>(DerivStore)
-
-    const is_eu = is_eu_country || is_eu_domain
+    const { is_eu } = getCountryRule()
 
     return is_eu ? <>{children}</> : null
 }
 
 export const NonEU = ({ children }: ResponsiveContainerProps) => {
-    const { is_eu_domain } = domainBasedCheck()
-    const { is_eu_country } = React.useContext<StoreDataType>(DerivStore)
+    const { is_non_eu } = getCountryRule()
 
-    const is_eu = is_eu_domain || is_eu_country
-
-    return !is_eu ? <>{children}</> : null
+    return is_non_eu ? <>{children}</> : null
 }
 
 export const UK = ({ children }: ResponsiveContainerProps) => {
-    const { is_uk_domain } = domainBasedCheck()
-    const { is_uk_country } = React.useContext<StoreDataType>(DerivStore)
-
-    const is_uk = is_uk_country || is_uk_domain
+    const { is_uk } = getCountryRule()
 
     return is_uk ? <>{children}</> : null
 }
 
 export const NonUK = ({ children }: ResponsiveContainerProps) => {
-    const { is_uk_domain } = domainBasedCheck()
-    const { is_uk_country } = React.useContext<StoreDataType>(DerivStore)
+    const { is_non_uk } = getCountryRule()
 
-    const is_uk = is_uk_domain || is_uk_country
+    return is_non_uk ? <>{children}</> : null
+}
 
-    return !is_uk ? <>{children}</> : null
+export const UKEU = ({ children }: ResponsiveContainerProps) => {
+    const { is_eu_uk } = getCountryRule()
+
+    return is_eu_uk ? <>{children}</> : null
 }
 
 export const ROW = ({ children }: ResponsiveContainerProps) => {
-    const { is_uk_domain, is_eu_domain } = domainBasedCheck()
-    const { is_uk_country, is_eu_country } = React.useContext<StoreDataType>(DerivStore)
-
-    const is_uk = is_uk_country || is_uk_domain
-    const is_eu = is_eu_domain || is_eu_country
+    const { is_row } = getCountryRule()
 
-    return !is_eu && !is_uk ? <>{children}</> : null
+    return is_row ? <>{children}</> : null
 }
diff --git a/src/components/custom/_signup-public.js b/src/components/custom/_signup-public.js
index dc8914f0c7c..fb3899d9567 100644
--- a/src/components/custom/_signup-public.js
+++ b/src/components/custom/_signup-public.js
@@ -10,9 +10,9 @@ import { Flex, Show, Box, Container } from 'components/containers'
 import { deriv_app_url } from 'common/constants'
 import device from 'themes/device.js'
 // SVG
-import Apple from 'images/svg/custom/apple.svg'
-import Facebook from 'images/svg/custom/facebook-blue.svg'
-import Google from 'images/svg/custom/google.svg'
+import Apple from 'images/svg/custom/apple-40.svg'
+import Facebook from 'images/svg/custom/facebook-40.svg'
+import Google from 'images/svg/custom/google-40.svg'
 import Arrow from 'images/svg/custom/chevron-right.svg'
 
 const query = graphql`
@@ -155,57 +155,15 @@ const MobileSocialWrapper = styled(SocialWrapper)`
     }
 `
 const SocialButton = styled(Button)`
-    width: 110px;
-    line-height: 27px;
-    padding: 5px;
-    border-radius: 4px;
-    justify-content: center;
     display: flex;
-    background-color: var(--color-white);
-    border: solid 1px var(--color-grey-7);
-    height: 4rem;
-    margin: 0 0.8rem;
+    padding: 0;
+    margin: 0 1rem;
+    border: none;
 
-    &:nth-of-type(1) {
-        margin-left: 0;
-    }
-    img {
-        padding-right: 5px;
-        object-fit: contain;
-    }
     @media ${device.tabletL} {
-        width: 114px;
-        height: 48px;
-        padding: 0;
         justify-content: center;
-        align-items: center;
-
-        img {
-            margin-top: 12px;
-            width: 30px;
-        }
-    }
-    @media (max-width: 500px) {
-        width: 100%;
-        height: 40px;
-        padding: 0;
-        line-height: 14px;
-
-        img {
-            margin-top: 3px;
-            padding-right: 0;
-        }
     }
 `
-const SocialButtonText = styled.div`
-    display: flex;
-
-    span {
-        display: block;
-        width: 100%;
-    }
-`
-
 const StyledHeader = styled(Header)`
     width: ${(props) => props.width || '41.4rem'};
     position: ${(props) => props.position || 'static'};
@@ -420,10 +378,7 @@ const SignupPublic = ({
                                         type="button"
                                         social
                                     >
-                                        <SocialButtonText>
-                                            <img src={Google} alt="google" width="24" height="24" />
-                                            <span>Google</span>
-                                        </SocialButtonText>
+                                        <img src={Google} alt="google" width="40" height="40" />
                                     </SocialButton>
                                     <SocialButton
                                         onClick={handleSocialSignup}
@@ -433,15 +388,7 @@ const SignupPublic = ({
                                         type="button"
                                         social
                                     >
-                                        <SocialButtonText>
-                                            <img
-                                                src={Facebook}
-                                                alt="facebook"
-                                                width="24"
-                                                height="24"
-                                            />
-                                            <span>Facebook</span>
-                                        </SocialButtonText>
+                                        <img src={Facebook} alt="facebook" width="40" height="40" />
                                     </SocialButton>
                                     <SocialButton
                                         onClick={handleSocialSignup}
@@ -451,10 +398,7 @@ const SignupPublic = ({
                                         type="button"
                                         social
                                     >
-                                        <SocialButtonText>
-                                            <img src={Apple} alt="apple" width="24" height="24" />
-                                            <span>Apple</span>
-                                        </SocialButtonText>
+                                        <img src={Apple} alt="apple" width="40" height="40" />
                                     </SocialButton>
                                 </SocialWrapper>
                             </StyledFormWrapper>
@@ -579,14 +523,7 @@ const SignupPublic = ({
                                             type="button"
                                             social
                                         >
-                                            <span>
-                                                <img
-                                                    src={Google}
-                                                    alt="google"
-                                                    width="24"
-                                                    height="24"
-                                                />
-                                            </span>
+                                            <img src={Google} alt="google" width="40" height="40" />
                                         </SocialButton>
                                         <SocialButton
                                             onClick={handleSocialSignup}
@@ -596,14 +533,12 @@ const SignupPublic = ({
                                             type="button"
                                             social
                                         >
-                                            <span>
-                                                <img
-                                                    src={Facebook}
-                                                    alt="facebook"
-                                                    width="24"
-                                                    height="24"
-                                                />
-                                            </span>
+                                            <img
+                                                src={Facebook}
+                                                alt="facebook"
+                                                width="40"
+                                                height="40"
+                                            />
                                         </SocialButton>
                                         <SocialButton
                                             onClick={handleSocialSignup}
@@ -613,14 +548,7 @@ const SignupPublic = ({
                                             type="button"
                                             social
                                         >
-                                            <span>
-                                                <img
-                                                    src={Apple}
-                                                    alt="apple"
-                                                    width="24"
-                                                    height="24"
-                                                />
-                                            </span>
+                                            <img src={Apple} alt="apple" width="40" height="40" />
                                         </SocialButton>
                                     </Flex>
                                 </MobileSocialWrapper>
diff --git a/src/components/custom/other-platforms.js b/src/components/custom/other-platforms.js
index 1a287bac015..58a6b3e7dad 100644
--- a/src/components/custom/other-platforms.js
+++ b/src/components/custom/other-platforms.js
@@ -1,7 +1,15 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import styled, { css } from 'styled-components'
-import { SectionContainer, Flex, FlexGridContainer, EU, NonEU } from 'components/containers'
+import {
+    SectionContainer,
+    Flex,
+    FlexGridContainer,
+    EU,
+    NonEU,
+    NonUK,
+    ROW,
+} from 'components/containers'
 import {
     Text,
     Card,
@@ -283,7 +291,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                             onClick={onClick}
                             to="/trade-types/cfds/"
                         />
-                        <NonEU>
+                        <ROW>
                             <NavCard
                                 aria_label="Options"
                                 icon={() => <img src={Options} alt="" width="32" height="32" />}
@@ -294,7 +302,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                                 onClick={onClick}
                                 to="/trade-types/options/"
                             />
-                        </NonEU>
+                        </ROW>
                         <NavCard
                             aria_label="Multipliers"
                             icon={() => <img src={Multipliers} alt="" width="32" height="32" />}
@@ -321,7 +329,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                     onClick={onClick}
                     to={is_ppc_redirect ? '/landing/dmt5/' : '/dmt5/'}
                 />
-                <NonEU>
+                <ROW>
                     <>
                         <NavCard
                             aria_label="Derivx"
@@ -348,7 +356,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                             otherLinkProps={{ rel: 'noopener noreferrer' }}
                         />
                     </>
-                </NonEU>
+                </ROW>
             </Flex>
             <Flex direction="column" wrap="wrap" jc="flex-start">
                 <EmptySpace />
@@ -362,7 +370,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                     onClick={onClick}
                     to="/dtrader/"
                 />
-                <NonEU>
+                <ROW>
                     <>
                         <NavCard
                             aria_label="Deriv GO"
@@ -398,7 +406,7 @@ export const NavPlatform = ({ onClick, is_ppc, is_ppc_redirect }) => {
                             otherLinkProps={{ rel: 'noopener noreferrer' }}
                         />
                     </>
-                </NonEU>
+                </ROW>
             </Flex>
         </Flex>
     )
@@ -410,62 +418,68 @@ NavPlatform.propTypes = {
     onClick: PropTypes.func,
 }
 
-export const NavMarket = ({ onClick, is_ppc }) => (
-    <Flex direction="column" wrap="wrap" jc="flex-start">
-        <NavCard
-            aria_label="Forex"
-            icon={() => <img src={Forex} alt="" width="32" height="32" />}
-            content={
-                <Localize translate_text="Trade the world’s largest financial market with popular forex pairs." />
-            }
-            title={<Localize translate_text="Forex" />}
-            onClick={onClick}
-            to="/markets/forex/"
-        />
-        {!is_ppc && (
+export const NavMarket = ({ onClick, is_ppc }) => {
+    return (
+        <Flex direction="column" wrap="wrap" jc="flex-start">
             <NavCard
-                aria_label="Synthetic indices"
-                icon={() => <img src={SyntheticIndices} alt="" width="32" height="32" />}
+                aria_label="Forex"
+                icon={() => <img src={Forex} alt="" width="32" height="32" />}
                 content={
-                    <Localize translate_text="Enjoy synthetic markets that emulate real-world market movements." />
+                    <Localize translate_text="Trade the world’s largest financial market with popular forex pairs." />
                 }
-                title={<Localize translate_text="Synthetic indices" />}
+                title={<Localize translate_text="Forex" />}
                 onClick={onClick}
-                to="/markets/synthetic/"
+                to="/markets/forex/"
             />
-        )}
-        <NavCard
-            aria_label="Stocks & indices"
-            icon={() => <img src={StockIndices} alt="" width="32" height="32" />}
-            content={
-                <Localize translate_text="Predict broader market trends and diversify your risk with stocks & indices." />
-            }
-            title={<Localize translate_text="Stocks & indices" />}
-            onClick={onClick}
-            to="/markets/stock/"
-        />
-        <NavCard
-            aria_label="Cryptocurrencies"
-            icon={() => <img src={Cryptocurrencies} alt="" width="32" height="32" />}
-            content={
-                <Localize translate_text="Trade with leverage on the price movement of popular crypto-fiat pairs." />
-            }
-            title={<Localize translate_text="Cryptocurrencies" />}
-            onClick={onClick}
-            to="/markets/cryptocurrencies/"
-        />
-        <NavCard
-            aria_label="Commodities"
-            icon={() => <img src={Commodities} alt="" width="32" height="32" />}
-            content={
-                <Localize translate_text="Trade natural resources that are central to the world's economy." />
-            }
-            title={<Localize translate_text="Commodities" />}
-            onClick={onClick}
-            to="/markets/commodities/"
-        />
-    </Flex>
-)
+            <NonUK>
+                {!is_ppc && (
+                    <NavCard
+                        aria_label="Synthetic indices"
+                        icon={() => <img src={SyntheticIndices} alt="" width="32" height="32" />}
+                        content={
+                            <Localize translate_text="Enjoy synthetic markets that emulate real-world market movements." />
+                        }
+                        title={<Localize translate_text="Synthetic indices" />}
+                        onClick={onClick}
+                        to="/markets/synthetic/"
+                    />
+                )}
+            </NonUK>
+            <NavCard
+                aria_label="Stocks & indices"
+                icon={() => <img src={StockIndices} alt="" width="32" height="32" />}
+                content={
+                    <Localize translate_text="Predict broader market trends and diversify your risk with stocks & indices." />
+                }
+                title={<Localize translate_text="Stocks & indices" />}
+                onClick={onClick}
+                to="/markets/stock/"
+            />
+            <NonUK>
+                <NavCard
+                    aria_label="Cryptocurrencies"
+                    icon={() => <img src={Cryptocurrencies} alt="" width="32" height="32" />}
+                    content={
+                        <Localize translate_text="Trade with leverage on the price movement of popular crypto-fiat pairs." />
+                    }
+                    title={<Localize translate_text="Cryptocurrencies" />}
+                    onClick={onClick}
+                    to="/markets/cryptocurrencies/"
+                />
+            </NonUK>
+            <NavCard
+                aria_label="Commodities"
+                icon={() => <img src={Commodities} alt="" width="32" height="32" />}
+                content={
+                    <Localize translate_text="Trade natural resources that are central to the world's economy." />
+                }
+                title={<Localize translate_text="Commodities" />}
+                onClick={onClick}
+                to="/markets/commodities/"
+            />
+        </Flex>
+    )
+}
 
 NavMarket.propTypes = {
     is_ppc: PropTypes.bool,
diff --git a/src/components/elements/off-canvas-menu.js b/src/components/elements/off-canvas-menu.js
index 5545ac1c564..30d55b0dd15 100644
--- a/src/components/elements/off-canvas-menu.js
+++ b/src/components/elements/off-canvas-menu.js
@@ -2,7 +2,7 @@ import React, { useState, useRef, useEffect } from 'react'
 import styled from 'styled-components'
 import PropTypes from 'prop-types'
 import { useOutsideClick } from 'components/hooks/use-outside-click'
-import { Flex, NonEU } from 'components/containers'
+import { Flex, ROW, NonUK } from 'components/containers'
 import { LocalizedLink, localize, Localize } from 'components/localization'
 import { Accordion, AccordionItem, NavCard, Text, Divider } from 'components/elements'
 import { deriv_status_page_url } from 'common/constants'
@@ -156,7 +156,7 @@ export const OffCanvasMenuWrapper = (props) => {
                                         to="/trade-types/cfds/"
                                     />
                                 </Flex>
-                                <NonEU>
+                                <ROW>
                                     <Flex mb="2rem">
                                         <NavCard
                                             aria_label="Options"
@@ -171,7 +171,7 @@ export const OffCanvasMenuWrapper = (props) => {
                                             to="/trade-types/options/"
                                         />
                                     </Flex>
-                                </NonEU>
+                                </ROW>
                                 <Flex mb="2rem">
                                     <NavCard
                                         aria_label="Multipliers"
@@ -206,7 +206,7 @@ export const OffCanvasMenuWrapper = (props) => {
                                 to={props.is_ppc_redirect ? '/landing/dmt5/' : '/dmt5/'}
                             />
                         </Flex>
-                        <NonEU>
+                        <ROW>
                             <Flex mb="2rem">
                                 <NavCard
                                     aria_label="Derivx"
@@ -219,7 +219,7 @@ export const OffCanvasMenuWrapper = (props) => {
                                     to="/derivx/"
                                 />
                             </Flex>
-                        </NonEU>
+                        </ROW>
 
                         <Flex mb="2rem">
                             <NavCard
@@ -233,7 +233,7 @@ export const OffCanvasMenuWrapper = (props) => {
                                 to="/dtrader/"
                             />
                         </Flex>
-                        <NonEU>
+                        <ROW>
                             <>
                                 <Flex mb="2rem">
                                     <NavCard
@@ -299,7 +299,7 @@ export const OffCanvasMenuWrapper = (props) => {
                                     />
                                 </Flex>
                             </>
-                        </NonEU>
+                        </ROW>
                     </AccordionItem>
                     <AccordionItem
                         header="Markets"
@@ -318,22 +318,29 @@ export const OffCanvasMenuWrapper = (props) => {
                                 to="/markets/forex/"
                             />
                         </Flex>
-                        {!props.is_ppc && (
-                            <Flex mb="3.2rem">
-                                <NavCard
-                                    aria_label="Synthetic indices"
-                                    icon={() => (
-                                        <img src={SyntheticIndices} alt="" width="32" height="32" />
-                                    )}
-                                    content={localize(
-                                        'Enjoy synthetic markets that emulate real-world market movements.',
-                                    )}
-                                    title={localize('Synthetic indices')}
-                                    onClick={handleArrowClick}
-                                    to="/markets/synthetic/"
-                                />
-                            </Flex>
-                        )}
+                        <NonUK>
+                            {!props.is_ppc && (
+                                <Flex mb="3.2rem">
+                                    <NavCard
+                                        aria_label="Synthetic indices"
+                                        icon={() => (
+                                            <img
+                                                src={SyntheticIndices}
+                                                alt=""
+                                                width="32"
+                                                height="32"
+                                            />
+                                        )}
+                                        content={localize(
+                                            'Enjoy synthetic markets that emulate real-world market movements.',
+                                        )}
+                                        title={localize('Synthetic indices')}
+                                        onClick={handleArrowClick}
+                                        to="/markets/synthetic/"
+                                    />
+                                </Flex>
+                            )}
+                        </NonUK>
                         <Flex mb="3.2rem">
                             <NavCard
                                 aria_label="Stocks & indices"
@@ -348,20 +355,22 @@ export const OffCanvasMenuWrapper = (props) => {
                                 to="/markets/stock/"
                             />
                         </Flex>
-                        <Flex mb="3.2rem">
-                            <NavCard
-                                aria_label="Cryptocurrencies"
-                                icon={() => (
-                                    <img src={Cryptocurrencies} alt="" width="32" height="32" />
-                                )}
-                                content={localize(
-                                    'Trade with leverage on the price movement of popular crypto-fiat pairs.',
-                                )}
-                                title={localize('Cryptocurrencies')}
-                                onClick={handleArrowClick}
-                                to="/markets/cryptocurrencies/"
-                            />
-                        </Flex>
+                        <NonUK>
+                            <Flex mb="3.2rem">
+                                <NavCard
+                                    aria_label="Cryptocurrencies"
+                                    icon={() => (
+                                        <img src={Cryptocurrencies} alt="" width="32" height="32" />
+                                    )}
+                                    content={localize(
+                                        'Trade with leverage on the price movement of popular crypto-fiat pairs.',
+                                    )}
+                                    title={localize('Cryptocurrencies')}
+                                    onClick={handleArrowClick}
+                                    to="/markets/cryptocurrencies/"
+                                />
+                            </Flex>
+                        </NonUK>
                         <Flex>
                             <NavCard
                                 aria_label="Commodities"
diff --git a/src/components/layout/footer/main-links.js b/src/components/layout/footer/main-links.js
index 38ac8dc2e98..aa912e09566 100644
--- a/src/components/layout/footer/main-links.js
+++ b/src/components/layout/footer/main-links.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { LinksWrapper, LinkWrapper, LinksCol, Title, Link } from './common/style.js'
 import { localize } from 'components/localization'
-import { Flex, Show, NonEU } from 'components/containers'
+import { Flex, Show, NonUK, ROW } from 'components/containers'
 import { deriv_status_page_url } from 'common/constants'
 
 const MainLinksSection = ({ is_ppc, is_ppc_redirect }) => {
@@ -12,7 +12,7 @@ const MainLinksSection = ({ is_ppc, is_ppc_redirect }) => {
                 <Flex jc="space-between">
                     <LinksCol>
                         <LinkWrapper>
-                            <title>Codestin Search App</title>
+                            <title>Codestin Search App</title>
                         </LinkWrapper>
                         <LinkWrapper first_child="true">
                             <Link to="/who-we-are/">{localize('Who we are')}</Link>
@@ -30,66 +30,21 @@ const MainLinksSection = ({ is_ppc, is_ppc_redirect }) => {
                             <Link to="/careers/">{localize('Careers')}</Link>
                         </LinkWrapper>
                     </LinksCol>
-                    <LinksCol>
-                        <LinkWrapper>
-                            <title>Codestin Search App</title>
-                        </LinkWrapper>
-                        <LinkWrapper first_child="true">
-                            <Link to="/dtrader/">{localize('DTrader')}</Link>
-                        </LinkWrapper>
-                        <NonEU>
-                            <LinkWrapper>
-                                <Link to="/landing/deriv-go/">{localize('Deriv GO')}</Link>
-                            </LinkWrapper>
-                            <LinkWrapper>
-                                <Link to="/dbot/">{localize('DBot')}</Link>
-                            </LinkWrapper>
-                        </NonEU>
-                        <LinkWrapper>
-                            <Link to={is_ppc_redirect ? '/landing/dmt5/' : '/dmt5/'}>
-                                {localize('DMT5')}
-                            </Link>
-                        </LinkWrapper>
-                        <NonEU>
-                            <LinkWrapper>
-                                <Link to="/derivx/">{localize('Deriv X')}</Link>
-                            </LinkWrapper>
-                            <LinkWrapper>
-                                <Link
-                                    to="trading"
-                                    type="smart_trader"
-                                    external="true"
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                >
-                                    {localize('SmartTrader')}
-                                </Link>
-                            </LinkWrapper>
-                            <LinkWrapper>
-                                <Link
-                                    to="https://bot.deriv.com"
-                                    external="true"
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                >
-                                    {localize('Binary Bot')}
-                                </Link>
-                            </LinkWrapper>
-                        </NonEU>
-                    </LinksCol>
                     {!is_ppc && (
                         <LinksCol>
                             <LinkWrapper>
-                                <title>Codestin Search App</title>
+                                <title>Codestin Search App</title>
                             </LinkWrapper>
                             <LinkWrapper first_child="true">
                                 <Link to="/trade-types/cfds/">{localize('CFDs')}</Link>
                             </LinkWrapper>
-                            <NonEU>
+                            <ROW>
                                 <LinkWrapper>
-                                    <Link to="/trade-types/options/">{localize('Options')}</Link>
+                                    <Link to="/trade-types/options/">
+                                        {localize('Digital options')}
+                                    </Link>
                                 </LinkWrapper>
-                            </NonEU>
+                            </ROW>
                             <LinkWrapper>
                                 <Link to="/trade-types/multiplier/">{localize('Multipliers')}</Link>
                             </LinkWrapper>
@@ -102,24 +57,28 @@ const MainLinksSection = ({ is_ppc, is_ppc_redirect }) => {
                         <LinkWrapper first_child="true">
                             <Link to="/markets/forex/">{localize('Forex')}</Link>
                         </LinkWrapper>
-                        {!is_ppc && (
-                            <LinkWrapper>
-                                <Link to="/markets/synthetic/">
-                                    {localize('Synthetic indices')}
-                                </Link>
-                            </LinkWrapper>
-                        )}
+                        <NonUK>
+                            {!is_ppc && (
+                                <LinkWrapper>
+                                    <Link to="/markets/synthetic/">
+                                        {localize('Synthetic indices')}
+                                    </Link>
+                                </LinkWrapper>
+                            )}
+                        </NonUK>
                         <LinkWrapper>
                             <Link to="/markets/stock/">{localize('Stocks & indices')}</Link>
                         </LinkWrapper>
+                        <NonUK>
+                            <LinkWrapper>
+                                <Link to="/markets/cryptocurrencies/">
+                                    {localize('Cryptocurrencies')}
+                                </Link>
+                            </LinkWrapper>
+                        </NonUK>
                         <LinkWrapper>
                             <Link to="/markets/commodities/">{localize('Commodities')}</Link>
                         </LinkWrapper>
-                        <LinkWrapper>
-                            <Link to="/markets/cryptocurrencies/">
-                                {localize('Cryptocurrencies')}
-                            </Link>
-                        </LinkWrapper>
                     </LinksCol>
                     <LinksCol>
                         <LinkWrapper>
@@ -130,10 +89,18 @@ const MainLinksSection = ({ is_ppc, is_ppc_redirect }) => {
                                 {localize('Deriv MT5')}
                             </Link>
                         </LinkWrapper>
+                        <ROW>
+                            <LinkWrapper>
+                                <Link to="/derivx/">{localize('DerivX')}</Link>
+                            </LinkWrapper>
+                            <LinkWrapper>
+                                <Link to="/landing/deriv-go/">{localize('Deriv GO')}</Link>
+                            </LinkWrapper>
+                        </ROW>
                         <LinkWrapper>
                             <Link to="/dtrader/">{localize('DTrader')}</Link>
                         </LinkWrapper>
-                        <NonEU>
+                        <ROW>
                             <LinkWrapper>
                                 <Link
                                     to="trading"
@@ -148,17 +115,19 @@ const MainLinksSection = ({ is_ppc, is_ppc_redirect }) => {
                             <LinkWrapper>
                                 <Link to="/dbot/">{localize('DBot')}</Link>
                             </LinkWrapper>
-                            <LinkWrapper>
-                                <Link
-                                    to="https://bot.deriv.com"
-                                    external="true"
-                                    target="_blank"
-                                    rel="noopener noreferrer"
-                                >
-                                    {localize('Binary Bot')}
-                                </Link>
-                            </LinkWrapper>
-                        </NonEU>
+                            <ROW>
+                                <LinkWrapper>
+                                    <Link
+                                        to="https://bot.deriv.com"
+                                        external="true"
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                    >
+                                        {localize('Binary Bot')}
+                                    </Link>
+                                </LinkWrapper>
+                            </ROW>
+                        </ROW>
                     </LinksCol>
                     <LinksCol>
                         <LinkWrapper>
@@ -191,20 +160,15 @@ const MainLinksSection = ({ is_ppc, is_ppc_redirect }) => {
                             <Link to="/partners/payment-agent/">{localize('Payment agents')}</Link>
                         </LinkWrapper>
                         <LinkWrapper>
-                            <Link
-                                to=""
-                                type="api"
-                                target="_blank"
-                                external="true"
-                                rel="noopener noreferrer"
-                            >
-                                {localize('API')}
-                            </Link>
+                            <Link to="/partners/developers/">{localize('Developers')}</Link>
+                        </LinkWrapper>
+                        <LinkWrapper>
+                            <Link to="/partners/bug-bounty/">{localize('Bug bounty')}</Link>
                         </LinkWrapper>
                     </LinksCol>
                     <LinksCol>
                         <LinkWrapper>
-                            <title>Codestin Search App</title>
+                            <title>Codestin Search App</title>
                         </LinkWrapper>
                         <LinkWrapper first_child="true">
                             <Link to="/help-centre/">{localize('Help centre')}</Link>
@@ -220,9 +184,6 @@ const MainLinksSection = ({ is_ppc, is_ppc_redirect }) => {
                                 {localize('Community')}
                             </Link>
                         </LinkWrapper>
-                        <LinkWrapper>
-                            <Link to="/trader-tools/">{localize('Traders’ tools')}</Link>
-                        </LinkWrapper>
                         <LinkWrapper>
                             <Link to="/payment-methods/">{localize('Payment methods')}</Link>
                         </LinkWrapper>
diff --git a/src/images/svg/custom/apple-40.svg b/src/images/svg/custom/apple-40.svg
new file mode 100644
index 00000000000..bf70546a590
--- /dev/null
+++ b/src/images/svg/custom/apple-40.svg
@@ -0,0 +1,4 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="4" fill="black"/>
+<path d="M20.2227 14.3846C21.0547 14.3846 22.0977 13.8048 22.7188 13.0318C23.2812 12.3312 23.6914 11.3528 23.6914 10.3744C23.6914 10.2416 23.6797 10.1087 23.6562 10C22.7305 10.0362 21.6172 10.6402 20.9492 11.4495C20.4219 12.0655 19.9414 13.0318 19.9414 14.0223C19.9414 14.1672 19.9648 14.3121 19.9766 14.3605C20.0352 14.3725 20.1289 14.3846 20.2227 14.3846ZM17.293 29C18.4297 29 18.9336 28.2149 20.3516 28.2149C21.793 28.2149 22.1094 28.9758 23.375 28.9758C24.6172 28.9758 25.4492 27.7921 26.2344 26.6325C27.1133 25.3039 27.4766 23.9994 27.5 23.939C27.418 23.9148 25.0391 22.9123 25.0391 20.0979C25.0391 17.658 26.9141 16.5588 27.0195 16.4743C25.7773 14.6383 23.8906 14.59 23.375 14.59C21.9805 14.59 20.8438 15.4596 20.1289 15.4596C19.3555 15.4596 18.3359 14.6383 17.1289 14.6383C14.832 14.6383 12.5 16.595 12.5 20.2912C12.5 22.5861 13.3672 25.014 14.4336 26.5842C15.3477 27.9129 16.1445 29 17.293 29Z" fill="white"/>
+</svg>
diff --git a/src/images/svg/custom/facebook-40.svg b/src/images/svg/custom/facebook-40.svg
new file mode 100644
index 00000000000..65b214b79d8
--- /dev/null
+++ b/src/images/svg/custom/facebook-40.svg
@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="4" fill="#1877F2"/>
+<circle cx="20" cy="20" r="10" fill="white"/>
+<path d="M21.5625 29.8787V22.9695H23.8926L24.3359 20.0612H21.5625V18.1739C21.5625 17.3782 21.9499 16.6027 23.1921 16.6027H24.4531V14.1267C24.4531 14.1267 23.3087 13.9302 22.2146 13.9302C19.9304 13.9302 18.4375 15.323 18.4375 17.8446V20.0612H15.8984V22.9695H18.4375V29.8787C18.9466 29.9586 19.4685 30.0001 20 30.0001C20.5315 30.0001 21.0534 29.9586 21.5625 29.8787Z" fill="#1877F2"/>
+</svg>
diff --git a/src/images/svg/custom/google-40.svg b/src/images/svg/custom/google-40.svg
new file mode 100644
index 00000000000..1af9ed57286
--- /dev/null
+++ b/src/images/svg/custom/google-40.svg
@@ -0,0 +1,7 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="40" height="40" rx="4" fill="#F2F3F4"/>
+<path d="M29.9991 20.234C29.9991 19.5484 29.9361 18.8628 29.8157 18.1885H20.2026V22.0547H25.6942C25.4649 23.291 24.7312 24.3812 23.6592 25.0724L26.9553 27.5844C28.8871 25.8423 29.9991 23.2798 29.9991 20.234Z" fill="#3E82F1"/>
+<path d="M23.6607 25.0737C22.7492 25.675 21.5798 26.029 20.2041 26.029C17.5443 26.029 15.2972 24.2701 14.4947 21.9043L11.084 24.4949C12.8151 27.8723 16.3462 30.0077 20.2041 30.0021C22.9613 30.0021 25.2714 29.1086 26.9567 27.58L23.6607 25.0737Z" fill="#32A753"/>
+<path d="M14.4941 18.1033L11.0834 15.5127C9.63887 18.3393 9.63887 21.6717 11.0834 24.4984L14.4941 21.9077C14.0699 20.6714 14.0699 19.334 14.4941 18.1033Z" fill="#F9BB00"/>
+<path d="M20.2041 10C16.3462 10 12.8151 12.1354 11.084 15.5128L14.4947 18.1034C15.2972 15.7376 17.5443 13.9786 20.2041 13.9786C21.7002 13.9786 23.0473 14.4844 24.102 15.4734L27.0312 12.6019C25.2657 10.989 22.9556 10 20.2041 10Z" fill="#E74133"/>
+</svg>
diff --git a/src/pages/home/_hero.tsx b/src/pages/home/_hero.tsx
index fd99385637b..ba3490a2fc0 100644
--- a/src/pages/home/_hero.tsx
+++ b/src/pages/home/_hero.tsx
@@ -9,6 +9,7 @@ import { LinkButton } from 'components/form'
 import { Container, Box, Flex } from 'components/containers'
 import { BackgroundImage, Header } from 'components/elements'
 import { Localize, localize } from 'components/localization'
+import { getCountryRule } from 'components/containers/visibility'
 
 const query = graphql`
     query {
@@ -74,10 +75,14 @@ const StyledHeader = styled(Header)`
 
 const Hero = ({ is_ppc }: HeroProps) => {
     const data = useStaticQuery(query)
+    const { is_uk } = getCountryRule()
 
-    const text = !is_ppc
-        ? localize('Trade forex, synthetics, stocks & indices, cryptocurrencies, and commodities.')
-        : localize('Trade forex, commodities, stocks, and stock indices')
+    const text =
+        !is_ppc && !is_uk
+            ? localize(
+                  'Trade forex, synthetics, stocks & indices, cryptocurrencies, and commodities.',
+              )
+            : localize('Trade forex, stocks & indices, and commodities.')
 
     return (
         <HeroWrapper>
diff --git a/src/pages/home/_markets_fold.tsx b/src/pages/home/_markets_fold.tsx
index e16f37efceb..0df2305a081 100644
--- a/src/pages/home/_markets_fold.tsx
+++ b/src/pages/home/_markets_fold.tsx
@@ -7,7 +7,7 @@ import { LocalizedLink, Localize } from 'components/localization'
 import { Carousel, Header, QueryImage, Text } from 'components/elements'
 import { useBrowserResize } from 'components/hooks/use-browser-resize'
 import device from 'themes/device.js'
-import { Desktop, Mobile } from 'components/containers/visibility'
+import { getCountryRule, Desktop, Mobile } from 'components/containers/visibility'
 
 const FoldWrapper = styled(SectionContainer)`
     max-width: 100%;
@@ -127,6 +127,39 @@ const market_data = [
     },
 ]
 
+const market_data_uk = [
+    {
+        header: <Localize translate_text="Forex" />,
+        description: (
+            <Localize translate_text="Take part in the world’s largest financial market where more than $5 trillion worth of currencies are bought and sold each day." />
+        ),
+        img_name: 'market_forex',
+        to: '/markets/forex/',
+        gradient_start: '#661B20',
+        gradient_end: '#190708',
+    },
+    {
+        header: <Localize translate_text="Stocks & indices" />,
+        description: (
+            <Localize translate_text="Trade share price movements of big brands and predict broader market trends with indices that measure the overall performance of a market." />
+        ),
+        img_name: 'market_stocks_indices',
+        to: '/markets/stock/',
+        gradient_start: '#2A2040',
+        gradient_end: '#0A0810',
+    },
+    {
+        header: <Localize translate_text="Commodities" />,
+        description: (
+            <Localize translate_text="Trade the price movements of natural resources that are central to the world’s economy and make the most of the market action." />
+        ),
+        img_name: 'market_commodities',
+        to: '/markets/commodities/',
+        gradient_start: '#183046',
+        gradient_end: '#060C11',
+    },
+]
+
 const query = graphql`
     query {
         market_forex: file(relativePath: { eq: "home/market_forex.png" }) {
@@ -221,6 +254,7 @@ const CarouselItem = ({
 
 const MarketsFold = () => {
     const data = useStaticQuery(query)
+    const { is_uk } = getCountryRule()
     const [is_mobile] = useBrowserResize()
     const [is_not_big_screen] = useBrowserResize(1979)
     const settings = {
@@ -262,13 +296,13 @@ const MarketsFold = () => {
                     autoplay_interval={is_mobile ? 3200 : 4000}
                     {...settings}
                 >
-                    {market_data.map((market) => {
+                    {(is_uk ? market_data_uk : market_data).map((market, index) => {
                         const { header, description, img_name, gradient_start, gradient_end, to } =
                             market
 
                         return (
                             <CarouselItem
-                                key={description}
+                                key={index}
                                 header={header}
                                 description={description}
                                 is_mobile={is_mobile}
diff --git a/src/pages/home/_our_platforms.tsx b/src/pages/home/_our_platforms.tsx
index 3eddb5f8c89..3e414839651 100644
--- a/src/pages/home/_our_platforms.tsx
+++ b/src/pages/home/_our_platforms.tsx
@@ -2,9 +2,12 @@ import React from 'react'
 import { Flex, SectionContainer } from 'components/containers'
 import PlatformCarousel from 'pages/home/platform-carousel/_platform-carousel'
 import { Header } from 'components/elements'
-import { localize } from 'components/localization'
+import { localize, Localize } from 'components/localization'
+import { getCountryRule } from 'components/containers/visibility'
 
 const OurPlatforms = () => {
+    const { is_row } = getCountryRule()
+
     return (
         <SectionContainer
             background="#f9fbff"
@@ -30,9 +33,10 @@ const OurPlatforms = () => {
                         align="center"
                         mobileM={{ max_width: '328px' }}
                     >
-                        {localize(
-                            'Choose from 8 powerful platforms — each designed with your needs in mind',
-                        )}
+                        <Localize
+                            translate_text="Choose from {{platforms_no}} powerful platforms — each designed with your needs in mind"
+                            values={{ platforms_no: is_row ? '8' : '2' }}
+                        />
                     </Header>
                 </Flex>
                 <PlatformCarousel />
diff --git a/src/pages/home/_platform-slideshow.tsx b/src/pages/home/_platform-slideshow.tsx
index 66e5db7b4dc..cf8b466d8b3 100644
--- a/src/pages/home/_platform-slideshow.tsx
+++ b/src/pages/home/_platform-slideshow.tsx
@@ -5,6 +5,7 @@ import styled from 'styled-components'
 import { Flex } from 'components/containers'
 import QueryImage from 'components/elements/query-image'
 import device from 'themes/device'
+import { getCountryRule } from 'components/containers/visibility'
 
 const query = graphql`
     query {
@@ -53,13 +54,19 @@ const StyledImage = styled(QueryImage)<{ $is_hidden: boolean }>`
 const PlatformSlideshow = () => {
     const [active_index, setActiveIndex] = useState(0)
     const data = useStaticQuery(query)
+    const { is_row } = getCountryRule()
 
-    const slide_images = [
-        { key: 'hero1', image: data.hero_platform1 },
-        { key: 'hero2', image: data.hero_platform2 },
-        { key: 'hero3', image: data.hero_platform3 },
-        { key: 'hero4', image: data.hero_platform4 },
-    ]
+    const slide_images = is_row
+        ? [
+              { key: 'hero1', image: data.hero_platform1 },
+              { key: 'hero2', image: data.hero_platform2 },
+              { key: 'hero3', image: data.hero_platform3 },
+              { key: 'hero4', image: data.hero_platform4 },
+          ]
+        : [
+              { key: 'hero2', image: data.hero_platform2 },
+              { key: 'hero3', image: data.hero_platform3 },
+          ]
 
     const setNextImage = useCallback(() => {
         setActiveIndex((prevIndex) => (prevIndex >= slide_images.length - 1 ? 0 : prevIndex + 1))
@@ -71,7 +78,7 @@ const PlatformSlideshow = () => {
         }, 5000)
 
         return () => clearInterval(slideshow_timer)
-    }, [])
+    }, [slide_images])
 
     return (
         <Flex max_width="690px" height="626px" tablet={{ max_height: '360px', ai: 'center' }}>
diff --git a/src/pages/home/_trade-types.tsx b/src/pages/home/_trade-types.tsx
index fd85e26a3a7..493df4405dc 100644
--- a/src/pages/home/_trade-types.tsx
+++ b/src/pages/home/_trade-types.tsx
@@ -7,6 +7,7 @@ import { Flex, SectionContainer } from 'components/containers'
 import { useBrowserResize } from 'components/hooks/use-browser-resize'
 import device from 'themes/device.js'
 import Arrow from 'images/svg/trade-types/arrow-right.svg'
+import { getCountryRule } from 'components/containers/visibility'
 
 type TradeTypesProps = {
     image_url: string
@@ -40,7 +41,7 @@ const query = graphql`
     }
 `
 
-const ItemsDetails: TradeTypesProps[] = [
+const items_details_cr: TradeTypesProps[] = [
     {
         image_url: 'trade_type_cfds',
         image_alt: <Localize translate_text="CFDs" />,
@@ -55,7 +56,9 @@ const ItemsDetails: TradeTypesProps[] = [
         image_url: 'trade_type_multipliers',
         image_alt: <Localize translate_text="Multipliers" />,
         header: <Localize translate_text="Multipliers" />,
-        desc: <Localize translate_text="Amplify your gains without losing more than your stake." />,
+        desc: (
+            <Localize translate_text="Multiply your potential profit without risking more than your stake." />
+        ),
         link: '/trade-types/multiplier/',
         link_text: <Localize translate_text="More on multipliers" />,
     },
@@ -69,6 +72,29 @@ const ItemsDetails: TradeTypesProps[] = [
     },
 ]
 
+const items_details_eu_uk: TradeTypesProps[] = [
+    {
+        image_url: 'trade_type_cfds',
+        image_alt: <Localize translate_text="CFDs" />,
+        header: <Localize translate_text="CFDs" />,
+        desc: (
+            <Localize translate_text="Trade with leverage and low spreads for better returns on successful trades." />
+        ),
+        link: '/trade-types/cfds/',
+        link_text: <Localize translate_text="More on CFDs" />,
+    },
+    {
+        image_url: 'trade_type_multipliers',
+        image_alt: <Localize translate_text="Multipliers" />,
+        header: <Localize translate_text="Multipliers" />,
+        desc: (
+            <Localize translate_text="Multiply your potential profit without risking more than your stake." />
+        ),
+        link: '/trade-types/multiplier/',
+        link_text: <Localize translate_text="More on multipliers" />,
+    },
+]
+
 const StyledSection = styled(SectionContainer)`
     max-width: 100%;
 
@@ -211,6 +237,8 @@ const TradeItems = ({ items_details }: TradeItemsProps): ReactElement => {
 }
 
 const TradeTypes = (): React.ReactNode => {
+    const { is_row } = getCountryRule()
+    const items_details_by_region = is_row ? items_details_cr : items_details_eu_uk
     const [is_not_big_screen] = useBrowserResize(1979)
     const settings = {
         options: {
@@ -249,13 +277,16 @@ const TradeTypes = (): React.ReactNode => {
                 mb="40px"
                 tablet={{ mb: '16px' }}
             >
-                {localize('Trade the way you want with 3 exciting trade types')}
+                <Localize
+                    translate_text="Trade the way you want with {{trade_no}} exciting trade types"
+                    values={{ trade_no: is_row ? '3' : '2' }}
+                />
             </Header>
 
             <DesktopWrapper>
                 <Flex>
                     <Carousel {...settings}>
-                        {ItemsDetails.map((item) => {
+                        {items_details_by_region.map((item) => {
                             return (
                                 <Flex key={item.image_url} ai="flex-start">
                                     <TradeItems items_details={item} />
@@ -267,7 +298,7 @@ const TradeTypes = (): React.ReactNode => {
             </DesktopWrapper>
             <MobileWrapper>
                 <Flex fd="column" tablet={{ max_width: '58.8rem', m: '0 auto' }}>
-                    {ItemsDetails.map((item) => {
+                    {items_details_by_region.map((item) => {
                         return (
                             <Flex key={item.link} ai="flex-start">
                                 <TradeItems items_details={item} />
diff --git a/src/pages/home/platform-carousel/_desktop-platform-carousel.tsx b/src/pages/home/platform-carousel/_desktop-platform-carousel.tsx
index 31672d14a8c..8191297f5f3 100644
--- a/src/pages/home/platform-carousel/_desktop-platform-carousel.tsx
+++ b/src/pages/home/platform-carousel/_desktop-platform-carousel.tsx
@@ -14,7 +14,7 @@ const StyledDesktopCarousel = styled(Flex)`
 `
 const DesktopPlatformCarousel = () => {
     const [slide_index, setSlideIndex] = useState(getSlideStartingIndex())
-    const platform_details = getPlatformDetails(no_slide_sets)
+    const platform_details = getPlatformDetails(no_slide_sets())
 
     return (
         <StyledDesktopCarousel ai="start" jc="center">
diff --git a/src/pages/home/platform-carousel/_mobile-platform-carousel.tsx b/src/pages/home/platform-carousel/_mobile-platform-carousel.tsx
index c63d213387f..0d3b5fb5927 100644
--- a/src/pages/home/platform-carousel/_mobile-platform-carousel.tsx
+++ b/src/pages/home/platform-carousel/_mobile-platform-carousel.tsx
@@ -1,11 +1,18 @@
 import React from 'react'
 import { graphql, useStaticQuery } from 'gatsby'
 import styled, { css } from 'styled-components'
-import { platform_details, getOSIcon, PlatformContent, ImageTag } from './_utils'
+import {
+    platform_details_cr,
+    platform_details_eu_uk,
+    getOSIcon,
+    PlatformContent,
+    ImageTag,
+} from './_utils'
 import type { PlatformDetailsProps } from './_utils'
 import device from 'themes/device.js'
 import { Flex } from 'components/containers'
 import { Carousel, QueryImage, StyledLink } from 'components/elements'
+import { getCountryRule } from 'components/containers/visibility'
 
 const CarouselItemWrapper = styled.div`
     width: 100%;
@@ -120,15 +127,16 @@ const PlatformDetails = ({ title, icon, description, learn_more_link }: Platform
 }
 
 const MobilePlatformCarousel = () => {
+    const { is_row } = getCountryRule()
     const images = useStaticQuery(image_query)
 
     return (
         <Carousel {...settings}>
-            {platform_details.map((platform, index) => {
+            {(is_row ? platform_details_cr : platform_details_eu_uk).map((platform, index) => {
                 const image_key = Object.keys(images)[index]
 
                 return (
-                    <CarouselItemWrapper key={platform.description}>
+                    <CarouselItemWrapper key={index}>
                         <Flex tabletL={{ mb: '56px' }}>
                             <MobileImage data={images[image_key]} alt={image_key} height={'55vw'} />
                         </Flex>
diff --git a/src/pages/home/platform-carousel/_platform-slider.tsx b/src/pages/home/platform-carousel/_platform-slider.tsx
index c11b0842e95..3d1c2e7f752 100644
--- a/src/pages/home/platform-carousel/_platform-slider.tsx
+++ b/src/pages/home/platform-carousel/_platform-slider.tsx
@@ -105,7 +105,7 @@ type PlatformSliderProps = {
 const PlatformSlider = ({ slide_index, onSelectSlide, platform_details }: PlatformSliderProps) => {
     const [viewportRef, embla] = useEmblaCarousel({
         startIndex: getSlideStartingIndex(),
-        loop: true,
+        loop: getSlideStartingIndex() > 2 ? true : false,
         axis: 'y',
         skipSnaps: false,
         draggable: false,
diff --git a/src/pages/home/platform-carousel/_utils.tsx b/src/pages/home/platform-carousel/_utils.tsx
index b3c3933633b..bee11b49d7a 100644
--- a/src/pages/home/platform-carousel/_utils.tsx
+++ b/src/pages/home/platform-carousel/_utils.tsx
@@ -33,6 +33,7 @@ import AppStore from 'images/svg/app-download/app-store.svg'
 import GooglePlay from 'images/svg/app-download/google-play.svg'
 import Linux from 'images/svg/app-download/linux.svg'
 import APK from 'images/svg/app-download/apk.svg'
+import { getCountryRule } from 'components/containers/visibility'
 
 export const getOSIcon = (type: string) => {
     if (type === 'browser') return Browser
@@ -52,7 +53,7 @@ export type TPlatformDetails = {
     download_links: Array<{ type: string; url: string }>
 }
 
-export const platform_details: TPlatformDetails[] = [
+export const platform_details_cr: TPlatformDetails[] = [
     {
         title: 'Deriv GO',
         icon: DerivGOIcon,
@@ -135,12 +136,37 @@ export const platform_details: TPlatformDetails[] = [
     },
 ]
 
+export const platform_details_eu_uk: TPlatformDetails[] = [
+    {
+        title: 'Deriv MT5',
+        icon: DMT5Icon,
+        image_key: 'platforms_mt5',
+        description: <Localize translate_text="The all-in-one CFD trading platform." />,
+        learn_more_link: '/dmt5/',
+        download_links: [
+            { type: 'browser', url: deriv_mt5_app_url },
+            { type: 'app_store', url: dmt5_macos_url },
+            { type: 'linux', url: dmt5_linux_url },
+            { type: 'google_play', url: dmt5_android_url },
+        ],
+    },
+    {
+        title: 'DTrader',
+        icon: DTraderIcon,
+        image_key: 'platforms_dtrader',
+        description: <Localize translate_text="Our flagship app for trading multipliers." />,
+        learn_more_link: '/dtrader/',
+        download_links: [{ type: 'browser', url: deriv_app_url }],
+    },
+]
+
 export const getPlatformDetails = (no_of_copies) => {
+    const { is_row } = getCountryRule()
     const new_details = []
     let current_index = 0
 
     for (let index = 0; index < no_of_copies; index++) {
-        platform_details.forEach((p) => {
+        (is_row ? platform_details_cr : platform_details_eu_uk).forEach((p) => {
             new_details.push({ ...p, id: current_index })
             current_index++
         })
@@ -149,10 +175,20 @@ export const getPlatformDetails = (no_of_copies) => {
     return new_details
 }
 
-export const no_slide_sets = 11
+export const no_slide_sets = () => {
+    const { is_row } = getCountryRule()
+    if (!is_row) {
+        return 1
+    }
+    return 11
+}
 
 export const getSlideStartingIndex = () => {
-    return Math.round((no_slide_sets * 8) / 2 - 2)
+    const { is_row } = getCountryRule()
+    if (!is_row) {
+        return 0
+    }
+    return Math.round((no_slide_sets() * 8) / 2 - 2)
 }
 
 export const ImageTag = styled.img`
@@ -169,7 +205,7 @@ const LearnMoreLink = styled(StyledLink)`
 
 export type PlatformDetailsProps = {
     title: string
-    description: string
+    description: ReactElement
     learn_more_link: string
     icon?: string
     style?: CSSProperties