diff --git a/src/components/longevity/Hero/Hero.module.scss b/src/components/longevity/Hero/Hero.module.scss index 4eecf8b..796690b 100644 --- a/src/components/longevity/Hero/Hero.module.scss +++ b/src/components/longevity/Hero/Hero.module.scss @@ -9,7 +9,14 @@ padding: 40px 0; } -@media (max-width: 1160px) { +.heroRu { + h1 { + font-family: Cormorant_Garamond-Regular, sans-serif !important; + font-weight: 200 !important; + } +} + +@media (max-width: 1350px) { .hero { text-align: center; diff --git a/src/components/longevity/Hero/Hero.tsx b/src/components/longevity/Hero/Hero.tsx index 0a1a97b..47afa8e 100644 --- a/src/components/longevity/Hero/Hero.tsx +++ b/src/components/longevity/Hero/Hero.tsx @@ -1,11 +1,27 @@ import { FC } from 'react'; -import styles from './Hero.module.scss'; +import { useRouter } from 'next/router'; + import Heading from '@components/Heading'; +import type { TRouter } from '@local-types/global'; + +import longevityData from '@data/longevity'; + +import styles from './Hero.module.scss'; +import cn from 'classnames'; + const Hero: FC = ({}) => { + const router = useRouter(); + const { locale } = router as TRouter; + const { mainTitle } = longevityData[locale]; + return ( -
- +
+