Compare commits
10 Commits
version_18
...
version_20
| Author | SHA1 | Date | |
|---|---|---|---|
| e390b3489d | |||
| ed8896ce04 | |||
| cb5cdebbef | |||
| 3a34f67cfc | |||
| 83e9e7e0a2 | |||
| ef2c28d89d | |||
| 906c521efc | |||
| 005bea9f7b | |||
| 93a371fab3 | |||
| 72df297206 |
251
src/app/page.tsx
251
src/app/page.tsx
@@ -3,18 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const handleScroll = (id: string) => {
|
||||
@@ -22,10 +19,6 @@ export default function LandingPage() {
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: "smooth" });
|
||||
}
|
||||
const menu = document.querySelector('[data-fullscreen-menu]');
|
||||
if (menu) {
|
||||
(menu as HTMLElement).style.display = 'none';
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
@@ -42,199 +35,73 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Услуги", id: "services" },
|
||||
{ name: "О клинике", id: "about" },
|
||||
{ name: "Врачи", id: "team" },
|
||||
{ name: "Запись", id: "contact" },
|
||||
]}
|
||||
brandName="Diamond Dent"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Услуги", id: "services" },
|
||||
{ name: "О нас", id: "why-us" },
|
||||
{ name: "Цены", id: "pricing" },
|
||||
{ name: "Запись", id: "contact" },
|
||||
]}
|
||||
brandName="Diamond Dent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Ваша идеальная улыбка — наша миссия"
|
||||
description="Премиальная стоматология в Грозном"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[
|
||||
{ text: "Записаться", href: "#contact" },
|
||||
{ text: "Услуги", onClick: () => handleScroll('services') },
|
||||
]}
|
||||
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: "dentistry" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Diamond Dent Grozny — качество в деталях"
|
||||
description="Наша клиника основана на принципах инноваций и искренней заботы. Мы верим, что каждая улыбка заслуживает безупречного здоровья и эстетики, поэтому предлагаем лучшие решения в области стоматологии."
|
||||
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"
|
||||
imageAlt="dentist patient consultation modern"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
title="Наши услуги"
|
||||
description="Мы предлагаем полный спектр стоматологических услуг с использованием современного оборудования."
|
||||
features={[{ id: '1', title: 'Имплантация', tags: ['Премиум'], imageSrc: 'http://img.b2bpic.net/free-photo/dental-implants_38503-463.jpg?_wi=1' }, { id: '2', title: 'Отбеливание', tags: ['Эстетика'], imageSrc: 'http://img.b2bpic.net/free-photo/white-teeth_169016-568.jpg?_wi=1' }]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Имплантация", 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" }
|
||||
]}
|
||||
title="Наши услуги"
|
||||
description="Профессиональный спектр стоматологических услуг с использованием инновационного оборудования."
|
||||
/>
|
||||
</div>
|
||||
<div id="before-after" data-section="before-after">
|
||||
<ProductCardFour title="Преображение улыбок" description="Посмотрите на результаты наших работ по восстановлению эстетики улыбки." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="split" useInvertedBackground={false} />
|
||||
</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: "безопасное оборудование" }
|
||||
]}
|
||||
title="Почему выбирают нас?"
|
||||
description="Мы гордимся доверием наших пациентов и стремимся к совершенству в каждом аспекте."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardTwo metrics={[]} description="Мы используем только сертифицированные материалы и передовые технологии лечения." gridVariant="uniform-all-items-equal" animationType="slide-up" title="Почему выбирают нас?" textboxLayout="split" useInvertedBackground={false} />
|
||||
</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" }
|
||||
]}
|
||||
title="Команда профессионалов"
|
||||
description="Лучшие специалисты в области современной стоматологии."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix members={[]} description="В нашей клинике работают специалисты с многолетним стажем и подтвержденной квалификацией." gridVariant="three-columns-all-equal-width" animationType="slide-up" title="Команда профессионалов" textboxLayout="split" useInvertedBackground={false} />
|
||||
</div>
|
||||
|
||||
<div id="certificates" data-section="certificates">
|
||||
<section className="py-16 md:py-24 bg-[var(--card)]">
|
||||
<div className="container mx-auto px-4">
|
||||
<h2 className="text-3xl md:text-5xl font-bold mb-4 text-center">Наши лицензии и сертификаты</h2>
|
||||
<p className="text-center mb-12 text-[var(--foreground)] opacity-80">Мы работаем в соответствии со всеми стандартами качества</p>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
{[1, 2, 3].map((item) => (
|
||||
<div key={item} className="border-2 border-[var(--background-accent)] rounded-lg p-8 flex flex-col items-center justify-center text-center">
|
||||
<CheckCircle className="w-16 h-16 text-[var(--background-accent)] mb-4" />
|
||||
<h3 className="font-semibold">Сертификат качества №{item}</h3>
|
||||
<p className="text-sm opacity-70">Соответствие стандартам ISO</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne testimonials={[]} description="Мы ценим доверие наших пациентов и стремимся к совершенству в каждом случае." gridVariant="three-columns-all-equal-width" animationType="slide-up" title="Отзывы" textboxLayout="split" useInvertedBackground={false} />
|
||||
</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" }
|
||||
]}
|
||||
title="Преображение улыбок"
|
||||
description="Результаты нашей работы, которыми мы гордимся."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine plans={[]} description="Прозрачное ценообразование на все виды услуг нашей стоматологической клиники." animationType="slide-up" title="Цены" textboxLayout="split" useInvertedBackground={false} />
|
||||
</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" }
|
||||
]}
|
||||
title="Отзывы наших пациентов"
|
||||
description="Благодарим за доверие к Diamond Dent."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm title="Записаться на прием" description="г. Грозный, ул. Стоматологическая 1. Телефон: +7 (999) 000-00-00" inputs={[{name:"name", type:"text", placeholder:"Ваше имя"}, {name:"phone", type:"tel", placeholder:"Ваш телефон"}]} useInvertedBackground={false} />
|
||||
</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: "Записаться", href: "#" } },
|
||||
{ id: "pr2", title: "Отбеливание", price: "15000 ₽", period: "сеанс", features: ["Экспресс", "Защита"], button: { text: "Записаться", href: "#" } },
|
||||
{ id: "pr3", title: "Лечение", price: "от 2500 ₽", period: "зуб", features: ["Пломба", "Анестезия"], button: { text: "Записаться", href: "#" } }
|
||||
]}
|
||||
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: "Предоставляем официальную гарантию." }
|
||||
]}
|
||||
title="Часто задаваемые вопросы"
|
||||
description="Ответы на популярные вопросы."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Записаться на прием"
|
||||
description="Адрес: Ул. Шейх Али Митаева, 59, Грозный | Телефон: +7 929 103 30 03"
|
||||
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: "Ул. Шейх Али Митаева, 59, Грозный", href: "#" }] },
|
||||
{ title: "Соцсети", items: [{ label: "Instagram", href: "https://instagram.com/diamonddent_grozny" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[{ title: "Контакты", items: [{ label: "Адрес: Грозный" }, { label: "Телефон: +7(999)000-00-00" }, { label: "Instagram: @diamonddent" }] }, { title: "Время работы", items: [{ label: "Пн-Пт: 09:00 - 20:00" }, { label: "Сб-Вс: 10:00 - 18:00" }] }]}
|
||||
bottomLeftText="© 2025 Diamond Dent"
|
||||
bottomRightText="Все права защищены"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user