Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8c6513a604 | |||
| 23519723bc | |||
| 58266061eb | |||
| 40c699d007 | |||
| ba7d80ce13 | |||
| b92594fe5f |
400
src/app/page.tsx
400
src/app/page.tsx
@@ -6,13 +6,12 @@ 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 HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
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 TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Home } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,302 +28,121 @@ 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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "О нас", id: "#about" },
|
||||
{ name: "Ассортимент", id: "#products" },
|
||||
{ name: "Контакты", id: "#contact" },
|
||||
]}
|
||||
brandName="КАТАЕВ СТРОЙ"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Катаев Строй — ваш надежный партнер в строительстве и ремонте!"
|
||||
description="Крупнейший строительный центр в Калмыкии. Всё необходимое для ремонта и строительства в одном месте."
|
||||
buttons={[
|
||||
{
|
||||
text: "Смотреть каталог",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-workshop-creating-bike_23-2148866687.jpg"
|
||||
imageAlt="construction materials store front"
|
||||
/>
|
||||
</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" }]}
|
||||
/>
|
||||
</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">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
tag="О компании"
|
||||
title="Ваш эксперт в строительстве"
|
||||
description="Более 15 лет мы помогаем воплощать архитектурные идеи в реальность. От фундамента до кровли — только лучшие материалы."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-group-men-walking-construction-site_259150-57790.jpg"
|
||||
/>
|
||||
</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">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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" },
|
||||
]}
|
||||
title="Наши преимущества"
|
||||
description="Строим будущее вместе с вами."
|
||||
/>
|
||||
</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">
|
||||
<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" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</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">
|
||||
<MetricCardFourteen
|
||||
title="В цифрах"
|
||||
tag="Доверие клиентов"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "2000+", description: "Довольных клиентов" },
|
||||
{ id: "m2", value: "15+", description: "Лет на рынке" },
|
||||
]}
|
||||
/>
|
||||
</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">
|
||||
<TestimonialCardOne
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Александр", role: "Клиент", company: "Элиста", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" }
|
||||
]}
|
||||
title="Отзывы"
|
||||
description="Что говорят о нас наши партнеры."
|
||||
/>
|
||||
</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">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{ id: "f1", title: "Как заказать?", content: "Через сайт или по телефону." },
|
||||
{ id: "f2", title: "Доставка платная?", content: "Рассчитывается индивидуально." },
|
||||
]}
|
||||
sideTitle="Частые вопросы"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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="На связи 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" }}
|
||||
/>
|
||||
</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">
|
||||
<FooterBaseReveal
|
||||
logoText="КАТАЕВ СТРОЙ"
|
||||
columns={[{ title: "Компания", items: [{ label: "Главная", href: "#" }] }]}
|
||||
copyrightText="© 2024 Катаев Строй"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user