diff --git a/src/app/page.tsx b/src/app/page.tsx index 5582144..85d1e42 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,6 +2,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; +import { useState } from "react"; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import FaqBase from '@/components/sections/faq/FaqBase'; import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree'; @@ -16,6 +17,25 @@ import TeamCardSix from '@/components/sections/team/TeamCardSix'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; export default function LandingPage() { + const [service, setService] = useState(""); + const [teeth, setTeeth] = useState(1); + const [price, setPrice] = useState(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) { @@ -59,294 +79,44 @@ export default function LandingPage() { title="Ваша идеальная улыбка — наша миссия" description="Премиальная стоматология в Грозном. Мы сочетаем передовые технологии и заботливый подход для создания вашей безупречной улыбки." buttons={[ - { - text: "Записаться на приём", href: "https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny"}, - { - text: "Узнать больше", onClick: () => handleScroll('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"}, + { text: "Записаться на приём", href: "https://wa.me/+79291033003" }, + { text: "Узнать больше", onClick: () => handleScroll('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" }]} /> -
- +
+
+ +
+
+

Рассчитайте стоимость лечения

+

Получите примерную стоимость за 30 секунд

+ + setTeeth(Number(e.target.value))} placeholder="Количество зубов" /> + + {price !== null && ( +
+

Примерная стоимость: {price} ₽

+ Записаться на приём +
+ )} +
-
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- window.open(`https://wa.me/+79291033003?text=Здравствуйте!%20Хочу%20записаться%20на%20приём%20в%20Diamond%20Dent%20Grozny.%20Имя:%20${data.name}.%20Телефон:%20${data.phone}.%20Комментарий:%20${data.message}`)} - /> -
- -
-
-
-

Как нас найти

-
- -
-
-
-
- - +
+
+
+
+
+
+
+
Карта
+ );