Update src/app/page.tsx
This commit is contained in:
209
src/app/page.tsx
209
src/app/page.tsx
@@ -31,26 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Преимущества",
|
||||
id: "advantages",
|
||||
},
|
||||
name: "Преимущества", id: "advantages"},
|
||||
{
|
||||
name: "Каталог",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Каталог", id: "catalog"},
|
||||
{
|
||||
name: "Как работаем",
|
||||
id: "process",
|
||||
},
|
||||
name: "Как работаем", id: "process"},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Контакты", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Заказать",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Заказать", href: "#contact"}}
|
||||
brandName="SandMaster"
|
||||
/>
|
||||
</div>
|
||||
@@ -58,45 +48,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Песок с доставкой от 5 м³ — точно в срок"
|
||||
description="Собственный автопарк, честные объёмы и работа напрямую с карьерами. Доставим песок на ваш объект в день заказа."
|
||||
description="Гарантируем доставку точно в выбранное вами 2-часовое окно. Работаем напрямую с карьерами и доставляем песок собственным автопарком в день заказа."
|
||||
buttons={[
|
||||
{
|
||||
text: "Оставить заявку",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Оставить заявку", href: "#contact"},
|
||||
{
|
||||
text: "Позвонить",
|
||||
href: "tel:+79990000000",
|
||||
},
|
||||
text: "Позвонить", href: "tel:+79990000000"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-work-site_23-2149184911.jpg",
|
||||
imageAlt: "dump truck sand delivery construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-work-site_23-2149184911.jpg", imageAlt: "dump truck sand delivery construction"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352613.jpg",
|
||||
imageAlt: "dump truck sand delivery construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352613.jpg", imageAlt: "dump truck sand delivery construction"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40897.jpg",
|
||||
imageAlt: "dump truck sand delivery construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40897.jpg", imageAlt: "dump truck sand delivery construction"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307731.jpg",
|
||||
imageAlt: "dump truck sand delivery construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307731.jpg", imageAlt: "dump truck sand delivery construction"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg",
|
||||
imageAlt: "dump truck sand delivery construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg", imageAlt: "dump truck sand delivery construction"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194833.jpg",
|
||||
imageAlt: "dump truck sand delivery construction",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194833.jpg", imageAlt: "dump truck sand delivery construction"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,29 +81,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Собственный транспорт",
|
||||
descriptions: [
|
||||
"Более 20 самосвалов в автопарке.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg",
|
||||
},
|
||||
id: "a1", title: "Собственный транспорт", descriptions: [
|
||||
"Более 20 самосвалов в автопарке."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg"},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Честный объём",
|
||||
descriptions: [
|
||||
"Никаких недогрузов, работаем по ГОСТ.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-overhead-shot-fertilizer-machine-farming-field-daytime_181624-25600.jpg",
|
||||
},
|
||||
id: "a2", title: "Честный объём", descriptions: [
|
||||
"Никаких недогрузов, работаем по ГОСТ."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-overhead-shot-fertilizer-machine-farming-field-daytime_181624-25600.jpg"},
|
||||
{
|
||||
id: "a3",
|
||||
title: "Прямые цены",
|
||||
descriptions: [
|
||||
"Собственные карьеры без наценок посредников.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appointment-schedule-calendar-event-meeting-concept_53876-121132.jpg",
|
||||
},
|
||||
id: "a3", title: "Прямые цены", descriptions: [
|
||||
"Собственные карьеры без наценок посредников."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appointment-schedule-calendar-event-meeting-concept_53876-121132.jpg"},
|
||||
]}
|
||||
title="Почему выбирают нас"
|
||||
description="Надёжность и прозрачность на каждом этапе поставки."
|
||||
@@ -145,59 +106,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Карьер",
|
||||
name: "Песок карьерный",
|
||||
price: "от 500 руб/м³",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiled-stones_1194-5379.jpg",
|
||||
},
|
||||
id: "p1", brand: "Карьер", name: "Песок карьерный", price: "от 500 руб/м³", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/tiled-stones_1194-5379.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Карьер",
|
||||
name: "Песок мытый",
|
||||
price: "от 700 руб/м³",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15108.jpg",
|
||||
},
|
||||
id: "p2", brand: "Карьер", name: "Песок мытый", price: "от 700 руб/м³", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15108.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Карьер",
|
||||
name: "Речной песок",
|
||||
price: "от 850 руб/м³",
|
||||
rating: 5,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15257.jpg",
|
||||
},
|
||||
id: "p3", brand: "Карьер", name: "Речной песок", price: "от 850 руб/м³", rating: 5,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15257.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Карьер",
|
||||
name: "Для бетона",
|
||||
price: "от 600 руб/м³",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rough-cement-concrete-wall-background_23-2148210188.jpg",
|
||||
},
|
||||
id: "p4", brand: "Карьер", name: "Для бетона", price: "от 600 руб/м³", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/rough-cement-concrete-wall-background_23-2148210188.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Карьер",
|
||||
name: "Для засыпки",
|
||||
price: "от 450 руб/м³",
|
||||
rating: 5,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15143.jpg",
|
||||
},
|
||||
id: "p5", brand: "Карьер", name: "Для засыпки", price: "от 450 руб/м³", rating: 5,
|
||||
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15143.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Карьер",
|
||||
name: "Сеяный песок",
|
||||
price: "от 650 руб/м³",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sand-sea_1122-788.jpg",
|
||||
},
|
||||
id: "p6", brand: "Карьер", name: "Сеяный песок", price: "от 650 руб/м³", rating: 5,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/sand-sea_1122-788.jpg"},
|
||||
]}
|
||||
title="Наш ассортимент"
|
||||
description="Песок для любых строительных нужд."
|
||||
@@ -211,9 +136,7 @@ export default function LandingPage() {
|
||||
description="Всего 4 шага до вашего материала на объекте."
|
||||
buttons={[
|
||||
{
|
||||
text: "Заказать звонок",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Заказать звонок", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229212.jpg"
|
||||
/>
|
||||
@@ -224,30 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Иван С.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198851.jpg",
|
||||
},
|
||||
id: "t1", name: "Иван С.", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198851.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "ООО «Строй-М»",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-powder-with-copy-space_23-2148862861.jpg",
|
||||
},
|
||||
id: "t2", name: "ООО «Строй-М»", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clay-powder-with-copy-space_23-2148862861.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Дмитрий П.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pebbles-shore_1122-750.jpg",
|
||||
},
|
||||
id: "t3", name: "Дмитрий П.", imageSrc: "http://img.b2bpic.net/free-photo/pebbles-shore_1122-750.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "ГК «Монолит»",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conch-seashells-with-sand-bubbler-beach_23-2148154023.jpg",
|
||||
},
|
||||
id: "t4", name: "ГК «Монолит»", imageSrc: "http://img.b2bpic.net/free-photo/conch-seashells-with-sand-bubbler-beach_23-2148154023.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Артем В.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198852.jpg",
|
||||
},
|
||||
id: "t5", name: "Артем В.", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198852.jpg"},
|
||||
]}
|
||||
cardTitle="Нам доверяют строители"
|
||||
cardTag="Клиенты"
|
||||
@@ -261,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Минимальный объём заказа?",
|
||||
content: "Мы доставляем песок объёмом от 5 кубических метров.",
|
||||
},
|
||||
id: "q1", title: "Минимальный объём заказа?", content: "Мы доставляем песок объёмом от 5 кубических метров."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Как оплатить?",
|
||||
content: "Принимаем наличный и безналичный расчёт, работаем с НДС.",
|
||||
},
|
||||
id: "q2", title: "Как оплатить?", content: "Принимаем наличный и безналичный расчёт, работаем с НДС."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Доставка в выходные?",
|
||||
content: "Да, работаем 24/7 без выходных.",
|
||||
},
|
||||
id: "q3", title: "Доставка в выходные?", content: "Да, работаем 24/7 без выходных."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40891.jpg"
|
||||
title="Частые вопросы"
|
||||
@@ -290,15 +189,9 @@ export default function LandingPage() {
|
||||
description="Свяжитесь с нами сегодня, чтобы получить индивидуальную цену."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ваше имя",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Ваше имя"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Телефон",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Телефон"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architecture-concept-with-laptop-workspace_23-2147813082.jpg"
|
||||
/>
|
||||
@@ -308,13 +201,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SandMaster © 2024"
|
||||
leftLink={{
|
||||
text: "Политика конфиденциальности",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Политика конфиденциальности", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Контакты",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Контакты", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user