Update src/app/page.tsx

Merge version_21 into main

src/app/page.tsx

@@ -16,6 +16,17 @@ import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 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 +44,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Услуги", id: "services" },
-          name: "Услуги",          id: "services"},
+        { name: "О клинике", id: "about" },
-        {
+        { name: "Врачи", id: "team" },
-          name: "О клинике",          id: "about"},
+        { name: "Запись", id: "contact" },
-        {
-          name: "Врачи",          id: "team"},
-        {
-          name: "Запись",          id: "contact"},
       ]}
       brandName="Diamond Dent"
     />
@@ -48,15 +55,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        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 +98,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 +128,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "10+", description: "лет успешного опыта" },
-          id: "m1",          value: "10+",          description: "лет успешного опыта"},
+        { id: "m2", value: "5000+", description: "довольных пациентов" },
-        {
+        { id: "m3", value: "100%", description: "безопасное оборудование" },
-          id: "m2",          value: "5000+",          description: "довольных пациентов"},
+        { id: "m4", value: "Без боли", description: "комфортное лечение" },
-        {
+        { id: "m5", value: "24/7", description: "поддержка пациентов" },
-          id: "m3",          value: "100%",          description: "безопасное оборудование"},
-        {
-          id: "m4",          value: "Без боли",          description: "комфортное лечение"},
-        {
-          id: "m5",          value: "24/7",          description: "поддержка пациентов"},
       ]}
       title="Почему выбирают нас?"
       description="Мы гордимся доверием наших пациентов и стремимся к совершенству в каждом аспекте."
@@ -152,15 +147,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "d1",          name: "Аслан Магомедов",          role: "Главный врач, имплантолог",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779225402552-aynja8ho.jpg"},
+          id: "d1",          name: "Яндарханов Малик ",          role: "Стоматолог - терапевт  ",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779225402552-aynja8ho.jpg"},
         {
-          id: "d2",          name: "Амина Исаева",          role: "Стоматолог-терапевт",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779308675600-85eg6mq1.jpg"},
+          id: "d2",          name: "Ибиев Хасан ",          role: "Стоматолог - терапевт/эндодонтист",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779308675600-85eg6mq1.jpg"},
         {
-          id: "d3",          name: "Магомед Саидов",          role: "Ортодонт",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779308675600-46soe5n4.jpg"},
+          id: "d3",          name: "Ибрагимова Марет",          role: "Врач - стоматолог ",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779308675600-46soe5n4.jpg"},
         {
-          id: "d4",          name: "Фатима Ибрагимова",          role: "Детский стоматолог",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779225402552-n9uorcya.jpg"},
+          id: "d4",          name: "Хузаева Селима ",          role: "Стоматолог - ортодонт  ",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779225402552-n9uorcya.jpg"},
         {
-          id: "d5",          name: "Ибрагим Алиев",          role: "Хирург-стоматолог",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779225402552-pn6xqass.jpg"},
+          id: "d5",          name: "Межаев Саид-Селим ",          role: "Врач-стоматолог общей практики  ",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779225402552-pn6xqass.jpg"},
       ]}
       title="Команда профессионалов"
       description="Лучшие специалисты в области современной стоматологии."
@@ -238,32 +233,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 +268,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "q1", title: "Больно ли лечить зубы?", content: "Нет, все процедуры проводятся с использованием современной анестезии. Вы не почувствуете боли." },
-          id: "q1",          title: "Больно ли лечить зубы?",          content: "Адрес: Ул. Шейх Али Митаева, 59, Грозный | Телефон: +7 929 103 30 03"},
+        { id: "q2", title: "Сколько длится отбеливание?", content: "Обычно процедура занимает около 60 минут." },
-        {
+        { id: "q3", title: "Можно ли детям?", content: "Да, мы проводим бережный прием для детей любого возраста." },
-          id: "q2",          title: "Сколько длится отбеливание?",          content: "Обычно процедура занимает около 60 минут."},
+        { id: "q4", title: "Как записаться?", content: "Просто нажмите кнопку 'Записаться на приём' или напишите нам в WhatsApp: +7 929 103 30 03" },
-        {
+        { id: "q5", title: "Есть ли гарантия?", content: "На все виды работ мы предоставляем официальную гарантию." },
-          id: "q3",          title: "Можно ли детям?",          content: "Да, мы проводим бережный прием для детей любого возраста."},
-        {
-          id: "q4",          title: "Как записаться?",          content: "Адрес: Ул. Шейх Али Митаева, 59, Грозный | Телефон: +7 929 103 30 03"},
-        {
-          id: "q5",          title: "Есть ли гарантия?",          content: "На все виды работ мы предоставляем официальную гарантию."},
       ]}
       title="Часто задаваемые вопросы"
       description="Ответы на популярные вопросы о стоматологическом лечении."
@@ -306,15 +291,11 @@ export default function LandingPage() {
       title="Записаться на прием"
       description="Адрес: Ул. Шейх Али Митаева, 59, Грозный | Телефон: +7 929 103 30 03"
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Ваше имя", required: true },
-          name: "name",          type: "text",          placeholder: "Ваше имя",          required: true,
+        { name: "phone", type: "tel", 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="Записаться на приём"
@@ -322,6 +303,24 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="map" data-section="map">
+      <section className="py-16 md:py-24">
+          <div className="container mx-auto px-4">
+              <h2 className="text-3xl font-bold mb-8 text-center">Как нас найти</h2>
+              <div className="w-full h-[450px]">
+                  <iframe 
+                    src="https://yandex.ru/map-widget/v1/?ll=45.696349%2C43.315748&mode=search&ol=geo&ouri=ymapsbm1%3A%2F%2Fgeo%3Ftext%3D%25D0%25A3%25D0%25BB.%2520%25D0%25A8%25D0%25B5%25D0%25B9%25D1%2585%2520%25D0%2590%25D0%25BB%25D0%25B8%2520%25D0%259C%25D0%25B8%25D1%2582%25D0%25B0%25D0%25B5%25D0%25B2%25D0%25B0%252C%252059%252C%2520%25D0%2593%25D1%2580%25D0%25BE%25D0%25B7%25D0%25BD%25D1%258B%25D0%25B9&z=17" 
+                    width="100%" 
+                    height="100%" 
+                    style={{ border: 0 }} 
+                    allowFullScreen 
+                    loading="lazy">
+                  </iframe>
+              </div>
+          </div>
+      </section>
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterMedia
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dw84RnSEOsmbFdYVY2F51sVH09/uploaded-1779347445955-xba4vklv.jpg"
@@ -329,26 +328,20 @@ export default function LandingPage() {
       columns={[
         {
           title: "Контакты",          items: [
-            {
+            { label: "Ул. Шейх Али Митаева, 59, Грозный", href: "#" },
-              label: "Ул. Шейх Али Митаева, 59, Грозный",              href: "#"},
+            { label: "+7 929 103 30 03", href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny" },
-            {
-              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: "Пн–Пт: 09:00 – 20:00",              href: "#"},
+            { label: "Сб: 10:00 – 18:00", href: "#" },
-            {
-              label: "Сб: 10:00 – 18:00",              href: "#"},
           ],
         },
         {
           title: "Соцсети",          items: [
-            {
+            { label: "Instagram", href: "https://www.instagram.com/diamond_dent_grozny?igsh=MW9scTNkcndjMnR6" },
-              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: "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 */