Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 47f44571e7 | |||
| 0c7228b183 | |||
| b98118c707 | |||
| ac3bfb5627 |
137
src/app/page.tsx
137
src/app/page.tsx
@@ -19,10 +19,10 @@ export default function LandingPage() {
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
@@ -30,46 +30,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Преимущества", id: "advantages"},
|
||||
{
|
||||
name: "Каталог", id: "catalog"},
|
||||
{
|
||||
name: "Как работаем", id: "process"},
|
||||
{
|
||||
name: "Контакты", id: "contact"},
|
||||
{ name: "Преимущества", id: "advantages" },
|
||||
{ name: "Каталог", id: "catalog" },
|
||||
{ name: "Как работаем", id: "process" },
|
||||
{ name: "Контакты", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Заказать", href: "#contact"}}
|
||||
button={{ text: "Заказать", href: "#contact" }}
|
||||
brandName="SandMaster"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Песок с доставкой от 5 м³ — точно в срок"
|
||||
description="Гарантируем доставку точно в выбранное вами 2-часовое окно. Работаем напрямую с карьерами и доставляем песок собственным автопарком в день заказа."
|
||||
buttons={[
|
||||
{
|
||||
text: "Оставить заявку", href: "#contact"},
|
||||
{
|
||||
text: "Позвонить", href: "tel:+79990000000"},
|
||||
{ text: "Оставить заявку", href: "#contact" },
|
||||
{ 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/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/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/heavy-excavator-digging-day-light_23-2149194833.jpg", imageAlt: "dump truck sand delivery construction"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/building-construction-work-site_23-2149184911.jpg", imageAlt: "dump truck" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352613.jpg", imageAlt: "worker" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40897.jpg", imageAlt: "technician" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -80,18 +63,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "a3", title: "Прямые цены", descriptions: ["Собственные карьеры без наценок посредников."], imageSrc: "http://img.b2bpic.net/free-photo/appointment-schedule-calendar-event-meeting-concept_53876-121132.jpg" }
|
||||
]}
|
||||
title="Почему выбирают нас"
|
||||
description="Надёжность и прозрачность на каждом этапе поставки."
|
||||
@@ -101,28 +75,13 @@ export default function LandingPage() {
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "p6", brand: "Карьер", name: "Сеяный песок", price: "от 650 руб/м³", rating: 5,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/sand-sea_1122-788.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: "p3", brand: "Карьер", name: "Речной песок", price: "от 850 руб/м³", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15257.jpg" }
|
||||
]}
|
||||
title="Наш ассортимент"
|
||||
description="Песок для любых строительных нужд."
|
||||
@@ -134,51 +93,37 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Как проходит работа"
|
||||
description="Всего 4 шага до вашего материала на объекте."
|
||||
buttons={[
|
||||
{
|
||||
text: "Заказать звонок", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Заказать звонок", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229212.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<TestimonialCardTwelve
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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: "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: "t5", name: "Артем В.", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-stones_23-2148198852.jpg"},
|
||||
]}
|
||||
cardTitle="Нам доверяют строители"
|
||||
cardTag="Клиенты"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faqs" data-section="faqs">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Минимальный объём заказа?", content: "Мы доставляем песок объёмом от 5 кубических метров."},
|
||||
{
|
||||
id: "q2", title: "Как оплатить?", content: "Принимаем наличный и безналичный расчёт, работаем с НДС."},
|
||||
{
|
||||
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="Частые вопросы"
|
||||
description="Отвечаем на основные вопросы клиентов."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "Скорость доставки?", content: "Мы осуществляем доставку в день заказа, чтобы вы могли приступить к работе без задержек." },
|
||||
{ id: "q2", title: "Минимальный объём заказа?", content: "Мы доставляем песок объёмом от 5 кубических метров." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-young-technician-with-orange-hard-hat_1157-40891.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,10 +133,8 @@ export default function LandingPage() {
|
||||
title="Оставить заявку на расчёт"
|
||||
description="Свяжитесь с нами сегодня, чтобы получить индивидуальную цену."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Ваше имя"},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Телефон"},
|
||||
{ name: "name", type: "text", placeholder: "Ваше имя", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Телефон", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architecture-concept-with-laptop-workspace_23-2147813082.jpg"
|
||||
/>
|
||||
@@ -200,10 +143,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SandMaster © 2024"
|
||||
leftLink={{
|
||||
text: "Политика конфиденциальности", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Контакты", href: "#contact"}}
|
||||
leftLink={{ text: "Политика конфиденциальности", href: "#" }}
|
||||
rightLink={{ text: "Контакты", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user