Files
ef916929-df3d-47d9-bc8c-5e2…/src/app/page.tsx
2026-03-07 11:06:01 +00:00

361 lines
23 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Phone, MessageCircle, MapPin, Flame, Home, Droplets, Smile, Sparkles, DollarSign, Star, Droplet, Crown, Waves, Image } from "lucide-react";
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="compact"
sizing="mediumLargeSizeLargeTitles"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Очаг"
navItems={[
{ name: "О нас", id: "about" },
{ name: "Домики", id: "accommodations" },
{ name: "Услуги", id: "features" },
{ name: "Отзывы", id: "testimonials" },
{ name: "Контакты", id: "contact" },
]}
button={{
text: "Забронировать", href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Банный комплекс Очаг"
description="Отдых у реки с настоящей русской баней — бассейн, мангал, караоке и уютные домики для вашей идеальной релаксации"
tag="Рейтинг 4.9 ⭐ • 700+ гостей • Круглосуточно"
imageSrc="http://img.b2bpic.net/free-photo/playa-laguna-beach-surrounded-by-lake-greenery-cloudy-sky-argentina_181624-13880.jpg"
imageAlt="Русская баня с традиционным интерьером"
mediaAnimation="slide-up"
testimonials={[
{
name: "Александр М.", handle: "Частый гость", testimonial: "Бассейн просто огонь, баня жаркая и уютная! Вернёмся обязательно.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-sofa_329181-2683.jpg?_wi=1"
},
{
name: "Елена К.", handle: "Семейный отдых", testimonial: "Тихо, уютно, отличный отдых на природе! Идеально для семьи.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg?_wi=1"
},
{
name: "Игорь П.", handle: "Корпоративное событие", testimonial: "Великолепное место для корпоратива! Персонал внимательный и услужливый.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020114.jpg?_wi=1"
},
]}
buttons={[
{
text: "📞 Позвонить", href: "tel:+73422788880"
},
{
text: "📅 Забронировать", href: "contact"
},
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
title="О банном комплексе Очаг"
description="Уникальное место отдыха на берегу реки Камы, где традиционная русская баня встречает современный комфорт. Мы создали идеальное пространство для восстановления тела и духа."
tag="О нас"
tagIcon={Flame}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
imagePosition="right"
bulletPoints={[
{
title: "На берегу реки Камы", description: "Живописное расположение с видом на реку, в окружении природы", icon: Waves,
},
{
title: "Уютные домики", description: "Комфортабельные коттеджи с полным оборудованием для полноценного отдыха", icon: Home,
},
{
title: "Русская баня", description: "Традиционная парилка с правильным микроклиматом и банными аксессуарами", icon: Droplets,
},
{
title: "Идеальное место отдыха", description: "Всё необходимое для безопасного и приятного времяпрепровождения с друзьями и семьёй", icon: Smile,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/walvis-bay-namibia-april-16-2024_58702-17100.jpg"
imageAlt="Банный комплекс на берегу реки Кама"
mediaAnimation="slide-up"
buttons={[
{
text: "Узнать подробнее", href: "accommodations"
},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="accommodations" data-section="accommodations">
<ProductCardTwo
title="Наши домики и баня"
description="Выберите идеальный вариант размещения для вашей компании"
tag="Размещение"
tagIcon={Home}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
products={[
{
id: "cottage-1", brand: "Домик", name: "№1 - Для компании", price: "от 1000 ₽/час", rating: 5,
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166527.jpg", imageAlt: "Домик №1 с баней"
},
{
id: "cottage-2", brand: "Домик", name: "№2 - С бассейном", price: "от 1500 ₽/час", rating: 5,
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-leisure-swimming-pool_74190-8527.jpg", imageAlt: "Домик №2 с бассейном"
},
{
id: "cottage-3", brand: "Домик", name: "№3 - Премиум", price: "от 2000 ₽/час", rating: 5,
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-chatting-indoors_23-2149116778.jpg", imageAlt: "Домик №3 Премиум с караоке"
},
]}
buttons={[
{
text: "Забронировать", href: "contact"
},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
title="Услуги и удобства"
description="Полный спектр услуг для комфортного и запоминающегося отдыха"
tag="Услуги"
tagIcon={Sparkles}
tagAnimation="slide-up"
useInvertedBackground={true}
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-relaxing-jacuzzi_23-2149631336.jpg"
imageAlt="Бассейн с гидромассажем"
mediaAnimation="slide-up"
accordionItems={[
{
id: "1", title: "Бассейн с гидромассажем", content: "Подогреваемый бассейн с функцией гидромассажа для полного расслабления и восстановления мышц. Идеально для отдыха после парилки."
},
{
id: "2", title: "Мангал и барбекю", content: "Оборудованное место для приготовления шашлычков и блюд на открытом огне. Идеальный вариант для семейного или корпоративного отдыха."
},
{
id: "3", title: "Караоке", content: "Современная система караоке в одном из домиков для развлечения и веселья с друзьями и коллегами."
},
{
id: "4", title: "Зона отдыха", content: "Комфортная зона для релаксации с удобной мебелью и красивым видом на реку и природу вокруг."
},
]}
buttons={[
{
text: "Подробнее", href: "contact"
},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Цены на услуги"
description="Прозрачные и доступные цены на все услуги банного комплекса"
tag="Стоимость"
tagIcon={DollarSign}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "basic", badge: "Баня", badgeIcon: Droplet,
price: "от 500 ₽", subtitle: "В час на одного", buttons: [
{
text: "Узнать свободное время", href: "tel:+73422788880"
},
{
text: "Забронировать", href: "contact"
},
],
features: [
"Доступ в парилку", "Комната отдыха", "Душ", "Туалет"
],
},
{
id: "professional", badge: "Домик с баней", badgeIcon: Home,
price: "от 1000 ₽", subtitle: "В час за домик", buttons: [
{
text: "Узнать свободное время", href: "tel:+73422788880"
},
{
text: "Забронировать", href: "contact"
},
],
features: [
"Полный домик с баней", "Комната отдыха", "Мангал", "Парковка"
],
},
{
id: "premium", badge: "Премиум пакет", badgeIcon: Crown,
price: "до 2000 ₽", subtitle: "В час за домик", buttons: [
{
text: "Узнать свободное время", href: "tel:+73422788880"
},
{
text: "Забронировать", href: "contact"
},
],
features: [
"Большой домик", "Баня и бассейн", "Караоке", "Мангал", "Вся инфраструктура"
],
},
]}
/>
</div>
<div id="gallery" data-section="gallery">
<BlogCardTwo
title="Фотогалерея"
description="Атмосферные фотографии нашего банного комплекса и счастливых гостей"
tag="Галерея"
tagIcon={Image}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
carouselMode="buttons"
blogs={[
{
id: "1", category: ["Баня"],
title: "Традиционная парилка", excerpt: "Аутентичная русская баня с деревянным интерьером и правильным микроклиматом", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-having-rest-sauna-alone_169016-22240.jpg", imageAlt: "Интерьер парилки", authorName: "Очаг", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020114.jpg", date: "Всегда открыта"
},
{
id: "2", category: ["Домики"],
title: "Уютные коттеджи", excerpt: "Деревянные домики с современными удобствами на берегу реки", imageSrc: "http://img.b2bpic.net/free-photo/house-near-body-water_198169-123.jpg", imageAlt: "Внешний вид домика", authorName: "Очаг", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-man-sofa_329181-2683.jpg", date: "Круглый год"
},
{
id: "3", category: ["Бассейн"],
title: "Подогреваемый бассейн", excerpt: "Зона отдыха с гидромассажем и прекрасным видом на природу", imageSrc: "http://img.b2bpic.net/free-photo/girl-jumps-into-urban-spa-pool-dynamic-shot_169016-69615.jpg", imageAlt: "Территория бассейна", authorName: "Очаг", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg", date: "Летний сезон"
},
{
id: "4", category: ["Отдых"],
title: "Счастливые гости", excerpt: "Компании друзей и семьи получают незабываемые впечатления от отдыха", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-relaxing-jacuzzi-pool_1385-1478.jpg", imageAlt: "Гости отдыхают", authorName: "Очаг", authorAvatar: "http://img.b2bpic.net/free-photo/confident-handsome-student-walking-after-classes_1262-6055.jpg", date: "Каждый день"
},
{
id: "5", category: ["Территория"],
title: "Природное окружение", excerpt: "Красивая территория с видом на реку Кама и лесным пейзажем", imageSrc: "http://img.b2bpic.net/free-photo/stylish-corporate-woman-suit-standing-with-laptop-work-documents-using-mobile-phone-looking_1258-194026.jpg", imageAlt: "Территория комплекса", authorName: "Очаг", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-man-sofa_329181-2683.jpg", date: "Фото природы"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Отзывы гостей"
description="Реальные отзывы от людей, которые уже насладились отдыхом в нашем комплексе"
tag="700+ оценок"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
showRating={true}
carouselMode="buttons"
testimonials={[
{
id: "1", name: "Сергей Иванов", handle: "Первое посещение", testimonial: "Бассейн просто огонь, баня жаркая как надо! Приходили с друзьями, все остались в восторге. Обязательно вернёмся!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-sofa_329181-2683.jpg?_wi=2"
},
{
id: "2", name: "Мария Петрова", handle: "Семейный отдых", testimonial: "Тихо, уютно, отличный отдых на природе! Идеально для семьи с детьми. Персонал очень внимательный и вежливый.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020114.jpg?_wi=2"
},
{
id: "3", name: "Игорь Сидоров", handle: "Корпоративное событие", testimonial: "Проводили корпоратив в комплексе Очаг. Великолепное место, отличное обслуживание, все гости остались довольны. Спасибо!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-student-walking-after-classes_1262-6055.jpg"
},
{
id: "4", name: "Елена Смирнова", handle: "День рождения", testimonial: "Отмечали день рождения на банном комплексе. Очень красивое место, вкусная еда, добрые люди. Спасибо огромное!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg?_wi=2"
},
{
id: "5", name: "Дмитрий Козлов", handle: "Частый гость", testimonial: "Приходим сюда регулярно уже второй год. Всегда чистота, уют, вежливый персонал. Это наше любимое место отдыха!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-sofa_329181-2683.jpg?_wi=3"
},
{
id: "6", name: "Ольга Воронина", handle: "Романтический вечер", testimonial: "Красивое место для романтического отдыха с половинкой. Просто волшебно! Спасибо за таких великолепный сервис.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020114.jpg?_wi=3"
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Готовы начать свой идеальный отдых? Свяжитесь с нами прямо сейчас и забронируйте ваше время в банном комплексе Очаг!"
animationType="entrance-slide"
background={{ variant: "plain" }}
useInvertedBackground={true}
buttons={[
{
text: "Позвонить", href: "tel:+73422788880"
},
{
text: "Написать в WhatsApp", href: "https://wa.me/73422788880"
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Очаг"
copyrightText="© 2025 Банный комплекс Очаг | Таможенная ул., 37А | +7 (342) 278-88-80"
socialLinks={[
{
icon: Phone,
href: "tel:+73422788880", ariaLabel: "Позвонить нам"
},
{
icon: MessageCircle,
href: "https://wa.me/73422788880", ariaLabel: "Написать в WhatsApp"
},
{
icon: MapPin,
href: "https://maps.google.com/?q=Таможенная+ул.+37А+Пермь", ariaLabel: "Наше местоположение"
},
]}
/>
</div>
</ThemeProvider>
);
}