Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b92594fe5f |
200
src/app/page.tsx
200
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
|||||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||||
import { Home } from "lucide-react";
|
import { Home, Zap, Truck, ShieldCheck } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "О нас",
|
name: "О нас", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Ассортимент",
|
name: "Ассортимент", id: "#products"},
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Контакты",
|
name: "Контакты", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="КАТАЕВ СТРОЙ"
|
brandName="КАТАЕВ СТРОЙ"
|
||||||
/>
|
/>
|
||||||
@@ -52,17 +46,14 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Катаев Строй — ваш надежный партнер в строительстве и ремонте!"
|
title="Катаев Строй — ваш надежный партнер в строительстве и ремонте!"
|
||||||
description="Крупнейший строительный центр в Калмыкии. Всё необходимое для ремонта и строительства в одном месте."
|
description="Крупнейший строительный центр в Калмыкии. Всё необходимое для ремонта и строительства в одном месте."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Смотреть каталог",
|
text: "Смотреть каталог", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/man-workshop-creating-bike_23-2148866687.jpg"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Diivt0cEGrTEcUUWDNsWBPbvma/uploaded-1778771687275-n4htuwop.png"
|
||||||
imageAlt="construction materials store front"
|
imageAlt="construction materials store front"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -87,23 +78,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Огромный ассортимент",
|
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"},
|
||||||
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: "Высокое качество",
|
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"},
|
||||||
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: "Удобная доставка",
|
title: "Удобная доставка", description: "Привезем всё необходимое прямо на объект.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg", imageAlt: "Warehouse experts monitoring inventory"},
|
||||||
description: "Привезем всё необходимое прямо на объект.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-experts-monitoring-inventory_482257-75322.jpg",
|
|
||||||
imageAlt: "Warehouse experts monitoring inventory",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Почему выбирают нас"
|
title="Почему выбирают нас"
|
||||||
description="Строительство и ремонт требуют ответственного подхода. Вот наши преимущества."
|
description="Строительство и ремонт требуют ответственного подхода. Вот наши преимущества."
|
||||||
@@ -115,53 +94,23 @@ export default function LandingPage() {
|
|||||||
layout="section"
|
layout="section"
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Цемент М500", price: "450 ₽", rating: 5,
|
||||||
name: "Цемент М500",
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-11606.jpg", imageAlt: "cement bag construction supplies"},
|
||||||
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",
|
id: "2", name: "Кирпич керамический", price: "35 ₽", rating: 5,
|
||||||
name: "Кирпич керамический",
|
imageSrc: "http://img.b2bpic.net/free-photo/view-steel-hammer-with-other-construction-elements-tools_23-2150576467.jpg", imageAlt: "construction bricks pallet"},
|
||||||
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",
|
id: "3", name: "Шуруповерт профессиональный", price: "8900 ₽", rating: 5,
|
||||||
name: "Шуруповерт профессиональный",
|
imageSrc: "http://img.b2bpic.net/free-photo/uniform-construction-tools-wooden-table-top-view_169016-24245.jpg", imageAlt: "power tools construction kit"},
|
||||||
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",
|
id: "4", name: "Краска интерьерная", price: "1200 ₽", rating: 4,
|
||||||
name: "Краска интерьерная",
|
imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-167.jpg", imageAlt: "building paint cans stack"},
|
||||||
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",
|
id: "5", name: "Труба ПВХ 110", price: "350 ₽", rating: 5,
|
||||||
name: "Труба ПВХ 110",
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-plans-with-helmet-drawing-tools-blueprints_1232-4302.jpg", imageAlt: "plumbing pipe materials"},
|
||||||
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",
|
id: "6", name: "Плитка напольная", price: "950 ₽", rating: 5,
|
||||||
name: "Плитка напольная",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mason-supplies-composition_23-2149511910.jpg", imageAlt: "flooring tiles construction"},
|
||||||
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>
|
||||||
@@ -173,20 +122,11 @@ export default function LandingPage() {
|
|||||||
tag="Наши успехи"
|
tag="Наши успехи"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "2000+", description: "Счастливых семей"},
|
||||||
value: "2000+",
|
|
||||||
description: "Счастливых семей",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "15+", description: "Лет опыта"},
|
||||||
value: "15+",
|
|
||||||
description: "Лет опыта",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "10000+", description: "Товаров в наличии"},
|
||||||
value: "10000+",
|
|
||||||
description: "Товаров в наличии",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -200,50 +140,20 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Александр", role: "Клиент", company: "Элиста", rating: 5,
|
||||||
name: "Александр",
|
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", imageAlt: "happy customer construction store"},
|
||||||
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",
|
id: "2", name: "Марина", role: "Клиент", company: "Калмыкия", rating: 5,
|
||||||
name: "Марина",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-5140.jpg", imageAlt: "homeowner renovation success"},
|
||||||
role: "Клиент",
|
|
||||||
company: "Калмыкия",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-5140.jpg",
|
|
||||||
imageAlt: "homeowner renovation success",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Дмитрий", role: "Клиент", company: "Строительство", rating: 5,
|
||||||
name: "Дмитрий",
|
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151333277.jpg", imageAlt: "happy renovation client"},
|
||||||
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",
|
id: "4", name: "Елена", role: "Клиент", company: "Ремонт", rating: 5,
|
||||||
name: "Елена",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-holding-thumbs-up_23-2148752021.jpg", imageAlt: "satisfied construction client"},
|
||||||
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",
|
id: "5", name: "Сергей", role: "Бригадир", company: "СпецСтрой", rating: 5,
|
||||||
name: "Сергей",
|
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124249.jpg", imageAlt: "Building and construction worker on the site"},
|
||||||
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="Отзывы наших клиентов"
|
title="Отзывы наших клиентов"
|
||||||
description="Нам доверяют профессионалы и частные лица."
|
description="Нам доверяют профессионалы и частные лица."
|
||||||
@@ -255,20 +165,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Есть ли у вас доставка?", content: "Да, мы доставляем товары по всей Калмыкии."},
|
||||||
title: "Есть ли у вас доставка?",
|
|
||||||
content: "Да, мы доставляем товары по всей Калмыкии.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Можно ли вернуть товар?", content: "Возврат осуществляется согласно законодательству РФ."},
|
||||||
title: "Можно ли вернуть товар?",
|
|
||||||
content: "Возврат осуществляется согласно законодательству РФ.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Как сделать заказ?", content: "Вы можете заказать онлайн или позвонить по телефону."},
|
||||||
title: "Как сделать заказ?",
|
|
||||||
content: "Вы можете заказать онлайн или позвонить по телефону.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Частые вопросы"
|
sideTitle="Частые вопросы"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -279,8 +180,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Контакты"
|
tag="Контакты"
|
||||||
title="Свяжитесь с нами"
|
title="Свяжитесь с нами"
|
||||||
description="Наш телефон: +7 937 193 33 23"
|
description="Наш телефон: +7 937 193 33 23"
|
||||||
@@ -296,29 +196,19 @@ export default function LandingPage() {
|
|||||||
logoText="КАТАЕВ СТРОЙ"
|
logoText="КАТАЕВ СТРОЙ"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Навигация",
|
title: "Навигация", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Главная",
|
label: "Главная", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "О нас",
|
label: "О нас", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Сервис",
|
title: "Сервис", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Доставка",
|
label: "Доставка", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Оплата",
|
label: "Оплата", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user