Update src/app/page.tsx
This commit is contained in:
267
src/app/page.tsx
267
src/app/page.tsx
@@ -32,75 +32,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "О клинике",
|
||||
id: "#about",
|
||||
},
|
||||
name: "О клинике", id: "#about"},
|
||||
{
|
||||
name: "Направления",
|
||||
id: "#directions",
|
||||
},
|
||||
name: "Направления", id: "#directions"},
|
||||
{
|
||||
name: "Врачи",
|
||||
id: "#chief-doctor",
|
||||
},
|
||||
name: "Врачи", id: "#chief-doctor"},
|
||||
{
|
||||
name: "Преимущества",
|
||||
id: "#why-choose-us",
|
||||
},
|
||||
name: "Преимущества", id: "#why-choose-us"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Контакты", id: "#contact"},
|
||||
]}
|
||||
logoSrc="asset://logo-3m-clinic"
|
||||
logoAlt="Логотип 3M Clinic"
|
||||
brandName="3M Clinic"
|
||||
button={{
|
||||
text: "Записаться на приём",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Записаться на приём", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="3M Clinic — центр экспертной медицины в Москве"
|
||||
description="Диагностика, лечение и забота о здоровье в современной клинике с сильной командой специалистов"
|
||||
tag="Ваша экспертная медицина"
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться на приём",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Записаться на приём", href: "#contact"},
|
||||
{
|
||||
text: "Посмотреть направления",
|
||||
href: "#directions",
|
||||
},
|
||||
text: "Посмотреть направления", href: "#directions"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "asset://chief-physician-photo",
|
||||
imageAlt: "Главный врач 3M Clinic",
|
||||
},
|
||||
imageSrc: "asset://chief-physician-photo", imageAlt: "Главный врач 3M Clinic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10335.jpg",
|
||||
imageAlt: "Абстрактный медицинский фон с бирюзовыми элементами",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-10134.jpg",
|
||||
imageAlt: "Artistic blurry colorful wallpaper background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-pattern-backdrop_23-2147876070.jpg",
|
||||
imageAlt: "Circular pattern over the backdrop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trend-creative-tileable-stylish-colorful_1258-164.jpg",
|
||||
imageAlt: "trend creative tileable stylish colorful",
|
||||
},
|
||||
imageSrc: "asset://hero-abstract-medical-background", imageAlt: "Абстрактный медицинский фон с бирюзовыми элементами"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -115,37 +82,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "eq-1",
|
||||
title: "Современное оборудование",
|
||||
descriptions: [
|
||||
"Экспертного класса для точной диагностики и эффективного лечения.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335662.jpg",
|
||||
},
|
||||
id: "eq-1", title: "Современное оборудование", descriptions: [
|
||||
"Экспертного класса для точной диагностики и эффективного лечения."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335662.jpg"},
|
||||
{
|
||||
id: "app-2",
|
||||
title: "Комплексный подход",
|
||||
descriptions: [
|
||||
"Целостная диагностика и лечение, ориентированное на вашу уникальную ситуацию.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-elder-patient-healthcare-medical-cabinet-treatment-facility-medic-consulting-old-person-checkup-appointment-while-sitting-desk-people-talking-clinic_482257-28609.jpg",
|
||||
},
|
||||
id: "app-2", title: "Комплексный подход", descriptions: [
|
||||
"Целостная диагностика и лечение, ориентированное на вашу уникальную ситуацию."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-elder-patient-healthcare-medical-cabinet-treatment-facility-medic-consulting-old-person-checkup-appointment-while-sitting-desk-people-talking-clinic_482257-28609.jpg"},
|
||||
{
|
||||
id: "doc-3",
|
||||
title: "Врачи-эксперты",
|
||||
descriptions: [
|
||||
"Команда высококвалифицированных специалистов с многолетним опытом и сильной практикой.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-medics-team-lab_23-2147767285.jpg",
|
||||
},
|
||||
id: "doc-3", title: "Врачи-эксперты", descriptions: [
|
||||
"Команда высококвалифицированных специалистов с многолетним опытом и сильной практикой."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-medics-team-lab_23-2147767285.jpg"},
|
||||
{
|
||||
id: "rec-4",
|
||||
title: "Удобная запись",
|
||||
descriptions: [
|
||||
"Онлайн-запись и полное сопровождение каждого пациента на всех этапах.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-pointing-finger-digital-tablet-screen_23-2147857259.jpg",
|
||||
},
|
||||
id: "rec-4", title: "Удобная запись", descriptions: [
|
||||
"Онлайн-запись и полное сопровождение каждого пациента на всех этапах."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-pointing-finger-digital-tablet-screen_23-2147857259.jpg"},
|
||||
]}
|
||||
title="Ключевые принципы 3M Clinic"
|
||||
description="Мы строим доверие через инновации, заботу и профессионализм. Ваши здоровье и комфорт — наш приоритет."
|
||||
@@ -160,68 +111,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "uro",
|
||||
brand: "Урология",
|
||||
name: "Диагностика и лечение заболеваний мочеполовой системы.",
|
||||
price: "Записаться",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-world-heart-day-concept_23-2148610453.jpg",
|
||||
},
|
||||
id: "uro", brand: "Урология", name: "Диагностика и лечение заболеваний мочеполовой системы.", price: "Записаться", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/top-view-world-heart-day-concept_23-2148610453.jpg"},
|
||||
{
|
||||
id: "gyn",
|
||||
brand: "Гинекология",
|
||||
name: "Комплексная забота о женском здоровье на всех этапах жизни.",
|
||||
price: "Записаться",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-her-intimacy-moments_23-2149208350.jpg",
|
||||
},
|
||||
id: "gyn", brand: "Гинекология", name: "Комплексная забота о женском здоровье на всех этапах жизни.", price: "Записаться", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-her-intimacy-moments_23-2149208350.jpg"},
|
||||
{
|
||||
id: "uzi",
|
||||
brand: "УЗИ диагностика",
|
||||
name: "Современное оборудование экспертного класса для точных исследований.",
|
||||
price: "Подробнее",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-taking-xray-patient-examination-room-hospital_637285-5171.jpg",
|
||||
},
|
||||
id: "uzi", brand: "УЗИ диагностика", name: "Современное оборудование экспертного класса для точных исследований.", price: "Подробнее", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-taking-xray-patient-examination-room-hospital_637285-5171.jpg"},
|
||||
{
|
||||
id: "end",
|
||||
brand: "Эндокринология",
|
||||
name: "Диагностика, лечение и коррекция гормональных нарушений.",
|
||||
price: "Записаться",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-male-figure-holding-his-throat-pain_1048-16690.jpg",
|
||||
},
|
||||
id: "end", brand: "Эндокринология", name: "Диагностика, лечение и коррекция гормональных нарушений.", price: "Записаться", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/3d-male-figure-holding-his-throat-pain_1048-16690.jpg"},
|
||||
{
|
||||
id: "car",
|
||||
brand: "Кардиология",
|
||||
name: "Полная диагностика и эффективное лечение сердечно-сосудистых заболеваний.",
|
||||
price: "Записаться",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-heart-day-concept-with-medicine_23-2148610474.jpg",
|
||||
},
|
||||
id: "car", brand: "Кардиология", name: "Полная диагностика и эффективное лечение сердечно-сосудистых заболеваний.", price: "Записаться", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/world-heart-day-concept-with-medicine_23-2148610474.jpg"},
|
||||
{
|
||||
id: "the",
|
||||
brand: "Терапия",
|
||||
name: "Лечение внутренних заболеваний и комплексное ведение пациента.",
|
||||
price: "Записаться",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswomen-with-face-masks-elbow-bumping-cafe_637285-8144.jpg",
|
||||
},
|
||||
id: "the", brand: "Терапия", name: "Лечение внутренних заболеваний и комплексное ведение пациента.", price: "Записаться", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswomen-with-face-masks-elbow-bumping-cafe_637285-8144.jpg"},
|
||||
{
|
||||
id: "ana",
|
||||
brand: "Анализы",
|
||||
name: "Быстрые, точные и надёжные результаты лабораторных исследований.",
|
||||
price: "Подробнее",
|
||||
rating: 0,
|
||||
reviewCount: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scientist-researcher-looking-blood-test-tube-researching-scientific-biology-expertise_482257-4095.jpg",
|
||||
},
|
||||
id: "ana", brand: "Анализы", name: "Быстрые, точные и надёжные результаты лабораторных исследований.", price: "Подробнее", rating: 0,
|
||||
reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/scientist-researcher-looking-blood-test-tube-researching-scientific-biology-expertise_482257-4095.jpg"},
|
||||
]}
|
||||
title="Направления медицины 3M Clinic"
|
||||
description="Мы предлагаем полный спектр медицинских услуг, ориентированных на ваше здоровье и благополучие."
|
||||
@@ -236,9 +145,7 @@ export default function LandingPage() {
|
||||
tag="Лидер экспертной медицины"
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться на консультацию",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Записаться на консультацию", href: "#contact"},
|
||||
]}
|
||||
imageSrc="asset://chief-physician-photo__2"
|
||||
imageAlt="Фото главного врача 3M Clinic"
|
||||
@@ -252,20 +159,11 @@ export default function LandingPage() {
|
||||
tag="Наши преимущества"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "7+",
|
||||
description: "Медицинских направлений",
|
||||
},
|
||||
id: "m1", value: "7+", description: "Медицинских направлений"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Онлайн-запись и сопровождение",
|
||||
},
|
||||
id: "m2", value: "100%", description: "Онлайн-запись и сопровождение"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Центр",
|
||||
description: "Москвы, удобное расположение",
|
||||
},
|
||||
id: "m3", value: "Центр", description: "Москвы, удобное расположение"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -278,59 +176,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Анна Смирнова",
|
||||
role: "Пациент",
|
||||
company: "Москва",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-injection-patient_1170-2124.jpg",
|
||||
},
|
||||
id: "t1", name: "Анна Смирнова", role: "Пациент", company: "Москва", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-injection-patient_1170-2124.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Иван Козлов",
|
||||
role: "Пациент",
|
||||
company: "Москва",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-black-female-doctor-after-consultations-clinic-focus-is-doctor_637285-1160.jpg",
|
||||
},
|
||||
id: "t2", name: "Иван Козлов", role: "Пациент", company: "Москва", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-shaking-hands-with-black-female-doctor-after-consultations-clinic-focus-is-doctor_637285-1160.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Елена Петрова",
|
||||
role: "Пациент",
|
||||
company: "Москва",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-black-doctor-standing-her-office-clinic_1157-52295.jpg",
|
||||
},
|
||||
id: "t3", name: "Елена Петрова", role: "Пациент", company: "Москва", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-black-doctor-standing-her-office-clinic_1157-52295.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Дмитрий Морозов",
|
||||
role: "Пациент",
|
||||
company: "Москва",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-visiting-senior-patients-home-going-through-medical-documents_637285-1356.jpg",
|
||||
},
|
||||
id: "t4", name: "Дмитрий Морозов", role: "Пациент", company: "Москва", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-visiting-senior-patients-home-going-through-medical-documents_637285-1356.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ольга Новикова",
|
||||
role: "Пациент",
|
||||
company: "Москва",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-showing-pray-gesture-red-backgroung_141793-27144.jpg",
|
||||
},
|
||||
id: "t5", name: "Ольга Новикова", role: "Пациент", company: "Москва", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-showing-pray-gesture-red-backgroung_141793-27144.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Довольных пациентов",
|
||||
},
|
||||
value: "5000+", label: "Довольных пациентов"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Лет опыта команды",
|
||||
},
|
||||
value: "15+", label: "Лет опыта команды"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Рекомендаций",
|
||||
},
|
||||
value: "98%", label: "Рекомендаций"},
|
||||
]}
|
||||
title="Отзывы наших пациентов"
|
||||
description="Нам доверяют самое ценное — свое здоровье. Познакомьтесь с историями тех, кто уже выбрал 3M Clinic."
|
||||
@@ -343,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Как записаться на приём?",
|
||||
content: "Вы можете записаться на приём по телефонам, указанным на сайте, через онлайн-форму или в нашем мессенджере. Администратор свяжется с вами для уточнения деталей.",
|
||||
},
|
||||
id: "q1", title: "Как записаться на приём?", content: "Вы можете записаться на приём по телефонам, указанным на сайте, через онлайн-форму или в нашем мессенджере. Администратор свяжется с вами для уточнения деталей."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Какие документы нужны для приёма?",
|
||||
content: "Для первичного приёма рекомендуется иметь паспорт и, при наличии, предыдущие результаты анализов или медицинские заключения.",
|
||||
},
|
||||
id: "q2", title: "Какие документы нужны для приёма?", content: "Для первичного приёма рекомендуется иметь паспорт и, при наличии, предыдущие результаты анализов или медицинские заключения."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Работаете ли вы со страховыми компаниями?",
|
||||
content: "Мы работаем с большинством ведущих страховых компаний. Пожалуйста, уточните информацию у администратора при записи.",
|
||||
},
|
||||
id: "q3", title: "Работаете ли вы со страховыми компаниями?", content: "Мы работаем с большинством ведущих страховых компаний. Пожалуйста, уточните информацию у администратора при записи."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/health-specialist-showing-greenscreen-tablet-woman-with-disability-cabinet-looking-blank-mockup-template-with-isolated-display-chroma-key-copyspace-wheelchair-user_482257-48511.jpg"
|
||||
imageAlt="Врачи обсуждают результаты анализов"
|
||||
@@ -373,8 +231,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ваше здоровье — наш приоритет"
|
||||
title="Запишитесь на приём в 3M Clinic"
|
||||
description="Администратор свяжется с вами, уточнит удобное время и поможет выбрать специалиста. Мы находимся по адресу: г. Москва, улица Земляной Вал 14-16с1, вход со стороны Малого Казенного переулка. Телефоны: +7 (968) 003-06-02, 8 (495) 109-23-03. График: Пн–Вс: 09:00–20:00. Нажимая кнопку, вы соглашаетесь с обработкой персональных данных."
|
||||
@@ -391,13 +248,9 @@ export default function LandingPage() {
|
||||
logoAlt="Логотип 3M Clinic"
|
||||
logoText="3M Clinic"
|
||||
leftLink={{
|
||||
text: "Политика конфиденциальности",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Политика конфиденциальности", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Имеются противопоказания. Необходима консультация специалиста.",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Имеются противопоказания. Необходима консультация специалиста.", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user