Update src/app/page.tsx
This commit is contained in:
287
src/app/page.tsx
287
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Главная", id: "#home"},
|
||||
{
|
||||
name: "О нас",
|
||||
id: "#about",
|
||||
},
|
||||
name: "О нас", id: "#about"},
|
||||
{
|
||||
name: "Услуги",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Услуги", id: "#services"},
|
||||
{
|
||||
name: "Команда",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Команда", id: "#team"},
|
||||
{
|
||||
name: "Отзывы",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Отзывы", id: "#testimonials"},
|
||||
{
|
||||
name: "Цены",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Цены", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Контакты", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjs3g9"
|
||||
logoAlt="Mendeleev Dental Clinic logo"
|
||||
@@ -71,9 +55,7 @@ export default function LandingPage() {
|
||||
bottomLeftText="Современные решения"
|
||||
bottomRightText="+7 (XXX) XXX-XX-XX"
|
||||
button={{
|
||||
text: "Записаться на прием",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Записаться на прием", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,35 +65,21 @@ export default function LandingPage() {
|
||||
description="Стоматологическая клиника Менделеева сочетает современные технологии с индивидуальным подходом к лечению. Запишитесь на прием сегодня и ощутите разницу профессионального ухода."
|
||||
buttons={[
|
||||
{
|
||||
text: "Записаться на прием",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Записаться на прием", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-equipment_23-2148104981.jpg",
|
||||
imageAlt: "Современный интерьер стоматологической клиники",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-equipment_23-2148104981.jpg", imageAlt: "Современный интерьер стоматологической клиники"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-opening-her-mouth-doctor-look-her-throat-otolaryngologist-examines-sore-throat-patient_657921-196.jpg",
|
||||
imageAlt: "Стоматолог осматривает пациента",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-opening-her-mouth-doctor-look-her-throat-otolaryngologist-examines-sore-throat-patient_657921-196.jpg", imageAlt: "Стоматолог осматривает пациента"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053308.jpg",
|
||||
imageAlt: "Высокотехнологичное стоматологическое оборудование",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053308.jpg", imageAlt: "Высокотехнологичное стоматологическое оборудование"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-girl-dental-chair-with-dentist-assistant-around_651396-1409.jpg",
|
||||
imageAlt: "Семья на приеме у стоматолога",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-girl-dental-chair-with-dentist-assistant-around_651396-1409.jpg", imageAlt: "Семья на приеме у стоматолога"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67041.jpg",
|
||||
imageAlt: "Цифровой стоматологический рентген",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67041.jpg", imageAlt: "Цифровой стоматологический рентген"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg",
|
||||
imageAlt: "Счастливый пациент с идеальной улыбкой",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg", imageAlt: "Счастливый пациент с идеальной улыбкой"},
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
@@ -125,19 +93,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Лет опыта",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Лет опыта", value: "15+"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Счастливых улыбок",
|
||||
value: "1000+",
|
||||
},
|
||||
label: "Счастливых улыбок", value: "1000+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Процедур в месяц",
|
||||
value: "200+",
|
||||
},
|
||||
label: "Процедур в месяц", value: "200+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,29 +113,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Современное оборудование",
|
||||
description: "Используем новейшие технологии для точной диагностики и эффективного лечения.",
|
||||
},
|
||||
title: "Современное оборудование", description: "Используем новейшие технологии для точной диагностики и эффективного лечения."},
|
||||
{
|
||||
icon: Feather,
|
||||
title: "Индивидуальный подход",
|
||||
description: "Разрабатываем план лечения, учитывая все особенности и пожелания каждого пациента.",
|
||||
},
|
||||
title: "Индивидуальный подход", description: "Разрабатываем план лечения, учитывая все особенности и пожелания каждого пациента."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Безболезненное лечение",
|
||||
description: "Применяем передовые методы анестезии, чтобы ваш визит был максимально комфортным.",
|
||||
},
|
||||
title: "Безболезненное лечение", description: "Применяем передовые методы анестезии, чтобы ваш визит был максимально комфортным."},
|
||||
{
|
||||
icon: Crown,
|
||||
title: "Полный спектр услуг",
|
||||
description: "От профилактики до имплантации — все виды стоматологической помощи в одном месте.",
|
||||
},
|
||||
title: "Полный спектр услуг", description: "От профилактики до имплантации — все виды стоматологической помощи в одном месте."},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Семейная стоматология",
|
||||
description: "Забота о здоровье зубов всей семьи, включая детскую стоматологию.",
|
||||
},
|
||||
title: "Семейная стоматология", description: "Забота о здоровье зубов всей семьи, включая детскую стоматологию."},
|
||||
]}
|
||||
title="Наши профессиональные услуги"
|
||||
description="Мы предлагаем полный спектр стоматологических услуг, используя передовые технологии и индивидуальный подход к каждому пациенту."
|
||||
@@ -188,23 +140,11 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "dr-petrova",
|
||||
name: "Др. Анна Петрова, Главный врач",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168485.jpg",
|
||||
imageAlt: "Портрет доктора Анны Петровой",
|
||||
},
|
||||
id: "dr-petrova", name: "Др. Анна Петрова, Главный врач", imageSrc: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168485.jpg", imageAlt: "Портрет доктора Анны Петровой"},
|
||||
{
|
||||
id: "dr-sidorov",
|
||||
name: "Др. Иван Сидоров, Стоматолог-терапевт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-medic-pandemic-covid-nurse-emotions_179666-24177.jpg",
|
||||
imageAlt: "Портрет доктора Ивана Сидорова",
|
||||
},
|
||||
id: "dr-sidorov", name: "Др. Иван Сидоров, Стоматолог-терапевт", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-medic-pandemic-covid-nurse-emotions_179666-24177.jpg", imageAlt: "Портрет доктора Ивана Сидорова"},
|
||||
{
|
||||
id: "dr-kuznetsova",
|
||||
name: "Др. Елена Кузнецова, Ортодонт",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-3745.jpg",
|
||||
imageAlt: "Портрет доктора Елены Кузнецовой",
|
||||
},
|
||||
id: "dr-kuznetsova", name: "Др. Елена Кузнецова, Ортодонт", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-3745.jpg", imageAlt: "Портрет доктора Елены Кузнецовой"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -218,50 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Анна Смирнова",
|
||||
role: "Менеджер",
|
||||
company: "ООО 'Успех'",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-holding-stethoscope_268835-944.jpg",
|
||||
imageAlt: "Фото Анны Смирновой",
|
||||
},
|
||||
id: "1", name: "Анна Смирнова", role: "Менеджер", company: "ООО 'Успех'", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-holding-stethoscope_268835-944.jpg", imageAlt: "Фото Анны Смирновой"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Сергей Иванов",
|
||||
role: "Предприниматель",
|
||||
company: "ИП Иванов",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-successful-young-businessman_1262-1876.jpg",
|
||||
imageAlt: "Фото Сергея Иванова",
|
||||
},
|
||||
id: "2", name: "Сергей Иванов", role: "Предприниматель", company: "ИП Иванов", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-successful-young-businessman_1262-1876.jpg", imageAlt: "Фото Сергея Иванова"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Елена Морозова",
|
||||
role: "Пенсионерка",
|
||||
company: "Частный клиент",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-clenching-his-teeth-while-talking-phone_1262-800.jpg",
|
||||
imageAlt: "Фото Елены Морозовой",
|
||||
},
|
||||
id: "3", name: "Елена Морозова", role: "Пенсионерка", company: "Частный клиент", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-clenching-his-teeth-while-talking-phone_1262-800.jpg", imageAlt: "Фото Елены Морозовой"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Дмитрий Козлов",
|
||||
role: "Студент",
|
||||
company: "Университет",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-bench_23-2147961432.jpg",
|
||||
imageAlt: "Фото Дмитрия Козлова",
|
||||
},
|
||||
id: "4", name: "Дмитрий Козлов", role: "Студент", company: "Университет", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-bench_23-2147961432.jpg", imageAlt: "Фото Дмитрия Козлова"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ольга Васильева",
|
||||
role: "Дизайнер",
|
||||
company: "Студия Дизайна",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
|
||||
imageAlt: "Фото Ольги Васильевой",
|
||||
},
|
||||
id: "5", name: "Ольга Васильева", role: "Дизайнер", company: "Студия Дизайна", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg", imageAlt: "Фото Ольги Васильевой"},
|
||||
]}
|
||||
title="Что говорят наши пациенты"
|
||||
description="Отзывы наших довольных клиентов — лучшее подтверждение качества наших услуг и заботы о каждом."
|
||||
@@ -275,58 +185,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic-checkup",
|
||||
badge: "Популярно",
|
||||
badgeIcon: Star,
|
||||
price: "От 2 500 ₽",
|
||||
name: "Базовый осмотр",
|
||||
buttons: [
|
||||
id: "basic-checkup", badge: "Популярно", badgeIcon: Star,
|
||||
price: "От 2 500 ₽", name: "Базовый осмотр", buttons: [
|
||||
{
|
||||
text: "Записаться",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Записаться", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Первичный осмотр и консультация",
|
||||
"Диагностика состояния зубов",
|
||||
"Составление плана лечения",
|
||||
],
|
||||
"Первичный осмотр и консультация", "Диагностика состояния зубов", "Составление плана лечения"],
|
||||
},
|
||||
{
|
||||
id: "professional-cleaning",
|
||||
badge: "Рекомендуем",
|
||||
badgeIcon: Sparkles,
|
||||
price: "От 5 000 ₽",
|
||||
name: "Профессиональная чистка",
|
||||
buttons: [
|
||||
id: "professional-cleaning", badge: "Рекомендуем", badgeIcon: Sparkles,
|
||||
price: "От 5 000 ₽", name: "Профессиональная чистка", buttons: [
|
||||
{
|
||||
text: "Записаться",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Записаться", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Удаление зубного камня",
|
||||
"Полировка зубов",
|
||||
"Рекомендации по уходу",
|
||||
],
|
||||
"Удаление зубного камня", "Полировка зубов", "Рекомендации по уходу"],
|
||||
},
|
||||
{
|
||||
id: "teeth-whitening",
|
||||
badge: "Премиум",
|
||||
badgeIcon: Award,
|
||||
price: "От 15 000 ₽",
|
||||
name: "Отбеливание зубов",
|
||||
buttons: [
|
||||
id: "teeth-whitening", badge: "Премиум", badgeIcon: Award,
|
||||
price: "От 15 000 ₽", name: "Отбеливание зубов", buttons: [
|
||||
{
|
||||
text: "Записаться",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Записаться", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Профессиональное отбеливание",
|
||||
"Защита эмали",
|
||||
"Длительный результат",
|
||||
],
|
||||
"Профессиональное отбеливание", "Защита эмали", "Длительный результат"],
|
||||
},
|
||||
]}
|
||||
title="Прозрачные цены на услуги"
|
||||
@@ -339,25 +222,13 @@ 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: "Да, наша клиника предлагает услуги детской стоматологии. Наши специалисты имеют опыт работы с маленькими пациентами и создают комфортную атмосферу."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Принимаете ли вы полисы ДМС?",
|
||||
content: "Мы работаем со многими страховыми компаниями по полисам ДМС. Пожалуйста, уточните детали по телефону или при посещении клиники.",
|
||||
},
|
||||
id: "q4", title: "Принимаете ли вы полисы ДМС?", content: "Мы работаем со многими страховыми компаниями по полисам ДМС. Пожалуйста, уточните детали по телефону или при посещении клиники."},
|
||||
]}
|
||||
sideTitle="Часто задаваемые вопросы"
|
||||
sideDescription="Мы собрали ответы на самые популярные вопросы наших пациентов, чтобы вы могли найти нужную информацию быстро и легко."
|
||||
@@ -370,8 +241,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Запись на прием"
|
||||
title="Свяжитесь с нами"
|
||||
description="Мы всегда готовы ответить на ваши вопросы и помочь с записью на прием в удобное для вас время. Заполните форму, и мы свяжемся с вами в ближайшее время."
|
||||
@@ -392,58 +262,35 @@ export default function LandingPage() {
|
||||
logoText="Mendeleev Dental Clinic"
|
||||
columns={[
|
||||
{
|
||||
title: "Услуги",
|
||||
items: [
|
||||
title: "Услуги", items: [
|
||||
{
|
||||
label: "Профилактика",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Профилактика", href: "#services"},
|
||||
{
|
||||
label: "Косметология",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Косметология", href: "#services"},
|
||||
{
|
||||
label: "Имплантация",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Имплантация", href: "#services"},
|
||||
{
|
||||
label: "Ортодонтия",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Ортодонтия", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Клиника",
|
||||
items: [
|
||||
title: "Клиника", items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
label: "О нас", href: "#about"},
|
||||
{
|
||||
label: "Команда",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Команда", href: "#team"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакты",
|
||||
items: [
|
||||
title: "Контакты", items: [
|
||||
{
|
||||
label: "Записаться",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Записаться", href: "#contact"},
|
||||
{
|
||||
label: "Наш адрес",
|
||||
href: "#",
|
||||
},
|
||||
label: "Наш адрес", href: "#"},
|
||||
{
|
||||
label: "Телефон",
|
||||
href: "#",
|
||||
},
|
||||
label: "Телефон", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user