Update src/app/page.tsx
This commit is contained in:
294
src/app/page.tsx
294
src/app/page.tsx
@@ -20,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "#catalog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Catalog", id: "#catalog" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="MTM"
|
||||
/>
|
||||
@@ -48,64 +43,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Искусство комфорта в вашем доме"
|
||||
description="МТМ создает мебель, сочетающую безупречный стиль, долговечность и натуральные материалы для самых требовательных интерьеров."
|
||||
buttons={[
|
||||
{
|
||||
text: "Смотреть каталог",
|
||||
href: "#catalog",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg?_wi=1"
|
||||
buttons={[{ text: "Смотреть каталог", href: "#catalog" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg"
|
||||
imageAlt="MTM Living Room Interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-automated-smart-feeder-household-pets_23-2151482505.jpg",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118999.jpg",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951030.jpg",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-automated-smart-feeder-household-pets_23-2151482505.jpg", alt: "Happy customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118999.jpg", alt: "Happy customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951030.jpg", alt: "Happy customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/architecture_1122-1804.jpg", alt: "Happy customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg", alt: "Happy customer 5" }
|
||||
]}
|
||||
avatarText="Более 5000 довольных клиентов"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Премиальные материалы",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ручная работа",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Гарантия 5 лет",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Дизайнерские решения",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Доставка и сборка",
|
||||
},
|
||||
{ type: "text", text: "Премиальные материалы" },
|
||||
{ type: "text", text: "Ручная работа" },
|
||||
{ type: "text", text: "Гарантия 5 лет" },
|
||||
{ type: "text", text: "Дизайнерские решения" },
|
||||
{ type: "text", text: "Доставка и сборка" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,7 +76,7 @@ export default function LandingPage() {
|
||||
description="Более 15 лет мы превращаем дерево и ткань в функциональные произведения искусства, создавая уют в тысячах домов."
|
||||
subdescription="Каждое изделие проходит строгий контроль качества на всех этапах производства."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26100.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26100.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -128,24 +86,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Обычное производство без души",
|
||||
"Использование дешевых аналогов",
|
||||
"Отсутствие гарантии качества",
|
||||
"Шаблонный подход",
|
||||
"Низкая износостойкость",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Ручная работа и внимание к деталям",
|
||||
"Только премиальные натуральные материалы",
|
||||
"Гарантия 5 лет на все конструкции",
|
||||
"Индивидуальный дизайн-код",
|
||||
"Долговечность на десятилетия",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Обычное производство без души", "Использование дешевых аналогов", "Отсутствие гарантии качества", "Шаблонный подход", "Низкая износостойкость"] }}
|
||||
positiveCard={{ items: ["Ручная работа и внимание к деталям", "Только премиальные натуральные материалы", "Гарантия 5 лет на все конструкции", "Индивидуальный дизайн-код", "Долговечность на десятилетия"] }}
|
||||
title="Превосходство в каждой детали"
|
||||
description="Мы сравниваем наш подход с рыночными стандартами, обеспечивая лучший опыт покупки мебели."
|
||||
/>
|
||||
@@ -158,42 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Диван Classic Luxe",
|
||||
price: "от 85 000 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-interior-designer_23-2150346490.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Обеденный стол Oak Master",
|
||||
price: "от 45 000 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-meal-table_23-2148992943.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Кровать Royal Sleep",
|
||||
price: "от 120 000 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Журнальный столик Art Deco",
|
||||
price: "от 25 000 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-with-tablet-couch_23-2149403362.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Гардеробная система Smart",
|
||||
price: "от 95 000 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-minimal-scandinavian-wood-walk-closet-with-wardrobe_105762-2304.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Офисное кресло CEO Edition",
|
||||
price: "от 35 000 ₽",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149127.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Диван Classic Luxe", price: "от 85 000 ₽", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-interior-designer_23-2150346490.jpg" },
|
||||
{ id: "p2", name: "Обеденный стол Oak Master", price: "от 45 000 ₽", imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-meal-table_23-2148992943.jpg" },
|
||||
{ id: "p3", name: "Кровать Royal Sleep", price: "от 120 000 ₽", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg" },
|
||||
{ id: "p4", name: "Журнальный столик Art Deco", price: "от 25 000 ₽", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-with-tablet-couch_23-2149403362.jpg" },
|
||||
{ id: "p5", name: "Гардеробная система Smart", price: "от 95 000 ₽", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-minimal-scandinavian-wood-walk-closet-with-wardrobe_105762-2304.jpg" },
|
||||
{ id: "p6", name: "Офисное кресло CEO Edition", price: "от 35 000 ₽", imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149127.jpg" }
|
||||
]}
|
||||
title="Актуальные коллекции МТМ"
|
||||
description="Выберите мебель, которая подчеркнет ваш уникальный стиль и статус."
|
||||
@@ -204,29 +116,12 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Лет на рынке",
|
||||
description: "Опыт и безупречная репутация",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "Успешных проектов",
|
||||
description: "Счастливых клиентов и домов",
|
||||
icon: Home,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Натуральные материалы",
|
||||
description: "Безопасность и долговечность",
|
||||
icon: Leaf,
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Лет на рынке", description: "Опыт и безупречная репутация", icon: Calendar },
|
||||
{ id: "m2", value: "5000+", title: "Успешных проектов", description: "Счастливых клиентов и домов", icon: Home },
|
||||
{ id: "m3", value: "100%", title: "Натуральные материалы", description: "Безопасность и долговечность", icon: Leaf }
|
||||
]}
|
||||
title="Достижения МТМ"
|
||||
description="Результаты, которые говорят сами за себя."
|
||||
@@ -238,61 +133,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Елена И.",
|
||||
date: "12.03.2023",
|
||||
title: "Идеально",
|
||||
quote: "Заказывали диван, качество просто потрясающее!",
|
||||
tag: "Покупатель",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg?_wi=2",
|
||||
imageAlt: "smiling customer in modern living room",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Дмитрий С.",
|
||||
date: "15.04.2023",
|
||||
title: "Профессионалы",
|
||||
quote: "МТМ воплотили наш проект в жизнь в срок.",
|
||||
tag: "Дизайнер",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-inside-cafe_1303-19190.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26100.jpg?_wi=2",
|
||||
imageAlt: "smiling customer in modern living room",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Анна М.",
|
||||
date: "20.05.2023",
|
||||
title: "Восторг",
|
||||
quote: "Стол Oak Master стал центром столовой.",
|
||||
tag: "Клиент",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836956.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-interior-designer_23-2150346490.jpg?_wi=2",
|
||||
imageAlt: "smiling customer in modern living room",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Игорь В.",
|
||||
date: "10.06.2023",
|
||||
title: "Надежность",
|
||||
quote: "Все привезли вовремя и собрали без нареканий.",
|
||||
tag: "Клиент",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/i-love-spending-time-my-living-room-woman-with-dgital-tablet_329181-11293.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-meal-table_23-2148992943.jpg?_wi=2",
|
||||
imageAlt: "smiling customer in modern living room",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ольга П.",
|
||||
date: "05.07.2023",
|
||||
title: "Красота",
|
||||
quote: "Гардеробная система — просто сказка.",
|
||||
tag: "Клиент",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/coworkers-having-fun-office_23-2148985527.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg?_wi=2",
|
||||
imageAlt: "smiling customer in modern living room",
|
||||
},
|
||||
{ id: "1", name: "Елена И.", date: "12.03.2023", title: "Идеально", quote: "Заказывали диван, качество просто потрясающее!", tag: "Покупатель", avatarSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg", imageSrc: "http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg", imageAlt: "smiling customer in modern living room" },
|
||||
{ id: "2", name: "Дмитрий С.", date: "15.04.2023", title: "Профессионалы", quote: "МТМ воплотили наш проект в жизнь в срок.", tag: "Дизайнер", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-inside-cafe_1303-19190.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26100.jpg", imageAlt: "smiling customer in modern living room" },
|
||||
{ id: "3", name: "Анна М.", date: "20.05.2023", title: "Восторг", quote: "Стол Oak Master стал центром столовой.", tag: "Клиент", avatarSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149836956.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-interior-designer_23-2150346490.jpg", imageAlt: "smiling customer in modern living room" },
|
||||
{ id: "4", name: "Игорь В.", date: "10.06.2023", title: "Надежность", quote: "Все привезли вовремя и собрали без нареканий.", tag: "Клиент", avatarSrc: "http://img.b2bpic.net/free-photo/i-love-spending-time-my-living-room-woman-with-dgital-tablet_329181-11293.jpg", imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-meal-table_23-2148992943.jpg", imageAlt: "smiling customer in modern living room" },
|
||||
{ id: "5", name: "Ольга П.", date: "05.07.2023", title: "Красота", quote: "Гардеробная система — просто сказка.", tag: "Клиент", avatarSrc: "http://img.b2bpic.net/free-photo/coworkers-having-fun-office_23-2148985527.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg", imageAlt: "smiling customer in modern living room" }
|
||||
]}
|
||||
title="Отзывы наших клиентов"
|
||||
description="Узнайте, почему нас выбирают снова и снова."
|
||||
@@ -303,21 +148,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Предоставляете ли вы гарантию?",
|
||||
content: "Да, на все наши конструкции действует гарантия 5 лет.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Можно ли заказать индивидуальный проект?",
|
||||
content: "Конечно, мы работаем по индивидуальным заказам любой сложности.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Какие сроки изготовления?",
|
||||
content: "В среднем 20-30 дней в зависимости от сложности и материалов.",
|
||||
},
|
||||
{ id: "f1", title: "Предоставляете ли вы гарантию?", content: "Да, на все наши конструкции действует гарантия 5 лет." },
|
||||
{ id: "f2", title: "Можно ли заказать индивидуальный проект?", content: "Конечно, мы работаем по индивидуальным заказам любой сложности." },
|
||||
{ id: "f3", title: "Какие сроки изготовления?", content: "В среднем 20-30 дней в зависимости от сложности и материалов." }
|
||||
]}
|
||||
sideTitle="Часто задаваемые вопросы"
|
||||
sideDescription="Мы ответили на самые популярные вопросы о мебели МТМ."
|
||||
@@ -328,48 +161,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Свяжитесь с нами"
|
||||
title="Готовы начать ваш проект?"
|
||||
description="Оставьте заявку, и наш менеджер проконсультирует вас."
|
||||
buttons={[
|
||||
{
|
||||
text: "Оставить заявку",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Оставить заявку", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Каталог",
|
||||
href: "#catalog",
|
||||
},
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Контакты",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Политика конфиденциальности",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Каталог", href: "#catalog" }, { label: "О нас", href: "#about" }] },
|
||||
{ items: [{ label: "Контакты", href: "#contact" }, { label: "Политика конфиденциальности", href: "#" }] }
|
||||
]}
|
||||
logoText="МТМ Мебель"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user