62 Commits

Author SHA1 Message Date
83e9e7e0a2 Update src/app/page.tsx 2026-05-22 19:40:34 +00:00
906c521efc Update src/app/page.tsx 2026-05-22 19:40:06 +00:00
005bea9f7b Switch to version 17: modified src/app/page.tsx 2026-05-22 19:03:07 +00:00
93a371fab3 Merge version_18 into main
Merge version_18 into main
2026-05-22 19:00:12 +00:00
41eabd96a8 Update src/app/page.tsx 2026-05-22 19:00:09 +00:00
72df297206 Merge version_18 into main
Merge version_18 into main
2026-05-22 18:59:40 +00:00
6b8025c993 Update src/app/page.tsx 2026-05-22 18:59:37 +00:00
6a3143464d Merge version_17 into main
Merge version_17 into main
2026-05-22 18:52:09 +00:00
9bfc597629 Update src/app/page.tsx 2026-05-22 18:52:06 +00:00
38bdfa488e Switch to version 15: modified src/app/page.tsx 2026-05-22 12:47:32 +00:00
4572a326c9 Merge version_16 into main
Merge version_16 into main
2026-05-22 12:45:08 +00:00
60d776bbf3 Update src/app/page.tsx 2026-05-22 12:45:05 +00:00
7268088497 Merge version_16 into main
Merge version_16 into main
2026-05-22 12:44:28 +00:00
f7c450414d Update src/app/page.tsx 2026-05-22 12:44:25 +00:00
0aad7b83e5 Merge version_16 into main
Merge version_16 into main
2026-05-22 12:43:48 +00:00
febaa04e9a Update src/app/page.tsx 2026-05-22 12:43:42 +00:00
3b203ed97b Merge version_15 into main
Merge version_15 into main
2026-05-22 12:08:32 +00:00
03ae71d325 Update src/app/page.tsx 2026-05-22 12:08:29 +00:00
7394739242 Merge version_14 into main
Merge version_14 into main
2026-05-22 11:56:52 +00:00
ebc2529014 Update src/app/page.tsx 2026-05-22 11:56:49 +00:00
8ce3bf7322 Merge version_13 into main
Merge version_13 into main
2026-05-22 11:53:36 +00:00
53f20388cd Update src/app/page.tsx 2026-05-22 11:53:30 +00:00
536010d1f1 Merge version_13 into main
Merge version_13 into main
2026-05-22 11:50:24 +00:00
ef9c84b729 Update src/app/page.tsx 2026-05-22 11:50:21 +00:00
919aad8990 Merge version_13 into main
Merge version_13 into main
2026-05-22 11:49:45 +00:00
e51f25ab8a Update src/app/page.tsx 2026-05-22 11:49:42 +00:00
6f8ad9558e Merge version_12 into main
Merge version_12 into main
2026-05-22 10:22:58 +00:00
6d682ff515 Update src/app/page.tsx 2026-05-22 10:22:54 +00:00
4668893546 Merge version_11 into main
Merge version_11 into main
2026-05-22 06:19:17 +00:00
1713d70e9a Update theme colors 2026-05-22 06:19:11 +00:00
75bea5b53c Merge version_10 into main
Merge version_10 into main
2026-05-22 06:17:52 +00:00
ff4ace70da Update theme colors 2026-05-22 06:17:49 +00:00
4fd5b7be3a Switch to version 9: modified src/app/styles/variables.css 2026-05-22 06:17:20 +00:00
8579c0d3cb Merge version_10 into main
Merge version_10 into main
2026-05-22 06:16:40 +00:00
e76d368940 Update theme colors 2026-05-22 06:16:37 +00:00
3e8d46f661 Merge version_9 into main
Merge version_9 into main
2026-05-22 06:15:28 +00:00
564804105e Update src/app/page.tsx 2026-05-22 06:15:25 +00:00
fd5074ebe9 Merge version_9 into main
Merge version_9 into main
2026-05-22 06:13:28 +00:00
ecaebce49c Update src/app/page.tsx 2026-05-22 06:13:22 +00:00
102cc53656 Merge version_9 into main
Merge version_9 into main
2026-05-22 06:12:03 +00:00
b28205cbed Update src/app/page.tsx 2026-05-22 06:12:00 +00:00
cc4296b359 Merge version_9 into main
Merge version_9 into main
2026-05-22 06:10:50 +00:00
01363efee0 Update src/app/page.tsx 2026-05-22 06:10:44 +00:00
976d389518 Merge version_7 into main
Merge version_7 into main
2026-05-21 22:55:37 +00:00
b099546739 Update src/app/page.tsx 2026-05-21 22:55:34 +00:00
19a1a30080 Merge version_6 into main
Merge version_6 into main
2026-05-21 22:53:03 +00:00
87ee6a67ea Update src/app/page.tsx 2026-05-21 22:52:59 +00:00
192ae01010 Merge version_6 into main
Merge version_6 into main
2026-05-21 22:52:23 +00:00
c844107e3d Update src/app/page.tsx 2026-05-21 22:52:20 +00:00
cc5a0d1b06 Merge version_5 into main
Merge version_5 into main
2026-05-21 22:49:19 +00:00
5e68689824 Update src/app/page.tsx 2026-05-21 22:49:16 +00:00
46d9dfeb04 Merge version_4 into main
Merge version_4 into main
2026-05-21 22:46:02 +00:00
b0adecd0d1 Update src/app/page.tsx 2026-05-21 22:45:59 +00:00
44018c7c3d Switch to version 3: modified src/app/page.tsx 2026-05-21 22:43:51 +00:00
4941121c65 Switch to version 2: modified src/app/page.tsx 2026-05-21 22:43:46 +00:00
01d1b9f5a0 Merge version_3 into main
Merge version_3 into main
2026-05-21 22:41:49 +00:00
5e5191b383 Update src/app/page.tsx 2026-05-21 22:41:43 +00:00
8260e50523 Merge version_2 into main
Merge version_2 into main
2026-05-21 20:02:08 +00:00
1590112353 Merge version_2 into main
Merge version_2 into main
2026-05-21 19:58:52 +00:00
b6ca7276ca Merge version_2 into main
Merge version_2 into main
2026-05-21 16:50:51 +00:00
bec4928a53 Merge version_2 into main
Merge version_2 into main
2026-05-21 16:36:10 +00:00
ffdaef4027 Merge version_1 into main
Merge version_1 into main
2026-05-21 16:21:05 +00:00
2 changed files with 70 additions and 516 deletions

View File

@@ -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,514 +75,49 @@ 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>
); );
} }

View File

@@ -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 */