252 lines
17 KiB
TypeScript
252 lines
17 KiB
TypeScript
"use client"
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import { Award, Heart, Horse, Info, MessageCircle, Sparkles, Star, Trophy } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="largeSmall"
|
||
background="circleGradient"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{ name: "О клубе", id: "about" },
|
||
{ name: "Услуги", id: "services" },
|
||
{ name: "Команда", id: "team" },
|
||
{ name: "Отзывы", id: "testimonials" },
|
||
{ name: "Контакты", id: "contact" }
|
||
]}
|
||
brandName="Конюшня"
|
||
bottomLeftText="Петергоф, Прогонная ул."
|
||
bottomRightText="info@konushnya.ru"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
title="Добро пожаловать в Конюшню"
|
||
description="Премиальная конюшня в Петергофе для верховой езды, обучения и знакомства с лошадьми. Опытные тренеры и добрые животные ждут вас."
|
||
background={{ variant: "glowing-orb" }}
|
||
tag="Конный клуб"
|
||
tagIcon={Horse}
|
||
tagAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-horse-nature_23-2149312830.jpg?_wi=1"
|
||
imageAlt="Красивая лошадь в поле"
|
||
mediaAnimation="slide-up"
|
||
testimonials={[
|
||
{
|
||
name: "Алина Ларина", handle: "Посетитель", testimonial: "Самая лучшая конюшня! Лошадки добрые. Тренер Эвелина всё хорошо и понятно объясняет.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-positive-active-female-driver-sits-fast-motorbike-wears-fashionable-clothing-has-break-after-biker-s-competition-countryside-people-motorcycling-lifestyle-concept_273609-2458.jpg?_wi=1", imageAlt: "Алина Ларина"
|
||
},
|
||
{
|
||
name: "Виктория Паршина", handle: "Посетитель", testimonial: "Отличная частная конюшня с прекрасными лошадьми. Потрясающий тренер и человек Татьяна.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dreamy-girl-glasses-with-shiny-dark-curls-propping-face-with-hand-relaxing-scooter-attractive-young-woman-trendy-wristwatch-looking-with-interest-cute-smile_197531-25260.jpg?_wi=1", imageAlt: "Виктория Паршина"
|
||
},
|
||
{
|
||
name: "Мария", handle: "Путешественница", testimonial: "Прекрасное место для любителей лошадей. Профессиональный подход и забота о животных.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-spending-time-with-horse_1157-20246.jpg?_wi=1", imageAlt: "Мария"
|
||
},
|
||
{
|
||
name: "Юлия", handle: "Начинающая всадница", testimonial: "Замечательный опыт обучения! Команда очень дружелюбна и помогла мне преодолеть страхи.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-jockey-girl-riding-brown-beautiful-horse-autumn-forest_496169-177.jpg?_wi=1", imageAlt: "Юлия"
|
||
}
|
||
]}
|
||
buttons={[
|
||
{ text: "Записаться на урок", href: "contact" },
|
||
{ text: "Узнать больше", href: "about" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
tag="О нас"
|
||
tagIcon={Info}
|
||
tagAnimation="slide-up"
|
||
title="Конюшня предлагает частное пространство для верховой езды, обучения и общения с лошадьми. Наша команда опытных тренеров и добрых животных создает безопасную и вдохновляющую среду для всех уровней подготовки."
|
||
buttons={[
|
||
{ text: "Записаться сейчас", href: "contact" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardMedia
|
||
title="Наши услуги"
|
||
description="Полный спектр услуг для конников всех уровней подготовки"
|
||
tag="Услуги"
|
||
tagIcon={Sparkles}
|
||
tagAnimation="slide-up"
|
||
features={[
|
||
{
|
||
id: "1", title: "Верховая езда", description: "Обучение верховой езде от начинающих до продвинутых уровней с опытными тренерами.", tag: "Обучение", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trains-horseback-riding-arena-young-caucasian-woman-formal-clothing-horseback-riding-across-sandy-arena-pedigree-horse-equestrian-sport-sportswoman-horse_1321-3540.jpg", imageAlt: "Верховая езда"
|
||
},
|
||
{
|
||
id: "2", title: "Уход за лошадьми", description: "Узнайте, как правильно ухаживать, кормить и ухаживать за лошадьми. Включает груминг и уход в стойле.", tag: "Обучение", imageSrc: "http://img.b2bpic.net/free-photo/elegant-girl-farm-wiith-horse_1157-38092.jpg", imageAlt: "Уход за лошадьми"
|
||
},
|
||
{
|
||
id: "3", title: "Индивидуальные уроки", description: "Персонализированные уроки верховой езды, адаптированные к вашему уровню и целям.", tag: "Уроки", imageSrc: "http://img.b2bpic.net/free-photo/female-equestrian-instructor-teaching-child-how-ride-horse_23-2150460614.jpg", imageAlt: "Индивидуальные уроки"
|
||
}
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardOne
|
||
title="Наши показатели"
|
||
description="Установленный опыт и профессионализм нашей команды"
|
||
tag="Статистика"
|
||
tagIcon={Award}
|
||
tagAnimation="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "1", value: "15", title: "лет", description: "Опыта в конном спорте и обучении", icon: Trophy
|
||
},
|
||
{
|
||
id: "2", value: "42", title: "оценок", description: "От наших довольных клиентов (4,2 звезды)", icon: Star
|
||
},
|
||
{
|
||
id: "3", value: "12", title: "лошадей", description: "Добрые и здоровые животные на ферме", icon: Heart
|
||
}
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
title="Отзывы наших гостей"
|
||
description="Услышьте, что говорят о нас те, кто был здесь"
|
||
tag="Отзывы"
|
||
tagIcon={MessageCircle}
|
||
tagAnimation="slide-up"
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Самая лучшая конюшня", quote: "Самая лучшая конюшня! Лошадки добрые. Тренер Эвелина всё хорошо и понятно объясняет.", name: "Алина Ларина", role: "Посетитель", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-positive-active-female-driver-sits-fast-motorbike-wears-fashionable-clothing-has-break-after-biker-s-competition-countryside-people-motorcycling-lifestyle-concept_273609-2458.jpg?_wi=2", imageAlt: "Алина Ларина"
|
||
},
|
||
{
|
||
id: "2", title: "Потрясающий тренер Татьяна", quote: "Отличная частная конюшня с прекрасными лошадьми. А самое главное — потрясающий тренер и человек Татьяна.", name: "Виктория Паршина", role: "Посетитель", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dreamy-girl-glasses-with-shiny-dark-curls-propping-face-with-hand-relaxing-scooter-attractive-young-woman-trendy-wristwatch-looking-with-interest-cute-smile_197531-25260.jpg?_wi=2", imageAlt: "Виктория Паршина"
|
||
},
|
||
{
|
||
id: "3", title: "Профессиональный подход", quote: "Прекрасное место для любителей лошадей. Я был впечатлен профессионализмом и заботой о животных.", name: "Дмитрий", role: "Опытный всадник", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-spending-time-with-horse_1157-20246.jpg?_wi=2", imageAlt: "Дмитрий"
|
||
},
|
||
{
|
||
id: "4", title: "Помощь для начинающих", quote: "Замечательный опыт! Команда очень дружелюбна и помогла мне преодолеть страхи перед лошадьми.", name: "Юлия", role: "Начинающая всадница", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-jockey-girl-riding-brown-beautiful-horse-autumn-forest_496169-177.jpg?_wi=2", imageAlt: "Юлия"
|
||
},
|
||
{
|
||
id: "5", title: "Отличное место для семьи", quote: "Мы часто привозим нашу семью. Дети получают бесценный опыт общения с животными в безопасной среде.", name: "Елена", role: "Родитель", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-positive-active-female-driver-sits-fast-motorbike-wears-fashionable-clothing-has-break-after-biker-s-competition-countryside-people-motorcycling-lifestyle-concept_273609-2458.jpg?_wi=3", imageAlt: "Елена"
|
||
},
|
||
{
|
||
id: "6", title: "Преданность к искусству", quote: "Видно, что этот клуб действительно любит лошадей и верховую езду. Каждый день здесь особенный.", name: "Александр", role: "Постоянный клиент", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dreamy-girl-glasses-with-shiny-dark-curls-propping-face-with-hand-relaxing-scooter-attractive-young-woman-trendy-wristwatch-looking-with-interest-cute-smile_197531-25260.jpg?_wi=3", imageAlt: "Александр"
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardTen
|
||
title="Встречайте нашу команду опытных тренеров. Они преданы помощи вам в достижении ваших конных целей и создании незабываемых впечатлений."
|
||
tag="Наша команда"
|
||
tagAnimation="slide-up"
|
||
membersAnimation="slide-up"
|
||
members={[
|
||
{
|
||
id: "1", name: "Эвелина", imageSrc: "http://img.b2bpic.net/free-photo/female-equestrian-instructor-teaching-child-how-ride-horse_23-2150460616.jpg", imageAlt: "Эвелина"
|
||
},
|
||
{
|
||
id: "2", name: "Татьяна", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-bike-park_23-2148760930.jpg", imageAlt: "Татьяна"
|
||
},
|
||
{
|
||
id: "3", name: "Сергей", imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-standing-horse-ranch_1157-25255.jpg", imageAlt: "Сергей"
|
||
}
|
||
]}
|
||
memberVariant="card"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Свяжитесь с нами"
|
||
description="Заинтересованы в верховой езде или хотите узнать больше о нашем клубе? Заполните форму ниже, и мы свяжемся с вами в ближайшее время."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Ваше имя", required: true },
|
||
{ name: "email", type: "email", placeholder: "Ваша почта", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "Номер телефона", required: false }
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Расскажите о вашем интересе к верховой езде...", rows: 5,
|
||
required: true
|
||
}}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-horse-nature_23-2149312830.jpg?_wi=2"
|
||
imageAlt="Лошадь в стойле"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
buttonText="Отправить"
|
||
/>
|
||
</div>
|
||
|
||
<FooterBaseReveal
|
||
columns={[
|
||
{
|
||
title: "Услуги", items: [
|
||
{ label: "Верховая езда", href: "#services" },
|
||
{ label: "Обучение", href: "#services" },
|
||
{ label: "Уход за лошадьми", href: "#services" }
|
||
]
|
||
},
|
||
{
|
||
title: "О клубе", items: [
|
||
{ label: "О нас", href: "#about" },
|
||
{ label: "Наша команда", href: "#team" },
|
||
{ label: "Отзывы", href: "#testimonials" }
|
||
]
|
||
},
|
||
{
|
||
title: "Контакты", items: [
|
||
{ label: "Петергоф, Прогонная ул.", href: "#" },
|
||
{ label: "info@konushnya.ru", href: "mailto:info@konushnya.ru" },
|
||
{ label: "Записаться на урок", href: "#contact" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 2025 Конный клуб Конюшня | Все права защищены"
|
||
/>
|
||
</ThemeProvider>
|
||
);
|
||
}
|