bender/ad2fb917-6d0c-498c-9ba2-9465164cb8e6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

5 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
8c6513a604 Update src/app/page.tsx 2026-05-14 15:18:57 +00:00
bender
23519723bc Update src/app/page.tsx 2026-05-14 15:18:34 +00:00
bender
58266061eb Update src/app/page.tsx 2026-05-14 15:18:04 +00:00
bender
40c699d007 Update src/app/page.tsx 2026-05-14 15:17:37 +00:00
bender
ba7d80ce13 Merge version_2 into main 
Merge version_2 into main
 2026-05-14 15:15:09 +00:00
1 changed files with 109 additions and 181 deletions
Expand all files Collapse all files

290
src/app/page.tsx
View File

@@ -6,13 +6,12 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight'; import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen'; import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog'; import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Home, Zap, Truck, ShieldCheck } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -29,192 +28,121 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "О нас", id: "#about" },
name: "О нас", id: "#about"}, { name: "Ассортимент", id: "#products" },
{ { name: "Контакты", id: "#contact" },
name: "Ассортимент", id: "#products"}, ]}
{ brandName="КАТАЕВ СТРОЙ"
name: "Контакты", id: "#contact"}, />
]} </div>
brandName="КАТАЕВ СТРОЙ"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroSplitDoubleCarousel
background={{ background={{ variant: "plain" }}
variant: "plain"}} title="Катаев Строй — надежность в каждом проекте"
title="Катаев Строй — ваш надежный партнер в строительстве и ремонте!" description="Профессиональные решения для строительства и ремонта с гарантией качества в Калмыкии."
description="Крупнейший строительный центр в Калмыкии. Всё необходимое для ремонта и строительства в одном месте." leftCarouselItems={[
buttons={[ { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png", imageAlt: "Construction Site" },
{ ]}
text: "Смотреть каталог", href: "#products"}, rightCarouselItems={[
]} { imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg?_wi=1", imageAlt: "Tools" },
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png" ]}
imageAlt="construction materials store front" buttons={[{ text: "Перейти в каталог", href: "#products" }]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <MediaAbout
useInvertedBackground={true} useInvertedBackground={true}
tag="О компании" tag="О компании"
title="Более 2000 семей доверили нам создание идеального дома" title="Ваш эксперт в строительстве"
description="Мы — крупнейший строительный центр в Калмыкии, готовый помочь вам создать дом вашей мечты! В нашем ассортименте вы найдете всё необходимое для ремонта и строительства." description="Более 15 лет мы помогаем воплощать архитектурные идеи в реальность. От фундамента до кровли — только лучшие материалы."
subdescription="Надежность и качество — наши главные приоритеты." imageSrc="http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg"
imageSrc="http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg" />
icon={Home} </div>
imageAlt="happy family building house"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardEight <FeatureCardEight
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Широкий выбор", description: "Более 10 000 позиций на складе.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg" },
title: "Огромный ассортимент", description: "Более 10 000 товаров всегда в наличии.", imageSrc: "http://img.b2bpic.net/free-photo/instruments-carpenter-wooden-desk_23-2148180571.jpg", imageAlt: "Instruments of carpenter on wooden desk"}, { title: "Оперативность", description: "Быстрая доставка по всему региону.", imageSrc: "http://img.b2bpic.net/free-photo/instruments-carpenter-wooden-desk_23-2148180571.jpg" },
{ ]}
title: "Высокое качество", description: "Работаем только с проверенными поставщиками.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-safety-goggles-work-tools_169016-17031.jpg", imageAlt: "Close up of construction safety goggles and work tools"}, title="Наши преимущества"
{ description="Строим будущее вместе с вами."
title: "Удобная доставка", description: "Привезем всё необходимое прямо на объект.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg", imageAlt: "Warehouse experts monitoring inventory"}, />
]} </div>
title="Почему выбирают нас"
description="Строительство и ремонт требуют ответственного подхода. Вот наши преимущества."
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCatalog <ProductCatalog
layout="section" layout="section"
products={[ products={[
{ { id: "1", name: "Цемент М500", price: "450 ₽", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-11606.jpg" },
id: "1", name: "Цемент М500", price: "450 ₽", rating: 5, { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-11606.jpg", imageAlt: "cement bag construction supplies"}, ]}
{ />
id: "2", name: "Кирпич керамический", price: "35 ₽", rating: 5, </div>
imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg", imageAlt: "construction bricks pallet"},
{
id: "3", name: "Шуруповерт профессиональный", price: "8900 ₽", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/uniform-construction-tools-wooden-table-top-view_169016-24245.jpg", imageAlt: "power tools construction kit"},
{
id: "4", name: "Краска интерьерная", price: "1200 ₽", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-167.jpg", imageAlt: "building paint cans stack"},
{
id: "5", name: "Труба ПВХ 110", price: "350 ₽", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4302.jpg", imageAlt: "plumbing pipe materials"},
{
id: "6", name: "Плитка напольная", price: "950 ₽", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mason-supplies-composition_23-2149511910.jpg", imageAlt: "flooring tiles construction"},
]}
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardFourteen <MetricCardFourteen
useInvertedBackground={true} title="В цифрах"
title="Цифры говорят сами за себя" tag="Доверие клиентов"
tag="Наши успехи" useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "2000+", description: "Довольных клиентов" },
id: "m1", value: "2000+", description: "Счастливых семей"}, { id: "m2", value: "15+", description: "Лет на рынке" },
{ ]}
id: "m2", value: "15+", description: "Лет опыта"}, />
{ </div>
id: "m3", value: "10000+", description: "Товаров в наличии"},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardOne <TestimonialCardOne
animationType="slide-up" gridVariant="asymmetric-60-wide-40-narrow"
textboxLayout="default" animationType="slide-up"
gridVariant="asymmetric-60-wide-40-narrow" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Александр", role: "Клиент", company: "Элиста", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" }
id: "1", name: "Александр", role: "Клиент", company: "Элиста", rating: 5, ]}
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", imageAlt: "happy customer construction store"}, title="Отзывы"
{ description="Что говорят о нас наши партнеры."
id: "2", name: "Марина", role: "Клиент", company: "Калмыкия", rating: 5, />
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-5140.jpg", imageAlt: "homeowner renovation success"}, </div>
{
id: "3", name: "Дмитрий", role: "Клиент", company: "Строительство", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151333277.jpg", imageAlt: "happy renovation client"},
{
id: "4", name: "Елена", role: "Клиент", company: "Ремонт", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg", imageAlt: "satisfied construction client"},
{
id: "5", name: "Сергей", role: "Бригадир", company: "СпецСтрой", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124249.jpg", imageAlt: "Building and construction worker on the site"},
]}
title="Отзывы наших клиентов"
description="Нам доверяют профессионалы и частные лица."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={true} faqs={[
faqs={[ { id: "f1", title: "Как заказать?", content: "Через сайт или по телефону." },
{ { id: "f2", title: "Доставка платная?", content: "Рассчитывается индивидуально." },
id: "f1", title: "Есть ли у вас доставка?", content: "Да, мы доставляем товары по всей Калмыкии."}, ]}
{ sideTitle="Частые вопросы"
id: "f2", title: "Можно ли вернуть товар?", content: "Возврат осуществляется согласно законодательству РФ."}, faqsAnimation="slide-up"
{ useInvertedBackground={false}
id: "f3", title: "Как сделать заказ?", content: "Вы можете заказать онлайн или позвонить по телефону."}, />
]} </div>
sideTitle="Частые вопросы"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} tag="Контакты"
background={{ title="На связи 24/7"
variant: "plain"}} description="Звоните по номеру +7 937 193 33 23"
tag="Контакты" 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"
title="Свяжитесь с нами" useInvertedBackground={false}
description="Наш телефон: +7 937 193 33 23" background={{ variant: "plain" }}
buttonText="Позвонить" />
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" </div>
imageAlt="Civil engineer and construction worker manager holding digital tablet and blueprints talking and planing about construction site"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
logoText="КАТАЕВ СТРОЙ" logoText="КАТАЕВ СТРОЙ"
columns={[ columns={[{ title: "Компания", items: [{ label: "Главная", href: "#" }] }]}
{ copyrightText="© 2024 Катаев Строй"
title: "Навигация", items: [ />
{ </div>
label: "Главная", href: "#"},
{
label: "О нас", href: "#about"},
],
},
{
title: "Сервис", items: [
{
label: "Доставка", href: "#"},
{
label: "Оплата", href: "#"},
],
},
]}
copyrightText="© 2024 Катаев Строй"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );