Update src/app/page.tsx

Merge version_15 into main

src/app/page.tsx

@@ -14,8 +14,20 @@ import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
 
 export default function LandingPage() {
+  const handleScroll = (id: string) => {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+    const menu = document.querySelector('[data-fullscreen-menu]');
+    if (menu) {
+      (menu as HTMLElement).style.display = 'none';
+    }
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -33,14 +45,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Услуги",          id: "services"},
-        {
-          name: "О клинике",          id: "about"},
-        {
-          name: "Врачи",          id: "team"},
-        {
-          name: "Запись",          id: "contact"},
+        { name: "Услуги", id: "services" },
+        { name: "О клинике", id: "about" },
+        { name: "Врачи", id: "team" },
+        { name: "Запись", id: "contact" },
       ]}
       brandName="Diamond Dent"
     />
@@ -48,15 +56,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Ваша идеальная улыбка — наша миссия"
       description="Премиальная стоматология в Грозном. Мы сочетаем передовые технологии и заботливый подход для создания вашей безупречной улыбки."
       buttons={[
         {
           text: "Записаться на приём",          href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny"},
         {
-          text: "Узнать больше",          href: "#about"},
+          text: "Узнать больше",          onClick: () => handleScroll('about')},
       ]}
       mediaItems={[
         {
@@ -92,28 +99,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "s1",          title: "Имплантация",          tags: [
-            "хирургия"],
+          id: "s1",          title: "Имплантация",          tags: ["хирургия"],
           imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-dental-mold-with-orthodontist_23-2148985828.jpg?_wi=1"},
         {
-          id: "s2",          title: "Отбеливание",          tags: [
-            "эстетика"],
+          id: "s2",          title: "Отбеливание",          tags: ["эстетика"],
           imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-dental-treatment_107420-65438.jpg?_wi=1"},
         {
-          id: "s3",          title: "Брекеты",          tags: [
-            "ортодонтия"],
+          id: "s3",          title: "Брекеты",          tags: ["ортодонтия"],
           imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart_1232-1742.jpg"},
         {
-          id: "s4",          title: "Лечение кариеса",          tags: [
-            "терапия"],
+          id: "s4",          title: "Лечение кариеса",          tags: ["терапия"],
           imageSrc: "http://img.b2bpic.net/free-vector/tooth-implant-implant-dental-health-tooth-healthy-implant-vector-illustration_1284-46131.jpg"},
         {
-          id: "s5",          title: "Детская стоматология",          tags: [
-            "забота"],
+          id: "s5",          title: "Детская стоматология",          tags: ["забота"],
           imageSrc: "http://img.b2bpic.net/free-vector/creative-dentistry-dental-tooth-care-logo-template_1017-55253.jpg"},
         {
-          id: "s6",          title: "Протезирование",          tags: [
-            "эстетика"],
+          id: "s6",          title: "Протезирование",          tags: ["эстетика"],
           imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart_1232-1741.jpg"},
       ]}
       title="Наши услуги"
@@ -128,16 +129,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "10+",          description: "лет успешного опыта"},
-        {
-          id: "m2",          value: "5000+",          description: "довольных пациентов"},
-        {
-          id: "m3",          value: "100%",          description: "безопасное оборудование"},
-        {
-          id: "m4",          value: "Без боли",          description: "комфортное лечение"},
-        {
-          id: "m5",          value: "24/7",          description: "поддержка пациентов"},
+        { id: "m1", value: "Текст  ", description: "Текст " },
+        { id: "m2", value: "5000+", description: "довольных пациентов" },
+        { id: "m3", value: "100%", description: "безопасное оборудование" },
+        { id: "m4", value: "Без боли", description: "комфортное лечение" },
+        { id: "m5", value: "24/7", description: "поддержка пациентов" },
       ]}
       title="Почему выбирают нас?"
       description="Мы гордимся доверием наших пациентов и стремимся к совершенству в каждом аспекте."
@@ -197,6 +193,16 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="video-section" data-section="video-section">
+      <HeroCentered
+      title="На открытии нашей клиники присутствовал Герой России, Глава Чеченской Республики Рамзан Ахматович Кадыров"
+      description=""
+      avatars={[]}
+      background={{ variant: 'plain' }}
+      className="py-20"
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
       animationType="slide-up"
@@ -238,32 +244,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "pr1",          title: "Гигиена",          price: "3000 ₽",          period: "сеанс",          features: [
-            "Профессиональная чистка",            "Полировка",            "Фторирование"],
+          id: "pr1",          title: "Гигиена",          price: "3000 ₽",          period: "сеанс",          features: ["Профессиональная чистка", "Полировка", "Фторирование"],
           button: {
             text: "Записаться", href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny"},
           imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg",          imageAlt: "Revealing shot of orthodontic chair with nobody in teeth x ray images on modern display"},
         {
-          id: "pr2",          title: "Отбеливание",          price: "15000 ₽",          period: "сеанс",          features: [
-            "Экспресс отбеливание",            "Защита эмали"],
+          id: "pr2",          title: "Отбеливание",          price: "15000 ₽",          period: "сеанс",          features: ["Экспресс отбеливание", "Защита эмали"],
           button: {
             text: "Записаться", href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny"},
           imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-66977.jpg?_wi=2",          imageAlt: "Revealing shot of orthodontic chair with nobody in teeth x ray images on modern display"},
         {
-          id: "pr3",          title: "Лечение",          price: "от 2500 ₽",          period: "зуб",          features: [
-            "Лечение кариеса",            "Пломбирование",            "Анестезия"],
+          id: "pr3",          title: "Лечение",          price: "от 2500 ₽",          period: "зуб",          features: ["Лечение кариеса", "Пломбирование", "Анестезия"],
           button: {
             text: "Записаться", href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny"},
           imageSrc: "http://img.b2bpic.net/free-photo/dentistry-team-explaining-radiography-sick-patient-doing-oral-care-examination-cure-toothache-stomatologist-assistant-consulting-x-ray-results-dental-drill-procedure_482257-32294.jpg?_wi=2",          imageAlt: "Revealing shot of orthodontic chair with nobody in teeth x ray images on modern display"},
         {
-          id: "pr4",          title: "Имплантация",          price: "от 35000 ₽",          period: "под ключ",          features: [
-            "Консультация хирурга",            "Имплант",            "Коронка"],
+          id: "pr4",          title: "Имплантация",          price: "от 35000 ₽",          period: "под ключ",          features: ["Консультация хирурга", "Имплант", "Коронка"],
           button: {
             text: "Записаться", href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny"},
           imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-dental-mold-with-orthodontist_23-2148985828.jpg?_wi=2",          imageAlt: "Revealing shot of orthodontic chair with nobody in teeth x ray images on modern display"},
         {
-          id: "pr5",          title: "Брекеты",          price: "от 80000 ₽",          period: "полный курс",          features: [
-            "Диагностика",            "Система брекетов",            "Коррекция"],
+          id: "pr5",          title: "Брекеты",          price: "от 80000 ₽",          period: "полный курс",          features: ["Диагностика", "Система брекетов", "Коррекция"],
           button: {
             text: "Записаться", href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny"},
           imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-dental-treatment_107420-65438.jpg?_wi=2",          imageAlt: "Revealing shot of orthodontic chair with nobody in teeth x ray images on modern display"},
@@ -278,16 +279,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",          title: "Больно ли лечить зубы?",          content: "Адрес: Ул. Шейх Али Митаева, 59, Грозный | Телефон: +7 929 103 30 03"},
-        {
-          id: "q2",          title: "Сколько длится отбеливание?",          content: "Обычно процедура занимает около 60 минут."},
-        {
-          id: "q3",          title: "Можно ли детям?",          content: "Да, мы проводим бережный прием для детей любого возраста."},
-        {
-          id: "q4",          title: "Как записаться?",          content: "Адрес: Ул. Шейх Али Митаева, 59, Грозный | Телефон: +7 929 103 30 03"},
-        {
-          id: "q5",          title: "Есть ли гарантия?",          content: "На все виды работ мы предоставляем официальную гарантию."},
+        { id: "q1", title: "Больно ли лечить зубы?", content: "Нет, все процедуры проводятся с использованием современной анестезии. Вы не почувствуете боли." },
+        { id: "q2", title: "Сколько длится отбеливание?", content: "Обычно процедура занимает около 60 минут." },
+        { id: "q3", title: "Можно ли детям?", content: "Да, мы проводим бережный прием для детей любого возраста." },
+        { id: "q4", title: "Как записаться?", content: "Просто нажмите кнопку 'Записаться на приём' или напишите нам в WhatsApp: +7 929 103 30 03" },
+        { id: "q5", title: "Есть ли гарантия?", content: "На все виды работ мы предоставляем официальную гарантию." },
       ]}
       title="Часто задаваемые вопросы"
       description="Ответы на популярные вопросы о стоматологическом лечении."
@@ -306,15 +302,11 @@ export default function LandingPage() {
       title="Записаться на прием"
       description="Адрес: Ул. Шейх Али Митаева, 59, Грозный | Телефон: +7 929 103 30 03"
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Ваше имя",          required: true,
-        },
-        {
-          name: "phone",          type: "tel",          placeholder: "Ваш телефон",          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Ваше имя", required: true },
+        { name: "phone", type: "tel", placeholder: "Ваш телефон", required: true },
       ]}
       textarea={{
-        name: "message",        placeholder: "Услуга или комментарий",        rows: 4,
+        name: "message", placeholder: "Услуга или комментарий", rows: 4
       }}
       imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg"
       buttonText="Записаться на приём"
@@ -329,26 +321,20 @@ export default function LandingPage() {
       columns={[
         {
           title: "Контакты",          items: [
-            {
-              label: "Ул. Шейх Али Митаева, 59, Грозный",              href: "#"},
-            {
-              label: "+7 929 103 30 03",              href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny"},
+            { label: "Ул. Шейх Али Митаева, 59, Грозный", href: "#" },
+            { label: "+7 929 103 30 03", href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny" },
           ],
         },
         {
           title: "График работы",          items: [
-            {
-              label: "Пн–Пт: 09:00 – 20:00",              href: "#"},
-            {
-              label: "Сб: 10:00 – 18:00",              href: "#"},
+            { label: "Пн–Пт: 09:00 – 20:00", href: "#" },
+            { label: "Сб: 10:00 – 18:00", href: "#" },
           ],
         },
         {
           title: "Соцсети",          items: [
-            {
-              label: "Instagram",              href: "https://instagram.com/diamonddent_grozny"},
-            {
-              label: "WhatsApp",              href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny"},
+            { label: "Instagram", href: "https://instagram.com/diamonddent_grozny" },
+            { label: "WhatsApp", href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny" },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -17,7 +17,7 @@
   --primary-cta-text: #f5faff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
+  --accent: #f8f600;
   --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */