Update src/app/page.tsx

Update src/app/styles/variables.css
Update src/app/styles/base.css
2026-05-19 15:44:19 +00:00 · 2026-05-19 15:43:49 +00:00 · 2026-05-19 15:43:48 +00:00 · 2026-05-19 15:43:48 +00:00
3 changed files with 36 additions and 66 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,10 +6,10 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import { Sparkles, Smile, Star, Mail } from 'lucide-react';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Sparkles, Smile, Star, MessageCircle, Phone, MapPin } from 'lucide-react';

 export default function LuxuryDentistPage() {
  return (
@@ -35,7 +35,7 @@ export default function LuxuryDentistPage() {
            { name: "Контакты", id: "contact" }
          ]}
          button={{
-            text: "Записаться",            href: "#contact"
+            text: "Записаться",            onClick: () => window.open('https://wa.me/79999999999', '_blank')
          }}
        />
      </div>
@@ -58,7 +58,7 @@ export default function LuxuryDentistPage() {
          enableKpiAnimation={true}
          buttons={[
            { text: "Наши услуги", href: "#services" },
-            { text: "Записаться на прием", href: "#contact" }
+            { text: "Записаться на прием", onClick: () => window.open('https://wa.me/79999999999', '_blank') }
          ]}
          mediaAnimation="slide-up"
        />
@@ -88,9 +88,6 @@ export default function LuxuryDentistPage() {
              reviewCount: "200",              imageSrc: "https://pixabay.com/get/g1d3ff68a2658a258820fec4c35bd2d41aa96142470bf1eb492524fdb68eca93729eac47b58d487bf8ffe8655ffad31e45344ba6aad8b77a68d27c92c2edb1fee_1280.jpg",              imageAlt: "Отбеливание зубов"
            }
          ]}
-          buttons={[
-            { text: "Посмотреть все услуги", href: "#contact" }
-          ]}
        />
      </div>

@@ -101,8 +98,7 @@ export default function LuxuryDentistPage() {
          ]}
          useInvertedBackground={false}
          buttons={[
-            { text: "Наши врачи", href: "#features" },
-            { text: "Записаться", href: "#contact" }
+            { text: "Узнать больше", href: "#features" }
          ]}
        />
      </div>
