Chore: Add Russian content to Hero component

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;
 

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 (
-    <section className={styles.hero}>
-      <Heading text={'practical longevity protocol'} />
+    <section
+      className={cn(styles.hero, {
+        [styles.heroRu]: locale === 'ru',
+      })}
+    >
+      <Heading text={mainTitle} />
       <Heading
         text={'BY WOLF ALEXANYAN'}
         Tag={'h2'}

src/data/longevity/en.ts

@@ -1,4 +1,5 @@
 const en = {
+  mainTitle: 'Practical longevity protocol',
   habitTooltipTitle: 'Why do this?',
   foodScienceFactsTitle: 'Food-science facts that most influenced my choices',
   whatNotToEatTitle: 'What not to eat',

src/data/longevity/hy.ts

@@ -1,4 +1,5 @@
 const hy = {
+  mainTitle: 'Practical longevity protocol',
   habitTooltipTitle: 'Why do this?',
   foodScienceFactsTitle: 'Food-science facts that most influenced my choices',
   whatNotToEatTitle: 'What not to eat',

src/data/longevity/ru.ts

@@ -1,4 +1,5 @@
 const ru = {
+  mainTitle: 'ПРАКТИЧЕСКИЙ ПРОТОКОЛ ДОЛГОЛЕТИЯ',
   habitTooltipTitle: 'Зачем это делать?',
   foodScienceFactsTitle: 'Научные факты повлиявшие на меня больше всего',
   whatNotToEatTitle: 'Что не есть',