Merge version_2 into main #1
321
src/app/page.tsx
321
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Building2 } from "lucide-react";
|
||||
@@ -19,292 +19,94 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Production",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Advantages",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "О производстве", id: "about" },
|
||||
{ name: "Преимущества", id: "features" },
|
||||
{ name: "Процесс", id: "process" },
|
||||
{ name: "Контакты", id: "contact" },
|
||||
]}
|
||||
brandName="Timber Zone"
|
||||
button={{
|
||||
text: "+998 77 282 06 06",
|
||||
href: "tel:+998772820606",
|
||||
}}
|
||||
text: "+998 77 282 06 06", href: "tel:+998772820606"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timber Zone — Европейские технологии на площади 3500 м²"
|
||||
description="Мы производим ЛМДФ-панели соответствующие европейским стандартам. Оставьте заявку на расчет стоимости или запишитесь на консультацию."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-carpenter-with-face-mask-pulling-pallet-jack-workshop_637285-11771.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185402.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robotic-arm-moves-piece-wood-conveyor-automation-wood-manufacturing_166373-9090.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22879.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22889.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-length-carpenter-with-face-mask-pulling-pallet-jack-workshop_637285-11771.jpg", imageAlt: "Production overview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-wood-engraving-workshop_23-2149185402.jpg", imageAlt: "Factory interior" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-operating-stationary-power-planer-processing-wooden-board-with-machine_1163-3149.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/craftsman-using-drill_1157-45885.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384827.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22907.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-wood-working-industry-factory_23-2151352649.jpg",
|
||||
imageAlt: "modern furniture factory manufacturing",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Оставить заявку",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wood-worker-his-shop-working-with-tools-equipment_23-2150861562.jpg",
|
||||
alt: "Wood worker in his shop working with tools and equipment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384845.jpg",
|
||||
alt: "Man working in a mdf boards warehouse",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94947.jpg",
|
||||
alt: "Man making surfboard",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-shot-wood-cutting-machine-factory_181624-42577.jpg",
|
||||
alt: "Close shot of a wood cutting machine in a factory",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manual-worker-putting-protective-gloves-while-working-carpentry-workshop-coronavirus-pandemic_637285-11711.jpg",
|
||||
alt: "Manual worker putting protective gloves while working at carpentry workshop during coronavirus pandemic",
|
||||
},
|
||||
]}
|
||||
avatarText="Более 70 специалистов в нашей команде"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO 9001 Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision CNC Technology",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium L-MDF Panels",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "European Standards",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-operating-stationary-power-planer-processing-wooden-board-with-machine_1163-3149.jpg", imageAlt: "Machine precision" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/robotic-arm-moves-piece-wood-conveyor-automation-wood-manufacturing_166373-9090.jpg", imageAlt: "Automation" }
|
||||
]}
|
||||
buttons={[{ text: "Получить консультацию", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="О производстве"
|
||||
title="Timber Zone — это специализированное производственное направление нашего завода."
|
||||
description="Мы объединили 70 квалифицированных специалистов и передовое немецкое оборудование на одной площадке, чтобы обеспечить полный цикл работ: от распила плит до создания готовых мебельных решений."
|
||||
subdescription="Более 3 500 кв. м для полного цикла производства."
|
||||
title="О производстве"
|
||||
description="Timber Zone — это специализированное производственное направление нашего завода. Мы объединили 70 квалифицированных специалистов и передовое немецкое оборудование на одной площадке, чтобы обеспечить полный цикл работ: от распила плит до создания готовых мебельных решений."
|
||||
subdescription="3500 м² площадей, 70 специалистов, оборудование Holzma и Homag."
|
||||
icon={Building2}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carpenter-joiner-working-stationary-power-planer-with-wooden-planks_1163-3144.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22879.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Высокое качество",
|
||||
author: "TZ",
|
||||
description: "Соответствие европейским стандартам ЛМДФ.",
|
||||
tags: [
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woodworking-plant-with-wood-sawing-machine-poster-about-woodworking-manufacturing_166373-9094.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Индивидуальные решения",
|
||||
author: "TZ",
|
||||
description: "Разработка проектов под вашу задачу.",
|
||||
tags: [
|
||||
"Tailored",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhausted-carpenter-having-backache-while-working-workshop_637285-11709.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Контроль качества",
|
||||
author: "TZ",
|
||||
description: "Многоступенчатая проверка продукции.",
|
||||
tags: [
|
||||
"Reliable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-face-mask-stacking-planks-rack-carpentry-workshop_637285-11719.jpg",
|
||||
},
|
||||
]}
|
||||
title="Ваши преимущества"
|
||||
description="Мы предлагаем премиальный уровень качества и сервиса на каждом этапе нашего сотрудничества."
|
||||
description="Премиальное качество и технологичность в каждом заказе."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{ id: "1", title: "Высокое качество", author: "Timber Zone", description: "Стандарты качества ЛМДФ", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/close-shot-wood-cutting-machine-factory_181624-42577.jpg" },
|
||||
{ id: "2", title: "Индивидуальные решения", author: "Timber Zone", description: "Индивидуальное проектирование", tags: ["Custom"], imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384845.jpg" },
|
||||
{ id: "3", title: "Контроль качества", author: "Timber Zone", description: "Полный цикл контроля", tags: ["Check"], imageSrc: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94947.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Step 1",
|
||||
price: "01",
|
||||
subtitle: "Заявка",
|
||||
features: [
|
||||
"Первичный контакт",
|
||||
"Описание задачи",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Step 2",
|
||||
price: "02",
|
||||
subtitle: "Расчёт",
|
||||
features: [
|
||||
"Подбор материалов",
|
||||
"Точный просчет стоимости",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Step 3",
|
||||
price: "03",
|
||||
subtitle: "Производство",
|
||||
features: [
|
||||
"Распил",
|
||||
"Профессиональная обработка",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
badge: "Step 4",
|
||||
price: "04",
|
||||
subtitle: "Доставка",
|
||||
features: [
|
||||
"Бережная упаковка",
|
||||
"Своевременная логистика",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
badge: "Step 5",
|
||||
price: "05",
|
||||
subtitle: "Установка",
|
||||
features: [
|
||||
"Монтаж на объекте",
|
||||
"Аккуратная сборка",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
badge: "Step 6",
|
||||
price: "06",
|
||||
subtitle: "Приемка",
|
||||
features: [
|
||||
"Финальная проверка",
|
||||
"Сдача проекта",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Процесс работы"
|
||||
description="Четкий и прозрачный путь от вашей идеи до готового мебельного решения."
|
||||
description="Прозрачный путь вашего проекта."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
plans={[
|
||||
{ id: "1", badge: "01", price: "Заявка", subtitle: "Отправьте запрос", features: ["Консультация", "Техзадание"] },
|
||||
{ id: "2", badge: "02", price: "Расчет", subtitle: "Подбор", features: ["Смета", "Проект"] },
|
||||
{ id: "3", badge: "03", price: "Производство", subtitle: "Сборка", features: ["Распил", "Детализация"] },
|
||||
{ id: "4", badge: "04", price: "Доставка", subtitle: "Логистика", features: ["Упаковка", "Доставка"] },
|
||||
{ id: "5", badge: "05", price: "Установка", subtitle: "Монтаж", features: ["Сборка", "Инсталляция"] },
|
||||
{ id: "6", badge: "06", price: "Проверка", subtitle: "Приемка", features: ["ОТК", "Сдача"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Реализуйте свой проект"
|
||||
title="Получите расчет стоимости с Timber Zone"
|
||||
description="Свяжитесь с нами прямо сейчас для консультации по вашему проекту."
|
||||
buttons={[
|
||||
{
|
||||
text: "Позвонить +998 77 282 06 06",
|
||||
href: "tel:+998772820606",
|
||||
},
|
||||
]}
|
||||
tag="Контакты"
|
||||
title="Реализуйте свой проект с Timber Zone"
|
||||
description="Получите расчет стоимости в течение 24 часов."
|
||||
buttons={[{ text: "+998 77 282 06 06", href: "tel:+998772820606" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -312,34 +114,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Timber Zone"
|
||||
columns={[
|
||||
{
|
||||
title: "Компания",
|
||||
items: [
|
||||
{
|
||||
label: "О нас",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Преимущества",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Контакты",
|
||||
items: [
|
||||
{
|
||||
label: "+998 77 282 06 06",
|
||||
href: "tel:+998772820606",
|
||||
},
|
||||
{
|
||||
label: "Email: info@timberzone.com",
|
||||
href: "mailto:info@timberzone.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Навигация", items: [{ label: "Главная", href: "#hero" }, { label: "О производстве", href: "#about" }] },
|
||||
{ title: "Контакты", items: [{ label: "pro-wood@gmail.com", href: "mailto:prowood@gmail.com" }, { label: "+998 77 282 06 06", href: "tel:+998772820606" }] }
|
||||
]}
|
||||
copyrightText="© 2025 | Timber Zone"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #0a0a0a;
|
||||
--accent: #35c18b;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
Reference in New Issue
Block a user