349 lines
12 KiB
TypeScript
349 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
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 PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||
import { Building2 } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="large"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Production",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Advantages",
|
||
id: "features",
|
||
},
|
||
{
|
||
name: "Process",
|
||
id: "process",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Timber Zone"
|
||
button={{
|
||
text: "+998 77 282 06 06",
|
||
href: "tel:+998772820606",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
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",
|
||
},
|
||
]}
|
||
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",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
useInvertedBackground={false}
|
||
tag="О производстве"
|
||
title="Timber Zone — это специализированное производственное направление нашего завода."
|
||
description="Мы объединили 70 квалифицированных специалистов и передовое немецкое оборудование на одной площадке, чтобы обеспечить полный цикл работ: от распила плит до создания готовых мебельных решений."
|
||
subdescription="Более 3 500 кв. м для полного цикла производства."
|
||
icon={Building2}
|
||
imageSrc="http://img.b2bpic.net/free-photo/carpenter-joiner-working-stationary-power-planer-with-wooden-planks_1163-3144.jpg"
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</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="Мы предлагаем премиальный уровень качества и сервиса на каждом этапе нашего сотрудничества."
|
||
/>
|
||
</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="Четкий и прозрачный путь от вашей идеи до готового мебельного решения."
|
||
/>
|
||
</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",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<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",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 | Timber Zone"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|