diff --git a/frontend/index.html b/frontend/index.html
index 1a0e2dc..9413ac4 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -13,6 +13,19 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.5.0/remixicon.min.css">
   </head>
   <body>
+    <!-- Yandex.Metrika counter -->
+    <script type="text/javascript">
+        (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?id=109370446', 'ym');
+
+        ym(109370446, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
+    </script>
+    <noscript><div><img src="https://mc.yandex.ru/watch/109370446" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
+    <!-- /Yandex.Metrika counter -->
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
diff --git a/frontend/public/documents/diploma_bachelor.pdf b/frontend/public/documents/diploma_bachelor.pdf
new file mode 100644
index 0000000..d1453c4
Binary files /dev/null and b/frontend/public/documents/diploma_bachelor.pdf differ
diff --git a/frontend/public/documents/diploma_retraining.pdf b/frontend/public/documents/diploma_retraining.pdf
new file mode 100644
index 0000000..0485991
Binary files /dev/null and b/frontend/public/documents/diploma_retraining.pdf differ
diff --git a/frontend/public/images/psychologist.jpg b/frontend/public/images/psychologist.jpg
new file mode 100644
index 0000000..a3730c0
Binary files /dev/null and b/frontend/public/images/psychologist.jpg differ
diff --git a/frontend/src/pages/home/components/AboutSection.tsx b/frontend/src/pages/home/components/AboutSection.tsx
index b1767ab..1bc30dd 100644
--- a/frontend/src/pages/home/components/AboutSection.tsx
+++ b/frontend/src/pages/home/components/AboutSection.tsx
@@ -2,8 +2,8 @@ import { useState } from "react";
 import ScrollReveal from "@/components/feature/ScrollReveal";
 
 const diplomas = [
-  { label: "Диплом о высшем образовании" },
-  { label: "Сертификат повышения квалификации" },
+  { label: "Диплом о высшем образовании", pdf: "/documents/diploma_bachelor.pdf" },
+  { label: "Диплом о проф. переподготовке", pdf: "/documents/diploma_retraining.pdf" },
 ];
 
 export default function AboutSection() {
@@ -61,10 +61,11 @@ export default function AboutSection() {
             {/* Large photo placeholder */}
             <ScrollReveal delay={200}>
               <div className="w-full aspect-[3/4] max-h-[520px] bg-greige rounded-2xl flex items-center justify-center overflow-hidden relative">
-                <div className="absolute inset-0 bg-gradient-to-b from-white/10 to-greigeDark/20"></div>
-                <span className="relative z-10 font-serif text-lg md:text-xl text-mutedBrown/50 italic">
-                  Фото психолога
-                </span>
+                <img
+                  src="/images/psychologist.jpg"
+                  alt="Ирина — практикующий психолог"
+                  className="w-full h-full object-cover"
+                />
               </div>
             </ScrollReveal>
 
@@ -101,23 +102,35 @@ export default function AboutSection() {
           onClick={() => setPreviewIdx(null)}
         >
           <div
-            className="bg-white rounded-2xl p-8 md:p-12 max-w-lg w-full text-center shadow-xl"
+            className="bg-white rounded-2xl p-4 md:p-6 max-w-3xl w-full shadow-xl flex flex-col gap-4"
             onClick={(e) => e.stopPropagation()}
           >
-            <div className="w-full aspect-[3/4] bg-greige rounded-xl flex items-center justify-center mb-6">
-              <span className="font-serif text-lg text-mutedBrown/50 italic">
+            <div className="flex items-center justify-between">
+              <h3 className="font-serif text-lg md:text-xl font-semibold text-warmBrown">
                 {diplomas[previewIdx].label}
-              </span>
+              </h3>
+              <button
+                onClick={() => setPreviewIdx(null)}
+                className="w-8 h-8 flex items-center justify-center rounded-full bg-greige hover:bg-greigeDark text-warmBrown transition-colors"
+                aria-label="Закрыть"
+              >
+                <i className="ri-close-line"></i>
+              </button>
             </div>
-            <p className="text-sm font-sans font-light text-mutedBrown mb-6">
-              PDF будет доступен для просмотра в ближайшее время.
-            </p>
-            <button
-              onClick={() => setPreviewIdx(null)}
-              className="inline-flex items-center gap-2 px-6 py-2.5 bg-taupe hover:bg-taupeDark text-white font-sans text-xs font-medium uppercase tracking-[0.1em] rounded-md transition-colors duration-300"
+            <embed
+              src={diplomas[previewIdx].pdf}
+              type="application/pdf"
+              className="w-full h-[60vh] rounded-xl border border-greigeDark/30"
+            />
+            <a
+              href={diplomas[previewIdx].pdf}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center justify-center gap-2 px-6 py-2.5 bg-taupe hover:bg-taupeDark text-white font-sans text-xs font-medium uppercase tracking-[0.1em] rounded-md transition-colors duration-300"
             >
-              Закрыть
-            </button>
+              <i className="ri-download-line"></i>
+              Открыть в новой вкладке
+            </a>
           </div>
         </div>
       )}
diff --git a/frontend/src/pages/home/components/FooterSection.tsx b/frontend/src/pages/home/components/FooterSection.tsx
index 3eb36ae..c636f2c 100644
--- a/frontend/src/pages/home/components/FooterSection.tsx
+++ b/frontend/src/pages/home/components/FooterSection.tsx
@@ -1,11 +1,11 @@
 import ScrollReveal from "@/components/feature/ScrollReveal";
 
 const socials = [
-  { icon: "ri-telegram-line", label: "Telegram" },
-  { icon: "ri-vk-line", label: "ВКонтакте" },
-  { icon: "ri-instagram-line", label: "Instagram" },
-  { icon: "ri-message-3-line", label: "Макси" },
-  { icon: "ri-article-line", label: "b17.ru" },
+  { icon: "ri-telegram-line", label: "Telegram", href: "https://t.me/iraintegraya" },
+  { icon: "ri-instagram-line", label: "Instagram", href: "https://www.instagram.com/irinaintegraa?igsh=ejEzcnJsbXRtc2Rk" },
+  { icon: "ri-message-3-line", label: "Макси", href: "https://max.ru/u/f9LHodD0cOLswlrgn_B8Te8oaQsgh5g8ebToTc0iQ-xPPyEmLp1WZAUYvmU" },
+  { icon: "ri-article-line", label: "b17.ru", href: "https://www.b17.ru/kochieva_irina/" },
+  { icon: "ri-telegram-fill", label: "Telegram канал", href: "https://t.me/pro_tebya_psy" },
 ];
 
 export default function FooterSection() {
@@ -34,13 +34,17 @@ export default function FooterSection() {
               </p>
               <div className="flex items-center gap-3 md:gap-4">
                 {socials.map((s, i) => (
-                  <span
+                  <a
                     key={i}
-                    className="w-10 h-10 md:w-11 md:h-11 flex items-center justify-center rounded-full bg-white/70 text-warmBrown/70 hover:text-warmBrown hover:bg-white transition-all duration-300 cursor-default"
+                    href={s.href}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="w-10 h-10 md:w-11 md:h-11 flex items-center justify-center rounded-full bg-white/70 text-warmBrown/70 hover:text-warmBrown hover:bg-white transition-all duration-300"
                     title={s.label}
+                    aria-label={s.label}
                   >
                     <i className={`${s.icon} text-lg`}></i>
-                  </span>
+                  </a>
                 ))}
               </div>
             </div>
diff --git a/frontend/src/pages/home/components/Navbar.tsx b/frontend/src/pages/home/components/Navbar.tsx
index 0475a40..90f245c 100644
--- a/frontend/src/pages/home/components/Navbar.tsx
+++ b/frontend/src/pages/home/components/Navbar.tsx
@@ -60,7 +60,7 @@ export default function Navbar() {
           <div className="hidden md:flex items-center gap-4 w-40 justify-end">
             <div className="flex items-center gap-2">
               <a
-                href="https://t.me/"
+                href="https://t.me/iraintegraya"
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label="Telegram"
@@ -69,7 +69,7 @@ export default function Navbar() {
                 <i className="ri-telegram-line text-base"></i>
               </a>
               <a
-                href="https://max.ru/"
+                href="https://max.ru/u/f9LHodD0cOLswlrgn_B8Te8oaQsgh5g8ebToTc0iQ-xPPyEmLp1WZAUYvmU"
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label="МАКС"
@@ -112,7 +112,7 @@ export default function Navbar() {
           ))}
           <div className="flex items-center gap-3 mt-2 pt-4 border-t border-greigeDark/20">
             <a
-              href="https://t.me/"
+              href="https://t.me/iraintegraya"
               target="_blank"
               rel="noopener noreferrer"
               aria-label="Telegram"
@@ -121,7 +121,7 @@ export default function Navbar() {
               <i className="ri-telegram-line text-lg"></i>
             </a>
             <a
-              href="https://max.ru/"
+              href="https://max.ru/u/f9LHodD0cOLswlrgn_B8Te8oaQsgh5g8ebToTc0iQ-xPPyEmLp1WZAUYvmU"
               target="_blank"
               rel="noopener noreferrer"
               aria-label="МАКС"
diff --git a/frontend/src/pages/thanks/page.tsx b/frontend/src/pages/thanks/page.tsx
index b959af6..8a6a2e7 100644
--- a/frontend/src/pages/thanks/page.tsx
+++ b/frontend/src/pages/thanks/page.tsx
@@ -2,11 +2,11 @@ import { useNavigate } from "react-router-dom";
 import { useEffect } from "react";
 
 const socials = [
-  { icon: "ri-telegram-line", label: "Telegram", href: "https://t.me/" },
-  { icon: "ri-message-3-line", label: "МАКС", href: "https://max.ru/" },
-  { icon: "ri-vk-line", label: "ВКонтакте", href: "https://vk.com/" },
-  { icon: "ri-instagram-line", label: "Instagram", href: "https://instagram.com/" },
-  { icon: "ri-article-line", label: "b17.ru", href: "https://b17.ru/" },
+  { icon: "ri-telegram-line", label: "Telegram", href: "https://t.me/iraintegraya" },
+  { icon: "ri-instagram-line", label: "Instagram", href: "https://www.instagram.com/irinaintegraa?igsh=ejEzcnJsbXRtc2Rk" },
+  { icon: "ri-message-3-line", label: "МАКС", href: "https://max.ru/u/f9LHodD0cOLswlrgn_B8Te8oaQsgh5g8ebToTc0iQ-xPPyEmLp1WZAUYvmU" },
+  { icon: "ri-article-line", label: "b17.ru", href: "https://www.b17.ru/kochieva_irina/" },
+  { icon: "ri-telegram-fill", label: "Telegram канал", href: "https://t.me/pro_tebya_psy" },
 ];
 
 const steps = [
