diff --git a/backend/src/endpoints/api/spotify/models.rs b/backend/src/endpoints/api/spotify/models.rs
index 66c9ff5..731e0e8 100644
--- a/backend/src/endpoints/api/spotify/models.rs
+++ b/backend/src/endpoints/api/spotify/models.rs
@@ -4,6 +4,7 @@ use serde::{Deserialize, Serialize};
 pub struct NowPlayingResponse {
     pub item: Option<Item>,
     pub is_playing: bool,
+    pub device: Option<Device>,
 }
 
 #[derive(Clone, Debug, Deserialize, Serialize)]
@@ -34,6 +35,12 @@ pub struct ExternalUrls {
     pub spotify: String,
 }
 
+#[derive(Clone, Debug, Deserialize, Serialize)]
+pub struct Device {
+    pub volume_percent: Option<u32>,
+}
+
+
 #[derive(Debug, Deserialize)]
 pub struct TokenResponse {
     pub access_token: String,
@@ -61,4 +68,4 @@ pub struct NowPlayingStreamData {
     #[serde(rename = "songUrl")]
     #[serde(skip_serializing_if = "Option::is_none")]
     pub song_url: Option<String>,
-}
+}
\ No newline at end of file
diff --git a/backend/src/endpoints/api/spotify/services.rs b/backend/src/endpoints/api/spotify/services.rs
index 3810586..acb672d 100644
--- a/backend/src/endpoints/api/spotify/services.rs
+++ b/backend/src/endpoints/api/spotify/services.rs
@@ -36,7 +36,8 @@ impl SpotifyService {
 
             let client = reqwest::Client::new();
             let response = client
-                .get("https://api.spotify.com/v1/me/player/currently-playing")
+                // Изменяем эндпоинт, чтобы получить больше данных, включая громкость
+                .get("https://api.spotify.com/v1/me/player?additional_types=track")
                 .header("Authorization", format!("Bearer {}", access_token))
                 .send()
                 .await
@@ -46,7 +47,22 @@ impl SpotifyService {
 
             match status {
                 StatusCode::OK => {
-                    let now_playing_response = response.json::<NowPlayingResponse>().await?;
+                    // Делаем переменную изменяемой, чтобы модифицировать ее
+                    let mut now_playing_response = response.json::<NowPlayingResponse>().await?;
+                    
+                    // === НАША НОВАЯ ЛОГИКА ===
+                    // Проверяем, есть ли информация об устройстве и громкости
+                    if let Some(device) = &now_playing_response.device {
+                        if let Some(volume) = device.volume_percent {
+                            // Если громкость равна 0, считаем, что музыка не играет
+                            if volume == 0 {
+                                now_playing_response.is_playing = false;
+                                info!("Spotify volume is 0, setting is_playing to false.");
+                            }
+                        }
+                    }
+                    // =======================
+
                     return Ok(Some(now_playing_response));
                 }
                 StatusCode::NO_CONTENT => {
@@ -129,4 +145,4 @@ impl SpotifyService {
             Err(AppError::InternalError(error_message))
         }
     }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/[locale]/about/page.module.css b/frontend/app/[locale]/about/page.module.css
index 0a50b1c..80202b3 100644
--- a/frontend/app/[locale]/about/page.module.css
+++ b/frontend/app/[locale]/about/page.module.css
@@ -21,21 +21,49 @@
   border: 1px solid var(--border);
   background-color: var(--secondary);
   color: var(--secondary-foreground);
-  transition: background-color 0.2s;
+  transition: background-color 0.2s, transform 0.2s;
   margin-top: 10px;
 }
 
 .contactButton:hover {
   background-color: var(--accent);
+  transform: translateY(-2px);
 }
 
 .contactDetails {
-  margin-top: 15px;
+  margin-top: 20px;
   padding: 15px;
   background-color: var(--muted);
   border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
 }
 
+.contactLink {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  color: var(--foreground);
+  text-decoration: none;
+  font-size: 1rem;
+  transition: color 0.2s;
+}
+
+.contactLink:hover {
+  color: var(--primary);
+}
+
+.contactLink svg {
+  width: 20px;
+  height: 20px;
+}
+.dark .contactLink svg {
+  color: var(--primary-foreground);
+}
+
+
 .contentWrapper {
   display: flex;
   flex-direction: row-reverse;
@@ -68,6 +96,48 @@
   text-decoration: underline;
 }
 
+/* Стили для карточек */
+.card {
+  background-color: var(--card);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 20px;
+  transition: box-shadow 0.3s ease, transform 0.3s ease;
+}
+
+.card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
+}
+
+.dark .card:hover {
+  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.05);
+}
+
+
+.skillsContainer {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-top: 15px;
+}
+
+.skillTag {
+  background-color: var(--secondary);
+  color: var(--secondary-foreground);
+  padding: 6px 14px;
+  border-radius: 16px;
+  font-size: 0.9rem;
+  font-weight: 500;
+  border: 1px solid var(--border);
+  transition: background-color 0.2s, transform 0.2s;
+}
+
+.skillTag:hover {
+    background-color: var(--accent);
+    transform: scale(1.05);
+}
+
 .statsImages {
   display: flex;
   flex-direction: column;
@@ -84,28 +154,16 @@
   height: auto;
 }
 
