205 lines
14 KiB
TypeScript
205 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||
import TextAbout from "@/components/sections/about/TextAbout";
|
||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="LacDeco.tapety"
|
||
navItems={[
|
||
{ name: "Главная", id: "hero" },
|
||
{ name: "Товары", id: "products" },
|
||
{ name: "О компании", id: "about" },
|
||
{ name: "Блог", id: "blog" },
|
||
{ name: "Контакты", id: "contact" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
title="Салон эксклюзивных обоев и красок"
|
||
description="Откройте для себя премиум коллекцию интерьерных материалов от ведущих мировых брендов. Более 3000 оттенков красок и уникальные полотна обоев в наличии."
|
||
background={{ variant: "glowing-orb" }}
|
||
kpis={[
|
||
{ value: "3000+", label: "Оттенков красок" },
|
||
{ value: "500+", label: "Дизайнов обоев" },
|
||
{ value: "15+", label: "Премиум брендов" },
|
||
]}
|
||
enableKpiAnimation={true}
|
||
tag="LacDeco.tapety"
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Посмотреть каталог", href: "#products" },
|
||
{ text: "Узнать больше", href: "#about" },
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-authentic-dining-room-interior-design-with-picture-frame_53876-129841.jpg"
|
||
imageAlt="Премиум интерьерные краски и обои"
|
||
mediaAnimation="slide-up"
|
||
imagePosition="right"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
tag="О нас"
|
||
title="Мы предлагаем эксклюзивную коллекцию интерьерных материалов от лучших мировых производителей. Наш салон – это место, где качество встречается с инновацией, а стиль становится доступным."
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{ text: "Связаться с нами", href: "#contact" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardThree
|
||
title="Почему выбирают LacDeco.tapety"
|
||
description="Мы специализируемся на премиум интерьерных материалах с лучшим качеством и сервисом"
|
||
tag="Преимущества"
|
||
tagAnimation="slide-up"
|
||
features={[
|
||
{
|
||
id: "01", title: "Премиум качество", description: "Только оригинальные материалы от лидирующих мировых брендов Swiss Lake, Milq, Charmant и Casamance", imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-labels-collection_23-2149035835.jpg", imageAlt: "Премиум качество материалов"
|
||
},
|
||
{
|
||
id: "02", title: "Огромный выбор", description: "Более 3000 оттенков красок и 500+ дизайнов обоев. От классических до авангардных решений для любого стиля", imageSrc: "http://img.b2bpic.net/free-vector/price-list-collectio_23-2148120743.jpg", imageAlt: "Большой выбор обоев и красок"
|
||
},
|
||
{
|
||
id: "03", title: "Профессиональный сервис", description: "Консультация специалистов, помощь в подборе цвета и дизайна, доставка и профессиональное нанесение", imageSrc: "http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169890.jpg", imageAlt: "Профессиональное обслуживание"
|
||
},
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
gridVariant="three-columns-all-equal-width"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
title="Популярные товары"
|
||
description="Откройте нашу коллекцию премиум обоев и интерьерных красок"
|
||
tag="Каталог"
|
||
products={[
|
||
{
|
||
id: "1", brand: "Swiss Lake", name: "Премиум интерьерная краска", price: "от 40 руб/л", rating: 5,
|
||
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-vector/dark-golden-pattern-design-background_1017-14963.jpg", imageAlt: "Swiss Lake интерьерная краска"
|
||
},
|
||
{
|
||
id: "2", brand: "Casamance", name: "Уникальные обойные полотна", price: "от 89 руб/м²", rating: 5,
|
||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-authentic-dining-room-interior-design-with-picture-frame_53876-129841.jpg", imageAlt: "Casamance премиум обои"
|
||
},
|
||
{
|
||
id: "3", brand: "Milq", name: "Экологичная краска Milq", price: "от 55 руб/л", rating: 5,
|
||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108850.jpg", imageAlt: "Milq экологичная краска"
|
||
},
|
||
{
|
||
id: "4", brand: "Charmant", name: "Обои Charmant Elegance", price: "от 75 руб/м²", rating: 5,
|
||
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/ray-sun-textured-wall-room_169016-24694.jpg", imageAlt: "Charmant премиум обои"
|
||
},
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
carouselMode="buttons"
|
||
/>
|
||
</div>
|
||
|
||
<div id="brands" data-section="brands">
|
||
<SocialProofOne
|
||
title="Сотрудничаем с лучшими брендами"
|
||
description="Мы представляем эксклюзивную коллекцию премиум материалов от ведущих европейских производителей"
|
||
tag="Партнеры"
|
||
names={[
|
||
"Swiss Lake", "Casamance", "Milq", "Charmant", "Prestige Interior", "Elite Design", "Artisan Wallpapers", "Designer Colors"
|
||
]}
|
||
logos={[
|
||
"http://img.b2bpic.net/free-vector/grunge-label-template_23-2147499422.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-elegant-wedding-landing-page-template_52683-16582.jpg", "http://img.b2bpic.net/free-vector/flat-design-printing-house-logo-template_23-2149760314.jpg", "http://img.b2bpic.net/free-vector/handdrawn-watercolor-splatter-logos_1340-2101.jpg", "http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842742.jpg", "http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842744.jpg", "http://img.b2bpic.net/free-vector/badges-craftwork_23-2147564891.jpg", "http://img.b2bpic.net/free-vector/elegant-furniture-logo_23-2148453545.jpg"
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
speed={40}
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="blog" data-section="blog">
|
||
<BlogCardOne
|
||
title="Самое интересное в блоге Krea"
|
||
description="Советы по выбору обоев, тренды интерьерного дизайна, истории трансформаций"
|
||
tag="Блог"
|
||
tagAnimation="slide-up"
|
||
blogs={[
|
||
{
|
||
id: "1", category: "Тренды", title: "Тренды интерьерного дизайна 2025", excerpt: "Узнайте, какие цвета и стили будут доминировать в интерьерах грядущего года", imageSrc: "http://img.b2bpic.net/free-photo/blonde-charming-woman-silk-black-jumpsuit-stylish-eyeglasses-sits-brown-big-soft-sofa-ho_197531-33650.jpg", imageAlt: "Тренды дизайна 2025", authorName: "LacDeco Team", authorAvatar: "https://example.com/user-logo.jpg", date: "15 Янв 2025"
|
||
},
|
||
{
|
||
id: "2", category: "Советы", title: "Как выбрать идеальную цветовую палитру", excerpt: "Подробное руководство по подбору гармоничных сочетаний цветов для вашего интерьера", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741786.jpg", imageAlt: "Цветовая палитра интерьера", authorName: "Эксперт дизайна", authorAvatar: "https://example.com/user-logo.jpg", date: "10 Янв 2025"
|
||
},
|
||
{
|
||
id: "3", category: "Кейсы", title: "Преобразование квартиры с помощью правильного выбора обоев", excerpt: "История того, как качественные материалы кардинально изменили внешний вид помещения", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378917.jpg", imageAlt: "До и после преобразования", authorName: "LacDeco Team", authorAvatar: "https://example.com/user-logo.jpg", date: "5 Янв 2025"
|
||
},
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Свяжитесь с нами"
|
||
description="Остались вопросы? Свяжитесь с нашей командой и получите профессиональную консультацию по выбору материалов для вашего проекта."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Ваше имя", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "+375 (29) 183-53-62", required: true },
|
||
{ name: "email", type: "email", placeholder: "Ваш email", required: true },
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Расскажите о вашем проекте...", rows: 5,
|
||
required: true,
|
||
}}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/skies-snowboard-lounge-area_482257-76730.jpg"
|
||
imageAlt="Салон LacDeco.tapety"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
buttonText="Отправить запрос"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="LacDeco.tapety"
|
||
copyrightText="© 2025 LacDeco.tapety | Салон эксклюзивных обоев и красок"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|