Compare commits
62 Commits
version_2
...
version_19
| Author | SHA1 | Date | |
|---|---|---|---|
| 83e9e7e0a2 | |||
| 906c521efc | |||
| 005bea9f7b | |||
| 93a371fab3 | |||
| 41eabd96a8 | |||
| 72df297206 | |||
| 6b8025c993 | |||
| 6a3143464d | |||
| 9bfc597629 | |||
| 38bdfa488e | |||
| 4572a326c9 | |||
| 60d776bbf3 | |||
| 7268088497 | |||
| f7c450414d | |||
| 0aad7b83e5 | |||
| febaa04e9a | |||
| 3b203ed97b | |||
| 03ae71d325 | |||
| 7394739242 | |||
| ebc2529014 | |||
| 8ce3bf7322 | |||
| 53f20388cd | |||
| 536010d1f1 | |||
| ef9c84b729 | |||
| 919aad8990 | |||
| e51f25ab8a | |||
| 6f8ad9558e | |||
| 6d682ff515 | |||
| 4668893546 | |||
| 1713d70e9a | |||
| 75bea5b53c | |||
| ff4ace70da | |||
| 4fd5b7be3a | |||
| 8579c0d3cb | |||
| e76d368940 | |||
| 3e8d46f661 | |||
| 564804105e | |||
| fd5074ebe9 | |||
| ecaebce49c | |||
| 102cc53656 | |||
| b28205cbed | |||
| cc4296b359 | |||
| 01363efee0 | |||
| 976d389518 | |||
| b099546739 | |||
| 19a1a30080 | |||
| 87ee6a67ea | |||
| 192ae01010 | |||
| c844107e3d | |||
| cc5a0d1b06 | |||
| 5e68689824 | |||
| 46d9dfeb04 | |||
| b0adecd0d1 | |||
| 44018c7c3d | |||
| 4941121c65 | |||
| 01d1b9f5a0 | |||
| 5e5191b383 | |||
| 8260e50523 | |||
| 1590112353 | |||
| b6ca7276ca | |||
| bec4928a53 | |||
| ffdaef4027 |
582
src/app/page.tsx
582
src/app/page.tsx
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
|
import { useState } from "react";
|
||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||||
@@ -16,6 +17,36 @@ import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
|
const [service, setService] = useState("");
|
||||||
|
const [teeth, setTeeth] = useState(1);
|
||||||
|
const [price, setPrice] = useState<number | null>(null);
|
||||||
|
|
||||||
|
const services = [
|
||||||
|
{ name: "Имплантация", base: 25000 },
|
||||||
|
{ name: "Отбеливание", base: 8000 },
|
||||||
|
{ name: "Брекеты", base: 35000 },
|
||||||
|
{ name: "Лечение кариеса", base: 3000 },
|
||||||
|
{ name: "Виниры", base: 15000 },
|
||||||
|
{ name: "Протезирование", base: 12000 },
|
||||||
|
{ name: "Профессиональная чистка", base: 3000 },
|
||||||
|
];
|
||||||
|
|
||||||
|
const handleCalculate = () => {
|
||||||
|
const selected = services.find((s) => s.name === service);
|
||||||
|
if (selected) setPrice(selected.base * teeth);
|
||||||
|
};
|
||||||
|
|
||||||
|
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 (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="directional-hover"
|
defaultButtonVariant="directional-hover"
|
||||||
@@ -33,22 +64,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Услуги", id: "services" },
|
||||||
name: "Услуги",
|
{ name: "О клинике", id: "about" },
|
||||||
id: "services",
|
{ name: "Врачи", id: "team" },
|
||||||
},
|
{ name: "Запись", id: "contact" },
|
||||||
{
|
|
||||||
name: "О клинике",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Врачи",
|
|
||||||
id: "team",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Запись",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Diamond Dent"
|
brandName="Diamond Dent"
|
||||||
/>
|
/>
|
||||||
@@ -56,513 +75,48 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Ваша идеальная улыбка — наша миссия"
|
title="Ваша идеальная улыбка — наша миссия"
|
||||||
description="Премиальная стоматология в Грозном. Мы сочетаем передовые технологии и заботливый подход для создания вашей безупречной улыбки."
|
description="Премиальная стоматология в Грозном. Мы сочетаем передовые технологии и заботливый подход для создания вашей безупречной улыбки."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Записаться на приём", href: "https://wa.me/+79291033003" },
|
||||||
text: "Записаться на приём",
|
{ text: "Узнать больше", onClick: () => handleScroll('about') },
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "Узнать больше",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
mediaItems={[
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-66977.jpg?_wi=1",
|
|
||||||
imageAlt: "modern dental clinic interior",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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: "modern dental clinic interior",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-instruments_1157-18593.jpg",
|
|
||||||
imageAlt: "modern dental clinic interior",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15260.jpg",
|
|
||||||
imageAlt: "modern dental clinic interior",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-dentist-wearing-face-mask_23-2149164285.jpg",
|
|
||||||
imageAlt: "modern dental clinic interior",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-dental-tooth-intruments-medical-stomatology-orthodontic-office_482257-12296.jpg",
|
|
||||||
imageAlt: "modern dental clinic interior",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-66977.jpg?_wi=1", imageAlt: "modern dental clinic interior" }]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about"><MediaAbout title="Diamond Dent Grozny — качество в деталях" description="Наша клиника основана на принципах инноваций и искренней заботы." useInvertedBackground={false} /></div>
|
||||||
<MediaAbout
|
<div id="services" data-section="services"><FeatureCardTwentyThree animationType="slide-up" textboxLayout="split" features={[]} title="Наши услуги" description="Профессиональный спектр стоматологических услуг." useInvertedBackground={false} /></div>
|
||||||
useInvertedBackground={false}
|
|
||||||
title="Diamond Dent Grozny — качество в деталях"
|
<div id="calculator" data-section="calculator" className="py-20 bg-card">
|
||||||
description="Наша клиника основана на принципах инноваций и искренней заботы. Мы верим, что каждая улыбка заслуживает безупречного здоровья и эстетики, поэтому предлагаем лучшие решения в области стоматологии."
|
<div className="container mx-auto px-4 text-center max-w-xl">
|
||||||
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=1"
|
<h2 className="text-3xl font-bold mb-4">Рассчитайте стоимость лечения</h2>
|
||||||
imageAlt="dentist patient consultation modern"
|
<p className="mb-8 text-foreground/80">Получите примерную стоимость за 30 секунд</p>
|
||||||
/>
|
<select className="w-full p-3 mb-4 rounded border" onChange={(e) => setService(e.target.value)} value={service}>
|
||||||
|
<option value="">Выберите услугу</option>
|
||||||
|
{services.map(s => <option key={s.name} value={s.name}>{s.name} (от {s.base} ₽)</option>)}
|
||||||
|
</select>
|
||||||
|
<input type="number" min="1" max="10" className="w-full p-3 mb-4 rounded border" value={teeth} onChange={(e) => setTeeth(Number(e.target.value))} placeholder="Количество зубов" />
|
||||||
|
<button onClick={handleCalculate} className="w-full p-3 mb-6 bg-primary-cta text-white font-bold rounded">Рассчитать</button>
|
||||||
|
{price !== null && (
|
||||||
|
<div className="p-6 bg-background rounded-lg shadow-sm border">
|
||||||
|
<p className="text-xl mb-4 font-semibold">Примерная стоимость: {price} ₽</p>
|
||||||
|
<a href="https://wa.me/+79291033003" className="inline-block px-6 py-3 bg-accent text-white rounded">Записаться на приём</a>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
<div id="why-us" data-section="why-us"><MetricCardTwo metrics={[]} gridVariant="uniform-all-items-equal" animationType="slide-up" title="Почему выбирают нас?" textboxLayout="split" description="Краткое описание преимуществ" useInvertedBackground={false} /></div>
|
||||||
<FeatureCardTwentyThree
|
<div id="team" data-section="team"><TeamCardSix members={[]} gridVariant="three-columns-all-equal-width" animationType="slide-up" title="Команда профессионалов" textboxLayout="split" description="Наши лучшие специалисты" useInvertedBackground={false} /></div>
|
||||||
animationType="slide-up"
|
<div id="before-after" data-section="before-after"><ProductCardFour products={[]} gridVariant="three-columns-all-equal-width" animationType="slide-up" title="Преображение улыбок" textboxLayout="split" description="Результаты нашей работы" useInvertedBackground={false} /></div>
|
||||||
textboxLayout="split"
|
<div id="testimonials" data-section="testimonials"><TestimonialCardOne testimonials={[]} gridVariant="three-columns-all-equal-width" animationType="slide-up" title="Отзывы" textboxLayout="split" description="Что говорят наши пациенты" useInvertedBackground={false} /></div>
|
||||||
useInvertedBackground={true}
|
<div id="pricing" data-section="pricing"><PricingCardNine plans={[]} animationType="slide-up" title="Стоимость услуг" textboxLayout="split" description="Прозрачные цены на лечение" useInvertedBackground={false} /></div>
|
||||||
features={[
|
<div id="faq" data-section="faq"><FaqBase faqs={[]} title="Часто задаваемые вопросы" textboxLayout="split" faqsAnimation="slide-up" description="Ответы на популярные вопросы" useInvertedBackground={false} /></div>
|
||||||
{
|
<div id="contact" data-section="contact"><ContactSplitForm title="Записаться на прием" inputs={[{name:"name", type:"text", placeholder:"Имя"}, {name:"phone", type:"tel", placeholder:"Телефон"}]} description="Адрес: Грозный" useInvertedBackground={false} /></div>
|
||||||
id: "s1",
|
<div id="map" data-section="map"><div className="p-10 text-center">Карта</div></div>
|
||||||
title: "Имплантация",
|
<div id="footer" data-section="footer"><FooterMedia logoText="Diamond Dent" columns={[]} imageSrc="" /></div>
|
||||||
tags: [
|
|
||||||
"хирургия",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-looking-dental-mold-with-orthodontist_23-2148985828.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "s2",
|
|
||||||
title: "Отбеливание",
|
|
||||||
tags: [
|
|
||||||
"эстетика",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-dental-treatment_107420-65438.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "s3",
|
|
||||||
title: "Брекеты",
|
|
||||||
tags: [
|
|
||||||
"ортодонтия",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart_1232-1742.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
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: [
|
|
||||||
"забота",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-dentistry-dental-tooth-care-logo-template_1017-55253.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "s6",
|
|
||||||
title: "Протезирование",
|
|
||||||
tags: [
|
|
||||||
"эстетика",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-equipment-dental-chart_1232-1741.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Наши услуги"
|
|
||||||
description="Профессиональный спектр стоматологических услуг с использованием инновационного оборудования."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="why-us" data-section="why-us">
|
|
||||||
<MetricCardTwo
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split"
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
value: "10+",
|
|
||||||
description: "лет успешного опыта",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "5000+",
|
|
||||||
description: "довольных пациентов",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "100%",
|
|
||||||
description: "безопасное оборудование",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m4",
|
|
||||||
value: "Без боли",
|
|
||||||
description: "комфортное лечение",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m5",
|
|
||||||
value: "24/7",
|
|
||||||
description: "поддержка пациентов",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Почему выбирают нас?"
|
|
||||||
description="Мы гордимся доверием наших пациентов и стремимся к совершенству в каждом аспекте."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="team" data-section="team">
|
|
||||||
<TeamCardSix
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split"
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
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: "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: "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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Команда профессионалов"
|
|
||||||
description="Лучшие специалисты в области современной стоматологии."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="before-after" data-section="before-after">
|
|
||||||
<ProductCardFour
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split"
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "p1",
|
|
||||||
name: "Кейс №1",
|
|
||||||
price: "от 5000 ₽",
|
|
||||||
variant: "виниры",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-woman-with-hands-up-amazed-shocked-by-unexpected-news_273609-13734.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Кейс №2",
|
|
||||||
price: "от 8000 ₽",
|
|
||||||
variant: "отбеливание",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-woman-daydreams-with-closed-eyes-smiles-toothily-keeps-palms-near-face-recalls-lovely-moment-feels-glad-poses-indoor-people-pleasant-feelings-emotions-concept_273609-58258.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Кейс №3",
|
|
||||||
price: "от 12000 ₽",
|
|
||||||
variant: "ортодонтия",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-shy_273609-13720.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Кейс №4",
|
|
||||||
price: "от 7000 ₽",
|
|
||||||
variant: "протезирование",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-gesturing-selfie-camera_23-2148143259.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Кейс №5",
|
|
||||||
price: "от 9000 ₽",
|
|
||||||
variant: "виниры",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/three-girlfriends-making-selfie_1301-2878.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Кейс №6",
|
|
||||||
price: "от 6000 ₽",
|
|
||||||
variant: "терапия",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-glad-curly-haired-woman-winks-eye-makes-peace-gesture-smiles-broadly-looks-away-has-cheerful-expression-focused-away-isolated-red-background-blank-space-your-advertising-content_273609-61422.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Преображение улыбок"
|
|
||||||
description="Результаты нашей работы, которыми мы гордимся."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardOne
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split"
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "t1",
|
|
||||||
name: "Ибрагим А.",
|
|
||||||
role: "Пациент",
|
|
||||||
company: "Грозный",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-woman-working-together_23-2148461552.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Зарема М.",
|
|
||||||
role: "Пациент",
|
|
||||||
company: "Грозный",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-doctor-shaking-hand-patient_23-2147896666.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Руслан С.",
|
|
||||||
role: "Пациент",
|
|
||||||
company: "Грозный",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-doctor-home-visit_637285-11276.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Мадина К.",
|
|
||||||
role: "Пациент",
|
|
||||||
company: "Грозный",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-male-doctor-advising-senior-couple-about-vitamins-medical-appointment-his-office_637285-1483.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Хасан Б.",
|
|
||||||
role: "Пациент",
|
|
||||||
company: "Грозный",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-testing-colours_23-2150538710.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Отзывы наших пациентов"
|
|
||||||
description="Благодарим за доверие к Diamond Dent."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
|
||||||
<PricingCardNine
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="split"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
plans={[
|
|
||||||
{
|
|
||||||
id: "pr1",
|
|
||||||
title: "Гигиена",
|
|
||||||
price: "3000 ₽",
|
|
||||||
period: "сеанс",
|
|
||||||
features: [
|
|
||||||
"Профессиональная чистка",
|
|
||||||
"Полировка",
|
|
||||||
"Фторирование",
|
|
||||||
],
|
|
||||||
button: {
|
|
||||||
text: "Записаться",
|
|
||||||
},
|
|
||||||
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: [
|
|
||||||
"Экспресс отбеливание",
|
|
||||||
"Защита эмали",
|
|
||||||
],
|
|
||||||
button: {
|
|
||||||
text: "Записаться",
|
|
||||||
},
|
|
||||||
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: [
|
|
||||||
"Лечение кариеса",
|
|
||||||
"Пломбирование",
|
|
||||||
"Анестезия",
|
|
||||||
],
|
|
||||||
button: {
|
|
||||||
text: "Записаться",
|
|
||||||
},
|
|
||||||
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: [
|
|
||||||
"Консультация хирурга",
|
|
||||||
"Имплант",
|
|
||||||
"Коронка",
|
|
||||||
],
|
|
||||||
button: {
|
|
||||||
text: "Записаться",
|
|
||||||
},
|
|
||||||
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: [
|
|
||||||
"Диагностика",
|
|
||||||
"Система брекетов",
|
|
||||||
"Коррекция",
|
|
||||||
],
|
|
||||||
button: {
|
|
||||||
text: "Записаться",
|
|
||||||
},
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Стоимость услуг"
|
|
||||||
description="Прозрачные цены на все стоматологические процедуры."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqBase
|
|
||||||
textboxLayout="split"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "q1",
|
|
||||||
title: "Больно ли лечить зубы?",
|
|
||||||
content: "Благодаря современным методам анестезии лечение проходит комфортно и без боли.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "Сколько длится отбеливание?",
|
|
||||||
content: "Обычно процедура занимает около 60 минут.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "Можно ли детям?",
|
|
||||||
content: "Да, мы проводим бережный прием для детей любого возраста.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q4",
|
|
||||||
title: "Как записаться?",
|
|
||||||
content: "Вы можете записаться через форму на сайте или по телефону.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q5",
|
|
||||||
title: "Есть ли гарантия?",
|
|
||||||
content: "На все виды работ мы предоставляем официальную гарантию.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Часто задаваемые вопросы"
|
|
||||||
description="Ответы на популярные вопросы о стоматологическом лечении."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactSplitForm
|
|
||||||
useInvertedBackground={false}
|
|
||||||
title="Записаться на прием"
|
|
||||||
description="Оставьте заявку, и наш администратор свяжется с вами в течение 15 минут."
|
|
||||||
inputs={[
|
|
||||||
{
|
|
||||||
name: "name",
|
|
||||||
type: "text",
|
|
||||||
placeholder: "Ваше имя",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "phone",
|
|
||||||
type: "tel",
|
|
||||||
placeholder: "Ваш телефон",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
textarea={{
|
|
||||||
name: "message",
|
|
||||||
placeholder: "Услуга или комментарий",
|
|
||||||
rows: 4,
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg"
|
|
||||||
buttonText="Отправить заявку"
|
|
||||||
/>
|
|
||||||
</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"
|
|
||||||
logoText="Diamond Dent"
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Контакты",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "г. Грозный, ул. Стоматологическая, 1",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "+7 (999) 000-00-00",
|
|
||||||
href: "tel:+79990000000",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "График работы",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Пн–Сб: 09:00 – 19:00",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Воскресенье: выходной",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Соцсети",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Instagram",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "WhatsApp",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
--primary-cta-text: #f5faff;
|
--primary-cta-text: #f5faff;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #001122;
|
--secondary-cta-text: #001122;
|
||||||
--accent: #a8cce8;
|
--accent: #f8f600;
|
||||||
--background-accent: #7ba3cf;
|
--background-accent: #7ba3cf;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
|
|||||||
Reference in New Issue
Block a user