Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b10eef5794 | |||
| 6cedd2df84 | |||
| b13a2a0964 | |||
| 287feda26b | |||
| 39a23e8f87 | |||
| 8819d06105 | |||
| b00d6b8cc0 | |||
| 8c6513a604 | |||
| 5d5624fc05 | |||
| 23519723bc | |||
| d104683f9e | |||
| 58266061eb | |||
| 246ecd3264 | |||
| 40c699d007 | |||
| ba7d80ce13 |
309
src/app/page.tsx
309
src/app/page.tsx
@@ -3,16 +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 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 MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Home, Zap, Truck, ShieldCheck } from "lucide-react";
|
||||
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,192 +28,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "О нас", id: "#about"},
|
||||
{
|
||||
name: "Ассортимент", id: "#products"},
|
||||
{
|
||||
name: "Контакты", id: "#contact"},
|
||||
]}
|
||||
brandName="КАТАЕВ СТРОЙ"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "О нас", id: "#about" },
|
||||
{ name: "Услуги", id: "#features" },
|
||||
{ name: "Контакты", id: "#contact" },
|
||||
]}
|
||||
brandName="КАТАЕВ СТРОЙ"
|
||||
button={{ text: "Связаться", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Катаев Строй — ваш надежный партнер в строительстве и ремонте!"
|
||||
description="Крупнейший строительный центр в Калмыкии. Всё необходимое для ремонта и строительства в одном месте."
|
||||
buttons={[
|
||||
{
|
||||
text: "Смотреть каталог", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png"
|
||||
imageAlt="construction materials store front"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<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">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="О компании"
|
||||
title="Более 2000 семей доверили нам создание идеального дома"
|
||||
description="Мы — крупнейший строительный центр в Калмыкии, готовый помочь вам создать дом вашей мечты! В нашем ассортименте вы найдете всё необходимое для ремонта и строительства."
|
||||
subdescription="Надежность и качество — наши главные приоритеты."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg"
|
||||
icon={Home}
|
||||
imageAlt="happy family building house"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Наш подход к работе"
|
||||
description={[
|
||||
"Мы предлагаем полный цикл строительных работ с соблюдением всех современных стандартов.", "Более 15 лет опыта работы на рынке региона гарантируют надежность и качество каждого выполненного проекта."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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/close-up-construction-safety-goggles-work-tools_169016-17031.jpg", imageAlt: "Close up of construction safety goggles and work tools"},
|
||||
{
|
||||
title: "Удобная доставка", description: "Привезем всё необходимое прямо на объект.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg", imageAlt: "Warehouse experts monitoring inventory"},
|
||||
]}
|
||||
title="Почему выбирают нас"
|
||||
description="Строительство и ремонт требуют ответственного подхода. Вот наши преимущества."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Наши профессиональные услуги"
|
||||
description="Мы специализируемся на высококачественном исполнении строительных и инженерных задач."
|
||||
features={[
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Цемент М500", price: "450 ₽", rating: 5,
|
||||
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,
|
||||
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="products" data-section="products">
|
||||
<ProductCardFour
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Направления деятельности"
|
||||
description="Откройте для себя спектр наших профессиональных решений."
|
||||
products={[
|
||||
{ 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
|
||||
useInvertedBackground={true}
|
||||
title="Цифры говорят сами за себя"
|
||||
tag="Наши успехи"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "2000+", description: "Счастливых семей"},
|
||||
{
|
||||
id: "m2", value: "15+", description: "Лет опыта"},
|
||||
{
|
||||
id: "m3", value: "10000+", description: "Товаров в наличии"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Наши показатели"
|
||||
description="Результаты работы, говорящие сами за себя."
|
||||
metrics={[
|
||||
{ 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?_wi=1" },
|
||||
{ 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
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Отзывы партнеров"
|
||||
description="Мы гордимся долгосрочными отношениями с нашими клиентами."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Иван Петров", date: "2024-05-12", title: "Коммерческий директор", quote: "Высочайший уровень профессионализма и соблюдение сроков.", tag: "Партнер", avatarSrc: "https://avatar.iran.liara.run/public/1" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Есть ли у вас доставка?", content: "Да, мы доставляем товары по всей Калмыкии."},
|
||||
{
|
||||
id: "f2", title: "Можно ли вернуть товар?", content: "Возврат осуществляется согласно законодательству РФ."},
|
||||
{
|
||||
id: "f3", title: "Как сделать заказ?", content: "Вы можете заказать онлайн или позвонить по телефону."},
|
||||
]}
|
||||
sideTitle="Частые вопросы"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<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?_wi=2"
|
||||
faqs={[
|
||||
{ id: "fq1", title: "Работаете ли вы с юрлицами?", content: "Да, работаем по договору с НДС и без." },
|
||||
{ id: "fq2", title: "Выдаете ли гарантию?", content: "Да, гарантия на все виды строительных работ составляет до 5 лет." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Контакты"
|
||||
title="Свяжитесь с нами"
|
||||
description="Наш телефон: +7 937 193 33 23"
|
||||
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"
|
||||
imageAlt="Civil engineer and construction worker manager holding digital tablet and blueprints talking and planing about construction site"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Свяжитесь с нами"
|
||||
title="Готовы начать ваш проект?"
|
||||
description="Оставьте заявку, и мы свяжемся с вами в течение часа для консультации."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="КАТАЕВ СТРОЙ"
|
||||
columns={[
|
||||
{
|
||||
title: "Навигация", items: [
|
||||
{
|
||||
label: "Главная", href: "#"},
|
||||
{
|
||||
label: "О нас", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Сервис", items: [
|
||||
{
|
||||
label: "Доставка", href: "#"},
|
||||
{
|
||||
label: "Оплата", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Катаев Строй"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="КАТАЕВ СТРОЙ"
|
||||
columns={[
|
||||
{ title: "Услуги", items: [{ label: "Строительство", href: "#features" }, { label: "Инженерия", href: "#features" }] },
|
||||
{ title: "Компания", items: [{ label: "О нас", href: "#about" }, { label: "Контакты", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Катаев Строй"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user