-.connect {
-  margin-top: 30px;
-  padding-top: 20px;
-  border-top: 1px solid var(--border);
-}
-
-.socialLinks {
-  display: flex;
-  gap: 15px;
-  margin-top: 10px;
+/* Стили для анимации */
+.animatedSection {
+  opacity: 0;
+  transform: translateY(20px);
+  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
 }
 
-.socialIcon {
-  height: 40px;
-  width: 40px;
-  object-fit: contain;
-  filter: grayscale(1);
-  transition: filter 0.2s;
-}
-
-.socialIcon:hover {
-  filter: grayscale(0);
+.animatedSection.isVisible {
+  opacity: 1;
+  transform: translateY(0);
 }
 
 @media (max-width: 768px) {
@@ -115,4 +173,4 @@
   .sidebar {
     max-width: 100%;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/app/[locale]/about/page.tsx b/frontend/app/[locale]/about/page.tsx
index e239c0e..144f429 100644
--- a/frontend/app/[locale]/about/page.tsx
+++ b/frontend/app/[locale]/about/page.tsx
@@ -1,66 +1,123 @@
 'use client';
 
-import { useState } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import Link from 'next/link';
 import Image from 'next/image';
+import { useTranslations } from 'next-intl';
 import styles from './page.module.css';
 
+const useIntersectionObserver = (options: IntersectionObserverInit) => {
+  const [elements, setElements] = useState<HTMLElement[]>([]);
+  const [entries, setEntries] = useState<IntersectionObserverEntry[]>([]);
+  const observer = useRef<IntersectionObserver | null>(null);
+
+  useEffect(() => {
+    if (elements.length) {
+      observer.current = new IntersectionObserver((ioEntries) => {
+        setEntries(ioEntries);
+      }, options);
+
+      elements.forEach(element => observer.current?.observe(element));
+    }
+    return () => {
+      if (observer.current) {
+        observer.current.disconnect();
+      }
+    };
+  }, [elements, options]);
+
+  return [observer.current, setElements, entries] as const;
+};
+
+
 export default function ResumePage() {
+  const t = useTranslations('AboutPage');
   const [showContact, setShowContact] = useState(false);
+  const skillList: string[] = t.raw('skills.list');
+  
+  const [observer, setElements, entries] = useIntersectionObserver({
+    threshold: 0.2,
+    root: null
+  });
+
+  useEffect(() => {
+    const sections = Array.from(document.querySelectorAll(`.${styles.animatedSection}`));
+    setElements(sections as HTMLElement[]);
+  }, [setElements]);
+
+  useEffect(() => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        entry.target.classList.add(styles.isVisible);
+        observer?.unobserve(entry.target);
+      }
+    });
+  }, [entries, observer]);
 
   return (
     <div className={styles.container}> 
-      <header className={styles.header}>
-        <h1>Хохлов Дмитрий</h1>
-        <p>FullStack Developer (TypeScript, Rust)</p>
+      <header className={`${styles.header} ${styles.animatedSection}`}>
+        <h1>{t('name')}</h1>
+        <p>{t('role')}</p>
         <button onClick={() => setShowContact(!showContact)} className={styles.contactButton}>
-          {showContact ? 'Скрыть контакты' : 'Показать контакты'}
+          {showContact ? t('hideContact') : t('showContact')}
         </button>
         {showContact && (
           <div className={styles.contactDetails}>
-            <p>Телефон: +7 (932) 477-0975</p>
-            <p>Email: hohlov.03@inbox.ru</p>
-            <p>Telegram: @diametrfq</p>
+            <a href="tel:+79324770975" className={styles.contactLink}>
+              <span className="material-symbols-outlined">call</span>
+              {t('contact.phone')}
+            </a>
+            <a href="mailto:hohlov.03@inbox.ru" className={styles.contactLink}>
+               <span className="material-symbols-outlined">email</span>
+              {t('contact.email')}
+            </a>
+            <a href="https://t.me/diametrfq" target="_blank" rel="noopener noreferrer" className={styles.contactLink}>
+              {t('contact.telegram')}
+            </a>
           </div>
         )}
       </header>
 
       <div className={styles.contentWrapper}>
         <main className={styles.mainContent}>
-          <section>
-            <h2>Обо мне</h2>
-            <p>
-              Я опытный FullStack разработчик с более чем четырехлетним опытом в создании
-              эффективных веб-приложений. Мои навыки охватывают весь цикл разработки, от концепции и дизайна до реализации и поддержки.
-            </p>
-            <p>
-              Активно следую за последними тенденциями веб-разработки, увлечен созданием чистого, эффективного и масштабируемого кода.
-            </p>
+          <section className={`${styles.card} ${styles.animatedSection}`}>
+            <h2>{t('about.title')}</h2>
+            <p>{t('about.paragraph1')}</p>
+            <p>{t('about.paragraph2')}</p>
           </section>
 
-          <section>
-            <h2>Опыт работы</h2>
-            <p><strong>Junior FullStack Developer</strong> – Cyberia (апрель 2024 - настоящее время)</p>
-            <p>Дорабатываю разные штуки.</p>
+          <section className={`${styles.card} ${styles.animatedSection}`}>
+            <h2>{t('experience.title')}</h2>
+            <p><strong>{t('experience.job1.title')}</strong> – {t('experience.job1.company')}</p>
+            <p>{t('experience.job1.description')}</p>
           </section>
 
-          <section>
-            <h2>Образование</h2>
-            <p><strong>РТУ МИРЭА</strong> (2025) – Институт кибербезопасности и цифровых технологий, Информационные системы и технологии</p>
+          <section className={`${styles.card} ${styles.animatedSection}`}>
+            <h2>{t('education.title')}</h2>
+            <p><strong>{t('education.university.name')}</strong> ({t('education.university.year')}) – {t('education.university.faculty')}, {t('education.university.specialty')}</p>
           </section>
 
-          <section>
-            <h2>Навыки</h2>
-            <p>TypeScript, JavaScript, React, Git, Node.js, HTML5, CSS3, SOLID, Redux, ООП, SCSS, BEM</p>
+          <section className={`${styles.card} ${styles.animatedSection}`}>
+            <h2>{t('skills.title')}</h2>
+            <div className={styles.skillsContainer}>
+              {skillList.map(skill => (
+                <span key={skill} className={styles.skillTag}>{skill}</span>
+              ))}
+            </div>
           </section>
 
-          <section>
-            <h2>Проекты</h2>
-            <p>Все мои проекты вы можете оценить на <Link href="https://github.com/DiametrFQ" target="_blank" className={styles.link}>GitHub</Link>.</p>
+          <section className={`${styles.card} ${styles.animatedSection}`}>
+            <h2>{t('projects.title')}</h2>
+            <p>
+              {t.rich('projects.description', {
+                githubLink: (chunks) => <Link href="https://github.com/DiametrFQ" target="_blank" className={styles.link}>{chunks}</Link>
+              })}
+            </p>
           </section>
         </main>
         
-        <aside className={styles.sidebar}>
+        <aside className={`${styles.sidebar} ${styles.animatedSection}`}>
           <div className={styles.statsImages}>
             <Image src="https://www.codewars.com/users/DiametrFQ/badges/small" width={300} height={54} alt='Codewars stats' unoptimized/>
             <Image src="https://streak-stats.demolab.com?user=DiametrFQ&theme=github-dark-blue&border_radius=6&card_width=300&type=png" width={300} height={150} alt="GitHub Streak" unoptimized/>
diff --git a/frontend/app/[locale]/layout.tsx b/frontend/app/[locale]/layout.tsx
index 73988de..4f9803c 100644
--- a/frontend/app/[locale]/layout.tsx
+++ b/frontend/app/[locale]/layout.tsx
@@ -10,7 +10,8 @@ import StoreProvider from "@/store/StoreProvider";
 import { locales as appLocales } from '@/types/i18n';
 import Header from '../_components/Header/Header';
 import NowPlaying from "../_components/NowPlaying/NowPlaying";
-import AppSidebar from '../_components/Sidebar/Sidebar'; 
+import AppSidebar from '../_components/Sidebar/Sidebar';
+import CookieBanner from '../_components/CookieBanner/CookieBanner';
 import '../_styles/globals.css';
 import "@fontsource/material-symbols-outlined";
 
@@ -39,10 +40,9 @@ export function generateStaticParams() {
   return appLocales.map((locale) => ({locale}));
 }
 
-export default async function LocaleLayout({ children, params }: Props) { 
-  // КЛЮЧЕВОЕ ИЗМЕНЕНИЕ: НЕ деструктурируем в сигнатуре.
+export default async function LocaleLayout({ children, params }: Props) {
   const { locale } = await params;
-  
+
   unstable_setRequestLocale(locale);
   const messages = await getMessages();
 
@@ -53,25 +53,31 @@ export default async function LocaleLayout({ children, params }: Props) {
           rel="stylesheet"
           href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"
         />
+        {/* === ИЗМЕНЕНИЕ ЗДЕСЬ === */}
         <Script
           id="yandex-metrika"
           strategy="afterInteractive"
           dangerouslySetInnerHTML={{
             __html: `
-              (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
-              m[i].l=1*new Date();
-              for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}\\n
-              k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})\\n
-              (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");\\n
-              ym(102356747, "init", {\\n
-                    clickmap:true,\\n
-                    trackLinks:true,\\n
-                    accurateTrackBounce:true,\\n
-                    webvisor:true\\n
-              });\\n
+              (function(m,e,t,r,i,k,a){
+                m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
+                m[i].l=1*new Date();
+                for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
+                k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
+              })
+              (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+              ym(102356747, "init", {
+                    clickmap:true,
+                    trackLinks:true,
+                    accurateTrackBounce:true,
+                    webvisor:true
+              });
             `
           }}
         />
+        {/* ======================= */}
+        <noscript><div><img src="https://mc.yandex.ru/watch/102356747" style={{position:'absolute', left:'-9999px'}} alt="" /></div></noscript>
       </head>
       <GoogleAnalytics gaId="G-7VQWEH45FM"/>
       <body>
@@ -92,6 +98,8 @@ export default async function LocaleLayout({ children, params }: Props) {
                   </div>
                 </SidebarInset>
               </SidebarProvider>
+              <NowPlaying />
+              <CookieBanner />
             </NextIntlClientProvider>
           </ThemeProvider>
         </StoreProvider>
@@ -113,11 +121,10 @@ export default async function LocaleLayout({ children, params }: Props) {
               "worksFor": {
                 "@type": "Organization",
                 "name": "Cyberia"
-              }  
+              }
             })
           }}
         />
-        <NowPlaying /> 
       </body>
     </html>
   );
diff --git a/frontend/app/_components/CookieBanner/CookieBanner.module.css b/frontend/app/_components/CookieBanner/CookieBanner.module.css
new file mode 100644
index 0000000..d24ec12
--- /dev/null
+++ b/frontend/app/_components/CookieBanner/CookieBanner.module.css
@@ -0,0 +1,48 @@
+.banner {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 1rem 1.5rem;
+  z-index: 1000;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+  /* Свойства background-color, color, border-top удалены */
+}
+
+/* Правило для .dark .banner больше не нужно, его можно удалить */
+
+.text {
+  margin: 0;
+  font-size: 0.9rem;
+}
+
+.button {
+  flex-shrink: 0;
+  padding: 0.5rem 1rem;
+  border-radius: 8px;
+  border: none;
+  background-color: var(--primary);
+  color: var(--primary-foreground);
+  cursor: pointer;
+  font-weight: 500;
+  transition: filter 0.2s ease-in-out;
+}
+
+.button:hover {
+  filter: brightness(0.95);
+}
+
+.dark .button:hover {
+    filter: brightness(1.1);
+}
+
+@media (max-width: 768px) {
+  .banner {
+    flex-direction: column;
+    text-align: center;
+  }
+}
\ No newline at end of file
diff --git a/frontend/app/_components/CookieBanner/CookieBanner.tsx b/frontend/app/_components/CookieBanner/CookieBanner.tsx
new file mode 100644
index 0000000..a767b30
--- /dev/null
+++ b/frontend/app/_components/CookieBanner/CookieBanner.tsx
@@ -0,0 +1,57 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import styles from './CookieBanner.module.css';
+import { useTranslations } from 'next-intl';
+import { useTheme } from 'next-themes';
+
+export default function CookieBanner() {
+  const [isVisible, setIsVisible] = useState(false);
+  const [mounted, setMounted] = useState(false);
+  const t = useTranslations('CookieBanner');
+  const { theme } = useTheme();
+
+  useEffect(() => {
+    setMounted(true);
+    const consent = localStorage.getItem('cookie_consent');
+    if (consent === null) {
+      setIsVisible(true);
+    }
+  }, []);
+
+  const handleAccept = () => {
+    localStorage.setItem('cookie_consent', 'true');
+    setIsVisible(false);
+  };
+
+  // --- ИЗМЕНЕНИЕ ЗДЕСЬ ---
+  // Задаем более темный и заметный серый фон для светлой темы
+  const lightStyle = {
+    backgroundColor: '#e5e7eb', // Контрастный светло-серый (Gray-200)
+    color: '#1f2937',          // Темный текст (Gray-800) для лучшей читаемости
+    borderTop: '1px solid #d1d5db', // Слегка более темная рамка (Gray-300)
+  };
+
+  const darkStyle = {
+    backgroundColor: '#1f2937', // Непрозрачный темно-серый (Gray-800)
+    color: '#f9fafb',
+    borderTop: '1px solid #374151',
+  };
+
+  const currentStyle = theme === 'dark' ? darkStyle : lightStyle;
+
+  if (!mounted || !isVisible) {
+    return null;
+  }
+
+  return (
+    <div className={styles.banner} style={currentStyle}>
+      <p className={styles.text}>
+        {t('message')}
+      </p>
+      <button onClick={handleAccept} className={styles.button}>
+        {t('acceptButton')}
+      </button>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/frontend/app/_components/Header/Header.tsx b/frontend/app/_components/Header/Header.tsx
index 46cf9e3..4ffa08c 100644
--- a/frontend/app/_components/Header/Header.tsx
+++ b/frontend/app/_components/Header/Header.tsx
@@ -7,17 +7,14 @@ import { BurgerSidebarTrigger } from '../Sidebar/components/ToggleSidebarButton'
 const Header = () => {
   return (
     <header className={styles.header}>
-      {/* Блок №1: для мобильного триггера */}
       <div className={styles.mobileTriggerContainer}>
         <BurgerSidebarTrigger />
       </div>
       
-      {/* Блок №2: для логотипа */}
       <Link href="/" className={styles.logoLink}>
         <span className={styles.logo}>DiametrFQ</span>
       </Link>
       
-      {/* Блок №3: для опций */}
       <div className={styles.options}>
         <LanguageSwitcher />
         <ThemeSwitcher />
diff --git a/frontend/app/_styles/globals.css b/frontend/app/_styles/globals.css
index ba699cd..81c0b01 100644
--- a/frontend/app/_styles/globals.css
+++ b/frontend/app/_styles/globals.css
@@ -41,6 +41,10 @@ body {
     --sidebar-accent-foreground: 240 5.9% 10%;
     --sidebar-border: 220 13% 91%;
     --sidebar-ring: 217.2 91.2% 59.8%;
+
+    /* --- Переменные для Cookie баннера (светлая тема) --- */
+    --cookie-banner-background: 240 5.9% 90%;   /* zinc-200 (светло-серый) */
+    --cookie-banner-foreground: 240 5.9% 10%;   /* zinc-900 (темный текст) */
   }
   .dark {
     --background: 240 10% 3.9%;
@@ -75,6 +79,8 @@ body {
     --sidebar-accent-foreground: 240 4.8% 95.9%;
     --sidebar-border: 240 3.7% 15.9%;
     --sidebar-ring: 217.2 91.2% 59.8%;
+    --cookie-banner-background: 240 5.1% 33.5%; /* zinc-700 (заметный серый) */
+    --cookie-banner-foreground: 0 0% 98%;       /* zinc-50 (светлый текст) */
   }
 }
 
@@ -96,4 +102,4 @@ body {
   body {
     @apply bg-background text-foreground;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index 4c1aa6f..472c80c 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -1,37 +1,68 @@
 {
     "SidebarNavigation": {
-        "home":{
-            "title": "Home"
-        },
-        "about":{
-            "title": "About me"
-        },
-        "portfolio":{
-            "title": "Portfolio"
-        },
-        "contact":{
-            "title": "Contact"
-        },
-        "telegram":{
-            "title": "Telegram"
-        }
+        "home": { "title": "Home" },
+        "about": { "title": "About me" },
+        "portfolio": { "title": "Portfolio" },
+        "contact": { "title": "Contact" },
+        "telegram": { "title": "Telegram" }
     },
     "ContactPage": {
       "title": "Get in Touch",
       "subtitle": "Here is where you can find me.",
       "logoNames": {
-            "github": "GitHub",
-            "linkedin": "LinkedIn",
-            "email": "Email",
-            "workEmail": "Work Email",
-            "telegram": "Telegram",
-            "steam": "Steam",
-            "discord": "Discord"
+            "github": "GitHub", "linkedin": "LinkedIn", "email": "Email",
+            "workEmail": "Work Email", "telegram": "Telegram",
+            "steam": "Steam", "discord": "Discord"
+        }
+    },
+    "AboutPage": {
+        "name": "Dmitry Khokhlov",
+        "role": "FullStack Developer (TypeScript, Rust)",
+        "showContact": "Show Contacts",
+        "hideContact": "Hide Contacts",
+        "contact": {
+            "phone": "+7 (932) 477-0975",
+            "email": "hohlov.03@inbox.ru",
+            "telegram": "@diametrfq"
+        },
+        "about": {
+            "title": "About Me",
+            "paragraph1": "I am an experienced FullStack developer with over four years of experience in creating effective web applications. My skills cover the entire development cycle, from concept and design to implementation and support.",
+            "paragraph2": "I actively follow the latest trends in web development and am passionate about creating clean, efficient, and scalable code."
+        },
+        "experience": {
+            "title": "Work Experience",
+            "job1": {
+                "title": "Junior FullStack Developer",
+                "company": "Cyberia (April 2024 - Present)",
+                "description": "I refine various things."
+            }
+        },
+        "education": {
+            "title": "Education",
+            "university": {
+                "name": "RTU MIREA",
+                "year": "2025",
+                "faculty": "Institute of Cybersecurity and Digital Technologies",
+                "specialty": "Information Systems and Technologies"
+            }
+        },
+        "skills": {
+            "title": "Skills",
+            "list": ["TypeScript", "JavaScript", "React", "Git", "Node.js", "HTML5", "CSS3", "SOLID", "Redux", "OOP", "SCSS", "BEM"]
+        },
+        "projects": {
+            "title": "Projects",
+            "description": "You can check out all my projects on <githubLink>GitHub</githubLink>."
         }
     },
     "Metadata": {
         "defaultTitle": "Dmitry Khokhlov — Fullstack Developer",
         "template": "Dmitry Khokhlov",
         "defaultDescription": "Portfolio of a fullstack developer Dmitry Khokhlov. Specializing in React, Next.js, and TypeScript. Open to job opportunities."
+    },
+    "CookieBanner": {
+      "message": "This website uses cookies to enhance your experience. By continuing to browse, you agree to our use of cookies.",
+      "acceptButton": "Accept"
     }
 }
\ No newline at end of file
diff --git a/frontend/locales/ru.json b/frontend/locales/ru.json
index 009ed58..5e8a848 100644
--- a/frontend/locales/ru.json
+++ b/frontend/locales/ru.json
@@ -1,37 +1,68 @@
 {
     "SidebarNavigation": {
-        "home":{
-            "title": "Главная"
-        },
-        "about":{
-            "title": "Обо мне"
-        },
-        "portfolio":{
-            "title": "Портфолио"
-        },
-        "contact":{
-            "title": "Контакты"
-        },
-        "telegram":{
-            "title": "Telegram"
-        }
+        "home": { "title": "Главная" },
+        "about": { "title": "Обо мне" },
+        "portfolio": { "title": "Портфолио" },
+        "contact": { "title": "Контакты" },
+        "telegram": { "title": "Telegram" }
     },
     "ContactPage": {
       "title": "Свяжитесь со мной",
       "subtitle": "Вот где вы можете меня найти.",
       "logoNames": {
-        "github": "GitHub",
-        "linkedin": "LinkedIn",
-        "email": "Почта",
-        "workEmail": "Рабочая почта",
-        "telegram": "Телеграм",
-        "steam": "Steam",
-        "discord": "Discord"
+        "github": "GitHub", "linkedin": "LinkedIn", "email": "Почта",
+        "workEmail": "Рабочая почта", "telegram": "Телеграм",
+        "steam": "Steam", "discord": "Discord"
       }
     },
+    "AboutPage": {
+        "name": "Хохлов Дмитрий",
+        "role": "FullStack Developer (TypeScript, Rust)",
+        "showContact": "Показать контакты",
+        "hideContact": "Скрыть контакты",
+        "contact": {
+            "phone": "+7 (932) 477-0975",
+            "email": "hohlov.03@inbox.ru",
+            "telegram": "@diametrfq"
+        },
+        "about": {
+            "title": "Обо мне",
+            "paragraph1": "Я опытный FullStack разработчик с более чем четырехлетним опытом в создании эффективных веб-приложений. Мои навыки охватывают весь цикл разработки, от концепции и дизайна до реализации и поддержки.",
+            "paragraph2": "Активно следую за последними тенденциями веб-разработки, увлечен созданием чистого, эффективного и масштабируемого кода."
+        },
+        "experience": {
+            "title": "Опыт работы",
+            "job1": {
+                "title": "Junior FullStack Developer",
+                "company": "Cyberia (апрель 2024 - настоящее время)",
+                "description": "Дорабатываю разные штуки."
+            }
+        },
+        "education": {
+            "title": "Образование",
+            "university": {
+                "name": "РТУ МИРЭА",
+                "year": "2025",
+                "faculty": "Институт кибербезопасности и цифровых технологий",
+                "specialty": "Информационные системы и технологии"
+            }
+        },
+        "skills": {
+            "title": "Навыки",
+            "list": ["TypeScript", "JavaScript", "React", "Git", "Node.js", "HTML5", "CSS3", "SOLID", "Redux", "ООП", "SCSS", "BEM"]
+        },
+        "projects": {
+            "title": "Проекты",
+            "description": "Все мои проекты вы можете оценить на <githubLink>GitHub</githubLink>."
+        }
+    },
     "Metadata": {
         "defaultTitle": "Дмитрий Хохлов — Fullstack Разработчик",
         "template": "Дмитрий Хохлов",
         "defaultDescription": "Портфолио fullstack-разработчика. Специализируюсь на React, Next.js и TypeScript. Открыт к предложениям о работе."
+    },
+    "CookieBanner": {
+      "message": "Этот сайт использует файлы cookie для улучшения вашего опыта. Продолжая просмотр, вы соглашаетесь на использование нами файлов cookie.",
+      "acceptButton": "Принять"
     }
 }
\ No newline at end of file