361 lines
23 KiB
TypeScript
361 lines
23 KiB
TypeScript
"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>
|
||
);
|
||
} |