@@ -127,73 +123,47 @@ export default function LuxuryDentistPage() {
      </div>

      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSix
-          title="Отзывы пациентов"
+        <TestimonialCardThirteen
+          title="Отзывы наших пациентов"
          description="Улыбки наших пациентов — лучшая награда за нашу работу."
-          tag="Отзывы"
+          showRating={true}
          textboxLayout="default"
-          useInvertedBackground={false}
          animationType="slide-up"
+          useInvertedBackground={true}
          testimonials={[
            {
-              id: "1",              name: "Амина И.",              handle: "Пациент",              testimonial: "Лучшая стоматология в Грозном. Очень внимательный персонал и профессиональные врачи. Виниры выглядят максимально естественно!",              imageSrc: "https://pixabay.com/get/ge07486e2fb1a9ca7b7ff4c939f85c4a9a5d9b102b48d833ac5c1e3d4d4cc9969852a2cc6559f1fb8d0d9ea31cee004f5e15c55985c53c138554c814ea04dfb39_1280.jpg"
+              id: "1",              name: "Амина И.",              handle: "@amina_dent",              testimonial: "Лучшая стоматология в Грозном. Очень внимательный персонал и профессиональные врачи.",              rating: 5
            },
            {
-              id: "2",              name: "Мурад А.",              handle: "Пациент",              testimonial: "Делал имплантацию. Все прошло безболезненно. Очень порадовал высокий уровень сервиса и современный подход.",              imageSrc: "https://pixabay.com/get/gf0a32ac8d7074538f6b2dfabb4bfb71c6de7e0baafe0689c423cf56240cc2871dcb938673618fd7eb2cfdb7969e580269d49f00a3bf59a3b42be53883443e73d_1280.jpg"
-            },
-            {
-              id: "3",              name: "Зарема Х.",              handle: "Пациент",              testimonial: "Результатом очень довольна, теперь улыбаюсь без стеснения. Огромное спасибо команде Diamond Dent!",              imageSrc: "https://pixabay.com/get/gca0be9350dc2058e72b2f5ee9aadbfb38d94a4821450f8d2ca2a1b93f0d92fe9eb9798935ce1220d3d29e58abd7551e9a17c8631c02dc2ffe2c2883a0754ca53_1280.jpg"
+              id: "2",              name: "Мурад А.",              handle: "@murad_88",              testimonial: "Делал имплантацию. Все прошло безболезненно. Очень порадовал сервис.",              rating: 5
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Контакты"
-          tagIcon={Mail}
-          title="Запишитесь на консультацию"
-          description="Начните путь к идеальной улыбке уже сегодня. Напишите нам в WhatsApp или оставьте заявку."
+        <ContactCenter
+          tag="Свяжитесь с нами"
+          title="Начните путь к идеальной улыбке"
+          description="Запишитесь на консультацию прямо сейчас через WhatsApp."
          background={{ variant: "plain" }}
-          useInvertedBackground={true}
-          imageSrc="https://pixabay.com/get/g23f882f2e6bdb16b5fd13af02f720809b20ae4a2f6f5cb00a28af7e1e7ab672d46ff05b2a369e2fdf4111f6209f2b07184b369f9a8a99ac55eeff56d4d230fde_1280.jpg"
-          imageAlt="Консультация стоматолога"
-          mediaPosition="right"
-          mediaAnimation="slide-up"
-          inputPlaceholder="Ваш номер WhatsApp"
-          buttonText="Записаться"
-          termsText="Мы свяжемся с вами в кратчайшие сроки для подтверждения записи."
+          useInvertedBackground={false}
+          onSubmit={(email) => window.open(`https://wa.me/79999999999?text=Здравствуйте! Меня интересует консультация. Email: ${email}`, '_blank')}
+          buttonText="Написать в WhatsApp"
        />
      </div>

      <div id="footer" data-section="footer">
-        <FooterBase
+        <FooterCard
          logoText="Diamond Dent"
-          copyrightText="© 2025 Diamond Dent | Стоматология в Грозном"
-          columns={[
-            {
-              title: "Клиника",              items: [
-                { label: "О компании", href: "#about" },
-                { label: "Специалисты", href: "#features" },
-                { label: "Контакты", href: "#contact" }
-              ]
-            },
-            {
-              title: "Услуги",              items: [
-                { label: "Виниры", href: "#services" },
-                { label: "Имплантация", href: "#services" },
-                { label: "Отбеливание", href: "#services" }
-              ]
-            },
-            {
-              title: "Соцсети",              items: [
-                { label: "Instagram", href: "#" },
-                { label: "WhatsApp", href: "#" }
-              ]
-            }
+          copyrightText="© 2025 Diamond Dent. Все права защищены."
+          socialLinks={[
+            { icon: MessageCircle, href: "https://wa.me/79999999999", ariaLabel: "WhatsApp" },
+            { icon: Phone, href: "tel:+79999999999", ariaLabel: "Позвонить" },
+            { icon: MapPin, href: "#", ariaLabel: "Адрес" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #0c1325;
-  --primary-cta: #0798ff;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
  --secondary-cta-text: #0c1325;
-  --accent: #93c7ff;
-  --background-accent: #a8cde8;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	57d3a18cdd	Update src/app/page.tsx	2026-05-19 15:44:19 +00:00
bender	18b9c85109	Update src/app/styles/variables.css	2026-05-19 15:43:49 +00:00
bender	39590bc1f1	Update src/app/styles/base.css	2026-05-19 15:43:48 +00:00
bender	c9eb4f4e71	Update src/app/page.tsx	2026-05-19 15:43:48 +00:00