Switch to version 2: modified src/app/page.tsx
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -1,6 +1,216 @@
|
||||
export default function Home() {
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Smile, Sparkles, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function DentistZoneLanding() {
|
||||
return (
|
||||
<main>
|
||||
</main>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Dentist.zone"
|
||||
navItems={[
|
||||
{ name: "Услуги", id: "services" },
|
||||
{ name: "О нас", id: "about" },
|
||||
{ name: "Отзывы", id: "testimonials" },
|
||||
{ name: "Контакты", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Записаться", href: "#contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Ваша улыбка — наш приоритет"
|
||||
description="Испытайте первоклассную стоматологическую помощь с использованием передовых технологий и команды, посвященной вашему здоровью полости рта и благополучию."
|
||||
tag="Надежный стоматологический опыт"
|
||||
tagIcon={Smile}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
kpis={[
|
||||
{ value: "15+", label: "Лет опыта" },
|
||||
{ value: "5000+", label: "Довольных пациентов" },
|
||||
{ value: "99%", label: "Уровень удовлетворения" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Записаться на прием", href: "#contact" },
|
||||
{ text: "Подробнее", href: "#services" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-filling-dental-document-sitting-chiar-waiting-room-preparing-teeth-exemination-while-doctor-working-background-concept-crowded-professional-orthodontist-office_482257-3585.jpg"
|
||||
imageAlt="Современный стоматологический кабинет"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
title="Комплексные стоматологические услуги"
|
||||
description="От регулярных чисток до сложных косметических процедур — мы предоставляем полный спектр стоматологической помощи для поддержания здоровья и красоты вашей улыбки."
|
||||
tag="Наши услуги"
|
||||
tagIcon={Sparkles}
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{
|
||||
title: "Профилактическая стоматология", description: "Регулярные чистки, осмотры и обследования для поддержания оптимального здоровья полости рта и профилактики стоматологических проблем.", imageSrc: "http://img.b2bpic.net/free-photo/instrument-cosmetic-specialist-surgeon-work_1303-509.jpg", imageAlt: "Профессиональное оборудование для очистки зубов"
|
||||
},
|
||||
{
|
||||
title: "Косметическая стоматология", description: "Профессиональное отбеливание зубов, виниры и переделка улыбки для повышения вашей естественной красоты.", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-treating-her-patient-teeth_8353-1661.jpg", imageAlt: "Лечение косметической стоматологией"
|
||||
},
|
||||
{
|
||||
title: "Восстановительное лечение", description: "Пломбы, коронки и имплантаты для восстановления поврежденных зубов и сохранения функции вашей улыбки.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-treating-teeth-girl-dental-office-dentistry-concept_169016-66731.jpg", imageAlt: "Процедура восстановления зубов"
|
||||
},
|
||||
{
|
||||
title: "Ортодонтия", description: "Современные брекеты и элайнеры для выравнивания зубов и улучшения прикуса.", imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-model-female-patient-dental-clinic_23-2147879151.jpg", imageAlt: "Ортодонтическое лечение"
|
||||
}
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Преданность совершенству в" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/dental_24908-54022.jpg", alt: "Логотип Dentist.zone" },
|
||||
{ type: "text", content: "уходе за пациентами" }
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Познакомиться с командой", href: "#contact" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
title="Передовые варианты лечения"
|
||||
description="Современные стоматологические решения, разработанные для вашего комфорта и результатов."
|
||||
tag="Премиальные методы лечения"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Цифровой", name: "Внутриротовая визуализация", price: "Передовая диагностика", rating: 5,
|
||||
reviewCount: "450+", imageSrc: "http://img.b2bpic.net/free-photo/woman-analyzing-green-screen-monitor-teeth-x-ray-dental-examination-dentist-using-chroma-key-mockup-display-checkup-while-looking-radiography-oral-care_482257-28163.jpg", imageAlt: "Цифровая визуализация зубов"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Комфорт", name: "Седативная стоматология", price: "Лечение без стресса", rating: 5,
|
||||
reviewCount: "380+", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-bathrobe-using-smart-phone-while-relaxing-by-pool-wellness-center_637285-7416.jpg", imageAlt: "Комфортный уход за пациентом"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Современный", name: "Лазерное лечение", price: "Точные процедуры", rating: 5,
|
||||
reviewCount: "420+", imageSrc: "http://img.b2bpic.net/free-photo/team-dentists-treats-patients-teeth-using-modern-equipment-dentistry-concept_169016-67261.jpg", imageAlt: "Лазерное стоматологическое лечение"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Что говорят наши пациенты"
|
||||
description="Реальные истории людей, которые получили исключительную стоматологическую помощь в Dentist.zone."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Сара Митчелл", handle: "Пациентка с 2018 года", testimonial: "Доктор Джонсон и его команда сделали эндодонтическое лечение безболезненным и комфортным. Их профессионализм и забота не имеют себе равных. Настоятельно рекомендую!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg?_wi=1", imageAlt: "Сара Митчелл"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Майкл Чен", handle: "Пациент с 2019 года", testimonial: "Мои зубы никогда не выглядели так хорошо благодаря их услугам косметической стоматологии. Результаты превзошли мои ожидания, а персонал просто чудесный.", imageSrc: "http://img.b2bpic.net/free-photo/funny-african-man-with-bushy-curly-hair-blinking-his-eye-having-warm-broad-smile_273609-14063.jpg", imageAlt: "Майкл Чен"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Эмили Родригез", handle: "Пациентка с 2020 года", testimonial: "Как человек со страхом стоматолога, я была нервной перед посещением. Сочувствие команды и использование седации сделали всё легко. Спасибо!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_23-2147615403.jpg?_wi=2", imageAlt: "Эмили Родригез"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Дэвид Томпсон", handle: "Пациент с 2017 года", testimonial: "Офис оборудован на высочайшем уровне, а команда невероятно компетентна. Я был пациентом на протяжении многих лет и не пойду ни куда.", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-hands-hips-gray-background_1187-3016.jpg", imageAlt: "Дэвид Томпсон"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Джессика Уильямс", handle: "Пациентка с 2021 года", testimonial: "Ортодонтическое лечение моей дочери прошло замечательно. Прогресс отличный, а команда поддерживает её мотивацию. Лучшее решение, которое мы могли принять!", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg", imageAlt: "Джессика Уильямс"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Роберт Ли", handle: "Пациент с 2016 года", testimonial: "Регулярные чистки и профилактический уход сохраняют мои зубы здоровыми. Внимание к деталям и дружеская атмосфера делают каждое посещение приятным.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg", imageAlt: "Роберт Ли"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Свяжитесь с нами"
|
||||
tagIcon={MessageSquare}
|
||||
title="Запишитесь на прием сегодня"
|
||||
description="Запланируйте свое следующее посещение стоматолога с помощью нашей удобной системы онлайн-бронирования. Мы с нетерпением ждем встречи с вами и сохранения здоровья вашей улыбки."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-diverse-latin-people_23-2151057834.jpg"
|
||||
imageAlt="Профессиональная стоматологическая команда готова помочь"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Введите ваш email"
|
||||
buttonText="Записаться"
|
||||
termsText="Мы уважаем вашу конфиденциальность. Мы свяжемся с вами только по поводу вашего приема."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Dentist.zone"
|
||||
columns={[
|
||||
{
|
||||
title: "Услуги", items: [
|
||||
{ label: "Профилактическая стоматология", href: "#services" },
|
||||
{ label: "Косметическая стоматология", href: "#services" },
|
||||
{ label: "Восстановительное лечение", href: "#services" },
|
||||
{ label: "Ортодонтия", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Компания", items: [
|
||||
{ label: "О нас", href: "#about" },
|
||||
{ label: "Контакты", href: "#contact" },
|
||||
{ label: "Отзывы", href: "#testimonials" },
|
||||
{ label: "Блог", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Юридические", items: [
|
||||
{ label: "Политика конфиденциальности", href: "#" },
|
||||
{ label: "Условия обслуживания", href: "#" },
|
||||
{ label: "Политика использования файлов cookie", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Dentist.zone | Совершенство в стоматологической помощи"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user