Update src/app/page.tsx
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Послуги",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Послуги", id: "#services"},
|
||||
{
|
||||
name: "Про нас",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Про нас", id: "#about"},
|
||||
{
|
||||
name: "Галерея",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Галерея", id: "#gallery"},
|
||||
{
|
||||
name: "Відгуки",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Відгуки", id: "#testimonials"},
|
||||
{
|
||||
name: "Контакти",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Контакти", id: "#contact"},
|
||||
]}
|
||||
brandName="DentalTech"
|
||||
/>
|
||||
@@ -60,45 +50,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Майбутнє Вашої Усмішки Починається Тут"
|
||||
description="Провідна високотехнологічна стоматологічна клініка, де інновації зустрічаються з досконалістю та персоналізованим доглядом."
|
||||
tag="Інноваційна Стоматологія"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Дізнатись більше",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Дізнатись більше", href: "#about"},
|
||||
{
|
||||
text: "Записатись на прийом",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Записатись на прийом", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
videoSrc: "asset://hero-video",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-66732.jpg",
|
||||
imageAlt: "Високотехнологічна стоматологічна клініка",
|
||||
},
|
||||
videoSrc: "asset://hero-video", imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-66732.jpg", imageAlt: "Високотехнологічна стоматологічна клініка"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-researcher-carrying-out-scientific-experiment_1153-4520.jpg",
|
||||
imageAlt: "Пацієнт з ідеальною посмішкою",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-dentist-hand_1157-29157.jpg",
|
||||
imageAlt: "Dental tools in a dentist hand",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg",
|
||||
imageAlt: "Full shot dentist wearing face mask",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-equipment-placed-table_1150-19619.jpg",
|
||||
imageAlt: "Dental equipment placed on the table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-researcher-carrying-out-scientific-experiment_1153-4520.jpg", imageAlt: "Пацієнт з ідеальною посмішкою"}
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
@@ -113,29 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Цифрова Діагностика 3D",
|
||||
description: "Максимальна точність планування та лікування завдяки 3D-скануванню та комп'ютерному моделюванню.",
|
||||
tag: "Точність",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-listening-explication-teeth-treatment-dentist-coverall-showing-x-ray-tablet-stomatology-specialist-wearing-protective-suit-against-infection-with-covid19-pointing-radiograph_482257-13149.jpg",
|
||||
imageAlt: "3D стоматологічний сканер",
|
||||
},
|
||||
id: "s1", title: "Цифрова Діагностика 3D", description: "Максимальна точність планування та лікування завдяки 3D-скануванню та комп'ютерному моделюванню.", tag: "Точність", imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-listening-explication-teeth-treatment-dentist-coverall-showing-x-ray-tablet-stomatology-specialist-wearing-protective-suit-against-infection-with-covid19-pointing-radiograph_482257-13149.jpg", imageAlt: "3D стоматологічний сканер"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Естетична Реставрація Нового Покоління",
|
||||
description: "Відновлення природної краси посмішки за допомогою сучасних біосумісних матеріалів та технологій.",
|
||||
tag: "Краса",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-businesswoman-drawing-graph-glass_1262-1995.jpg",
|
||||
imageAlt: "Естетична реставрація зубів",
|
||||
},
|
||||
id: "s2", title: "Естетична Реставрація Нового Покоління", description: "Відновлення природної краси посмішки за допомогою сучасних біосумісних матеріалів та технологій.", tag: "Краса", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-businesswoman-drawing-graph-glass_1262-1995.jpg", imageAlt: "Естетична реставрація зубів"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Імплантація з Гарантією Якості",
|
||||
description: "Надійне відновлення втрачених зубів з використанням провідних світових систем імплантатів.",
|
||||
tag: "Надійність",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419508.jpg",
|
||||
imageAlt: "Стоматологічна імплантація",
|
||||
},
|
||||
id: "s3", title: "Імплантація з Гарантією Якості", description: "Надійне відновлення втрачених зубів з використанням провідних світових систем імплантатів.", tag: "Надійність", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419508.jpg", imageAlt: "Стоматологічна імплантація"},
|
||||
]}
|
||||
title="Наші Інноваційні Послуги"
|
||||
description="Від цифрової діагностики до естетичної реставрації – ми використовуємо передові технології для вашого здоров'я та комфорту."
|
||||
@@ -147,14 +97,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Наш Підхід: Технології та Емпатія"
|
||||
description={[
|
||||
"DentalTech – це місце, де передові стоматологічні технології поєднуються з індивідуальним, дбайливим ставленням до кожного пацієнта. Ми віримо, що досконала усмішка – це результат синергії інновацій та справжньої турботи.",
|
||||
"Наші фахівці постійно вдосконалюють свої навички та впроваджують найновіші методики лікування, щоб забезпечити вам бездоганний результат. Ми створюємо атмосферу довіри та комфорту, де кожен візит перетворюється на приємний досвід.",
|
||||
]}
|
||||
"DentalTech – це місце, де передові стоматологічні технології поєднуються з індивідуальним, дбайливим ставленням до кожного пацієнта. Ми віримо, що досконала усмішка – це результат синергії інновацій та справжньої турботи.", "Наші фахівці постійно вдосконалюють свої навички та впроваджують найновіші методики лікування, щоб забезпечити вам бездоганний результат. Ми створюємо атмосферу довіри та комфорту, де кожен візит перетворюється на приємний досвід."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Детальніше про нас",
|
||||
href: "#",
|
||||
},
|
||||
text: "Детальніше про нас", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
showBorder={false}
|
||||
@@ -169,25 +115,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Років Досвіду",
|
||||
description: "Бездоганної практики та постійного розвитку в галузі високотехнологічної стоматології.",
|
||||
icon: Award,
|
||||
id: "m1", value: "10+", title: "Років Досвіду", description: "Бездоганної практики та постійного розвитку в галузі високотехнологічної стоматології.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "Щасливих Усмішок",
|
||||
description: "Відновлених та покращених, що принесли радість та впевненість нашим пацієнтам.",
|
||||
icon: Smile,
|
||||
id: "m2", value: "5000+", title: "Щасливих Усмішок", description: "Відновлених та покращених, що принесли радість та впевненість нашим пацієнтам.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Задоволених Пацієнтів",
|
||||
description: "Підтверджують високу якість послуг та турботливе ставлення нашої команди.",
|
||||
icon: Heart,
|
||||
id: "m3", value: "98%", title: "Задоволених Пацієнтів", description: "Підтверджують високу якість послуг та турботливе ставлення нашої команди.", icon: Heart,
|
||||
},
|
||||
]}
|
||||
title="DentalTech у Цифрах"
|
||||
@@ -203,22 +137,13 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "before-after-1",
|
||||
name: "Відновлення Природності",
|
||||
price: "До/Після",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/infectious-coronavirus-blood-splatter_53876-101301.jpg",
|
||||
imageAlt: "До: Потреба в реставрації",
|
||||
},
|
||||
id: "before-after-1", name: "Відновлення Природності", price: "До/Після", imageSrc: "http://img.b2bpic.net/free-photo/infectious-coronavirus-blood-splatter_53876-101301.jpg", imageAlt: "До: Потреба в реставрації"},
|
||||
{
|
||||
id: "before-after-2",
|
||||
name: "Ідеальна Рівність",
|
||||
price: "До/Після",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-tooth_23-2150273602.jpg",
|
||||
imageAlt: "До: Нерівні зуби",
|
||||
},
|
||||
id: "before-after-2", name: "Ідеальна Рівність", price: "До/Після", imageSrc: "http://img.b2bpic.net/free-photo/dental-hygiene-concept-with-tooth_23-2150273602.jpg", imageAlt: "До: Нерівні зуби"},
|
||||
]}
|
||||
title="Трансформація Вашої Усмішки"
|
||||
description="Подивіться на реальні результати, яких досягли наші пацієнти завдяки передовим методикам та індивідуальному підходу."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -231,59 +156,23 @@ export default function LandingPage() {
|
||||
carouselMode="auto"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Анна Коваль",
|
||||
role: "Бізнес-аналітик",
|
||||
company: "TechInnovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg",
|
||||
imageAlt: "confident woman bright smile portrait",
|
||||
},
|
||||
id: "t1", name: "Анна Коваль", role: "Бізнес-аналітик", company: "TechInnovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg", imageAlt: "confident woman bright smile portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Максим Бондаренко",
|
||||
role: "Архітектор",
|
||||
company: "UrbanDesign",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149438508.jpg",
|
||||
imageAlt: "distinguished man warm smile portrait",
|
||||
},
|
||||
id: "t2", name: "Максим Бондаренко", role: "Архітектор", company: "UrbanDesign", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149438508.jpg", imageAlt: "distinguished man warm smile portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Олена Мельник",
|
||||
role: "Маркетолог",
|
||||
company: "DigitalSphere",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg",
|
||||
imageAlt: "young professional broad smile portrait",
|
||||
},
|
||||
id: "t3", name: "Олена Мельник", role: "Маркетолог", company: "DigitalSphere", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg", imageAlt: "young professional broad smile portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Дмитро Савченко",
|
||||
role: "Розробник ПЗ",
|
||||
company: "CodeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg",
|
||||
imageAlt: "serene woman appreciative smile portrait",
|
||||
},
|
||||
id: "t4", name: "Дмитро Савченко", role: "Розробник ПЗ", company: "CodeFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg", imageAlt: "serene woman appreciative smile portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Юлія Палій",
|
||||
role: "Фінансист",
|
||||
company: "FinTrust",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-using-digital-tablet_107420-74079.jpg",
|
||||
imageAlt: "charismatic man confident smile portrait",
|
||||
},
|
||||
id: "t5", name: "Юлія Палій", role: "Фінансист", company: "FinTrust", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-dentist-using-digital-tablet_107420-74079.jpg", imageAlt: "charismatic man confident smile portrait"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Андрій Лисенко",
|
||||
role: "Власник бізнесу",
|
||||
company: "GlobalTrade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businesswoman_329181-8846.jpg",
|
||||
imageAlt: "expressive woman joyful smile portrait",
|
||||
},
|
||||
id: "t6", name: "Андрій Лисенко", role: "Власник бізнесу", company: "GlobalTrade", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businesswoman_329181-8846.jpg", imageAlt: "expressive woman joyful smile portrait"},
|
||||
]}
|
||||
title="Що Кажуть Наші Пацієнти"
|
||||
description="Реальні історії успіху та щирі слова вдячності від тих, хто довірив нам свою усмішку та здоров'я."
|
||||
@@ -296,25 +185,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Які технології ви використовуєте для діагностики?",
|
||||
content: "Ми застосовуємо передове 3D-сканування, цифрову рентгенографію та комп'ютерне моделювання для найточнішої діагностики та планування лікування.",
|
||||
},
|
||||
id: "q1", title: "Які технології ви використовуєте для діагностики?", content: "Ми застосовуємо передове 3D-сканування, цифрову рентгенографію та комп'ютерне моделювання для найточнішої діагностики та планування лікування."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Чи надаєте ви послуги естетичної стоматології?",
|
||||
content: "Так, ми спеціалізуємося на естетичних реставраціях, вінірах, відбілюванні та інших процедурах для створення ідеальної посмішки.",
|
||||
},
|
||||
id: "q2", title: "Чи надаєте ви послуги естетичної стоматології?", content: "Так, ми спеціалізуємося на естетичних реставраціях, вінірах, відбілюванні та інших процедурах для створення ідеальної посмішки."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Скільки часу займає встановлення імплантатів?",
|
||||
content: "Тривалість залежить від індивідуального випадку, але завдяки нашим технологіям ми оптимізуємо процес, забезпечуючи ефективність та мінімальний дискомфорт.",
|
||||
},
|
||||
id: "q3", title: "Скільки часу займає встановлення імплантатів?", content: "Тривалість залежить від індивідуального випадку, але завдяки нашим технологіям ми оптимізуємо процес, забезпечуючи ефективність та мінімальний дискомфорт."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Чи є у вас гарантії на лікування?",
|
||||
content: "Ми надаємо гарантії на всі види лікування, що підтверджує нашу впевненість у якості послуг та використовуваних матеріалах.",
|
||||
},
|
||||
id: "q4", title: "Чи є у вас гарантії на лікування?", content: "Ми надаємо гарантії на всі види лікування, що підтверджує нашу впевненість у якості послуг та використовуваних матеріалах."},
|
||||
]}
|
||||
title="Ваші Питання – Наші Відповіді"
|
||||
description="Ми зібрали найпоширеніші запитання, щоб надати вам вичерпну інформацію про нашу клініку та послуги."
|
||||
@@ -329,28 +206,17 @@ export default function LandingPage() {
|
||||
description="Ми завжди готові відповісти на ваші запитання та запланувати ваш візит. Залиште свої дані, і ми зв'яжемося з вами найближчим часом."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ваше Ім'я",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ваше Ім'я", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Ваш Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Ваш Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Номер телефону",
|
||||
required: false,
|
||||
name: "phone", type: "tel", placeholder: "Номер телефону", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ваше Повідомлення",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Ваше Повідомлення", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
|
||||
@@ -366,58 +232,35 @@ export default function LandingPage() {
|
||||
logoText="DentalTech"
|
||||
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: "#about",
|
||||
},
|
||||
label: "Наша Команда", href: "#about"},
|
||||
{
|
||||
label: "Галерея",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Галерея", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Підтримка",
|
||||
items: [
|
||||
title: "Підтримка", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Контакти",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Контакти", href: "#contact"},
|
||||
{
|
||||
label: "Політика конфіденційності",
|
||||
href: "#",
|
||||
},
|
||||
label: "Політика конфіденційності", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user