Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #6.
This commit is contained in:
138
src/app/page.tsx
138
src/app/page.tsx
@@ -3,15 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,10 +29,10 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "О нас", id: "#about" },
|
||||
{ name: "Ассортимент", id: "#products" },
|
||||
{ name: "Услуги", id: "#features" },
|
||||
{ name: "Контакты", id: "#contact" },
|
||||
]}
|
||||
brandName="КАТАЕВ СТРОЙ"
|
||||
@@ -40,107 +40,115 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Катаев Строй — надежность в каждом проекте"
|
||||
description="Профессиональные решения для строительства и ремонта с гарантией качества в Калмыкии."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png", imageAlt: "Construction Site" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg?_wi=1", imageAlt: "Tools" },
|
||||
]}
|
||||
buttons={[{ text: "Перейти в каталог", href: "#products" }]}
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Профессиональное строительство и проектирование"
|
||||
description="Комплексные инженерные и строительные услуги для частных и коммерческих объектов в Калмыкии."
|
||||
buttons={[{ text: "Узнать больше", href: "#features" }]
|
||||
}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
tag="О компании"
|
||||
title="Ваш эксперт в строительстве"
|
||||
description="Более 15 лет мы помогаем воплощать архитектурные идеи в реальность. От фундамента до кровли — только лучшие материалы."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg"
|
||||
title="Наш подход к работе"
|
||||
description={[
|
||||
"Мы предлагаем полный цикл строительных работ с соблюдением всех современных стандартов.", "Более 15 лет опыта работы на рынке региона гарантируют надежность и качество каждого выполненного проекта."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Наши профессиональные услуги"
|
||||
description="Мы специализируемся на высококачественном исполнении строительных и инженерных задач."
|
||||
features={[
|
||||
{ title: "Широкий выбор", description: "Более 10 000 позиций на складе.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg" },
|
||||
{ title: "Оперативность", description: "Быстрая доставка по всему региону.", imageSrc: "http://img.b2bpic.net/free-photo/instruments-carpenter-wooden-desk_23-2148180571.jpg" },
|
||||
{ id: "s1", title: "Строительство зданий", author: "Экспертная группа", description: "Возведение объектов любой сложности с нуля.", tags: ["Строительство"], imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg" },
|
||||
{ id: "s2", title: "Инженерные системы", author: "Технический отдел", description: "Проектирование и монтаж коммуникаций.", tags: ["Инженерия"], imageSrc: "http://img.b2bpic.net/free-photo/instruments-carpenter-wooden-desk_23-2148180571.jpg" },
|
||||
]}
|
||||
title="Наши преимущества"
|
||||
description="Строим будущее вместе с вами."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
<ProductCardFour
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Направления деятельности"
|
||||
description="Откройте для себя спектр наших профессиональных решений."
|
||||
products={[
|
||||
{ id: "1", name: "Цемент М500", price: "450 ₽", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-11606.jpg" },
|
||||
{ id: "2", name: "Кирпич керамический", price: "35 ₽", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg?_wi=2" },
|
||||
{ id: "p1", name: "Монолитное строительство", price: "от 5000 ₽/м²", variant: "Базовый сервис", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-11606.jpg" },
|
||||
{ id: "p2", name: "Фасадные работы", price: "от 1200 ₽/м²", variant: "Внешняя отделка", imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg?_wi=2" },
|
||||
{ id: "p3", name: "Кровельные системы", price: "от 2500 ₽/м²", variant: "Защита", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="В цифрах"
|
||||
tag="Доверие клиентов"
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Наши показатели"
|
||||
description="Результаты работы, говорящие сами за себя."
|
||||
metrics={[
|
||||
{ id: "m1", value: "2000+", description: "Довольных клиентов" },
|
||||
{ id: "m2", value: "15+", description: "Лет на рынке" },
|
||||
{ id: "me1", value: "500+", title: "Успешных проектов", description: "Завершенных объектов в срок", imageSrc: "http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg" },
|
||||
{ id: "me2", value: "15+", title: "Лет опыта", description: "Стабильности на рынке", imageSrc: "http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Отзывы партнеров"
|
||||
description="Мы гордимся долгосрочными отношениями с нашими клиентами."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Александр", role: "Клиент", company: "Элиста", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" }
|
||||
{ id: "t1", name: "Иван Петров", date: "2024-05-12", title: "Коммерческий директор", quote: "Высочайший уровень профессионализма и соблюдение сроков.", tag: "Партнер", avatarSrc: "https://avatar.iran.liara.run/public/1" }
|
||||
]}
|
||||
title="Отзывы"
|
||||
description="Что говорят о нас наши партнеры."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{ id: "f1", title: "Как заказать?", content: "Через сайт или по телефону." },
|
||||
{ id: "f2", title: "Доставка платная?", content: "Рассчитывается индивидуально." },
|
||||
]}
|
||||
sideTitle="Частые вопросы"
|
||||
<FaqSplitMedia
|
||||
title="Вопросы и ответы"
|
||||
description="Найдите информацию о наших условиях и методах работы."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg"
|
||||
faqs={[
|
||||
{ id: "fq1", title: "Работаете ли вы с юрлицами?", content: "Да, работаем по договору с НДС и без." },
|
||||
{ id: "fq2", title: "Выдаете ли гарантию?", content: "Да, гарантия на все виды строительных работ составляет до 5 лет." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Контакты"
|
||||
title="На связи 24/7"
|
||||
description="Звоните по номеру +7 937 193 33 23"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/civil-engineer-construction-worker-manager-holding-digital-tablet-blueprints-talking-planing-about-construction-site-cooperation-teamwork-concept_640221-136.jpg"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Свяжитесь с нами"
|
||||
title="Готовы начать ваш проект?"
|
||||
description="Оставьте заявку, и мы свяжемся с вами в течение часа для консультации."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterBaseCard
|
||||
logoText="КАТАЕВ СТРОЙ"
|
||||
columns={[{ title: "Компания", items: [{ label: "Главная", href: "#" }] }]}
|
||||
copyrightText="© 2024 Катаев Строй"
|
||||
columns={[
|
||||
{ title: "Услуги", items: [{ label: "Строительство", href: "#features" }, { label: "Инженерия", href: "#features" }] },
|
||||
{ title: "Компания", items: [{ label: "О нас", href: "#about" }, { label: "Контакты", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Катаев Строй"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user