diff --git a/src/features/pages/home/cta/index.tsx b/src/features/pages/home/cta/index.tsx index 651a2168bb8..53402fac60e 100644 --- a/src/features/pages/home/cta/index.tsx +++ b/src/features/pages/home/cta/index.tsx @@ -34,7 +34,7 @@ const CTA = () => { const { is_eu } = useRegion() return ( -
+
diff --git a/src/features/pages/home/fast-payment/index.tsx b/src/features/pages/home/fast-payment/index.tsx index f2cbb423e6d..9d62cdeb833 100644 --- a/src/features/pages/home/fast-payment/index.tsx +++ b/src/features/pages/home/fast-payment/index.tsx @@ -24,8 +24,8 @@ const FastPaymentSection: React.FC = () => { cols: 'infinite', cards: is_eu ? EUPaymentMethods : RowPaymentMethods, sliderClass: is_eu - ? 'animate-[40s_slide_linear_infinite]' - : 'animate-[100s_slide_linear_infinite]', + ? '!animate-[40s_slide_linear_infinite] rtl:!animate-[40s_slideRtl_linear_infinite]' + : '!animate-[100s_slide_linear_infinite] rtl:!animate-[100s_slideRtl_linear_infinite]', }} disclaimer={ diff --git a/src/features/pages/home/hero/award-images.tsx b/src/features/pages/home/hero/award-images.tsx index 5b2790b416b..f1c294aaf14 100644 --- a/src/features/pages/home/hero/award-images.tsx +++ b/src/features/pages/home/hero/award-images.tsx @@ -1,8 +1,8 @@ import React from 'react' import clsx from 'clsx' import { StaticImage } from 'gatsby-plugin-image' -import { hero_content_award_img } from './styles.module.scss' -import { localize } from 'components/localization' +import { hero_content_award_img, hero_content_award_img_rtl } from './styles.module.scss' +import { get_lang_direction, localize } from 'components/localization' import useRegion from 'components/hooks/use-region' import { isEuDomain } from 'common/utility' @@ -12,7 +12,14 @@ const HeroAwardImages = () => { if (isEuDomain() || is_eu) return null return ( -
+
= () => { loading="eager" style={{ position: 'absolute', inset: 0 }} /> - -
+
diff --git a/src/features/pages/home/hero/styles.module.scss b/src/features/pages/home/hero/styles.module.scss index 3532ba24f22..0ab2891f751 100644 --- a/src/features/pages/home/hero/styles.module.scss +++ b/src/features/pages/home/hero/styles.module.scss @@ -22,6 +22,14 @@ margin-top: 0; } } +.hero_content_rtl{ + @media only screen and (min-width: 601px){ + &[dir="rtl"] { + text-align: right; + margin-right: auto; + } + } +} .hero_content_btn { margin-inline: auto; @media only screen and (min-width: 601px){ @@ -76,6 +84,14 @@ left: 0; } } +.hero_content_award_img_rtl { + @media only screen and (min-width: 601px){ + &[dir="rtl"] { + right: 50%; + left: auto; + } + } +} .hero_content_text{ @media only screen and (min-width: 601px){ max-width: 325px; diff --git a/src/features/pages/home/live-pricing-migration/index.tsx b/src/features/pages/home/live-pricing-migration/index.tsx index 12c9b0c9f8c..352a305408b 100644 --- a/src/features/pages/home/live-pricing-migration/index.tsx +++ b/src/features/pages/home/live-pricing-migration/index.tsx @@ -37,7 +37,7 @@ const LiveMarketSection = () => { className="inline-flex items-center justify-center pt-gap-3xl" > - + @@ -53,7 +53,7 @@ const LiveMarketSection = () => { className="inline-flex items-center justify-center pt-gap-3xl" > - + @@ -69,7 +69,7 @@ const LiveMarketSection = () => { className="inline-flex items-center justify-center pt-gap-3xl" > - + @@ -85,7 +85,7 @@ const LiveMarketSection = () => { className="inline-flex items-center justify-center pt-gap-3xl" > - + @@ -101,7 +101,7 @@ const LiveMarketSection = () => { className="inline-flex items-center justify-center pt-gap-3xl" > - + @@ -117,7 +117,7 @@ const LiveMarketSection = () => { className="inline-flex items-center justify-center pt-gap-3xl" > - +