130 lines
7.1 KiB
TypeScript
130 lines
7.1 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 NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
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="noise"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ 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"}}
|
||
/>
|
||
</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: "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: "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
|
||
tag="О производстве"
|
||
title="О производстве"
|
||
description="Timber Zone — это специализированное производственное направление нашего завода. Мы объединили 70 квалифицированных специалистов и передовое немецкое оборудование на одной площадке, чтобы обеспечить полный цикл работ: от распила плит до создания готовых мебельных решений."
|
||
subdescription="3500 м² площадей, 70 специалистов, оборудование Holzma и Homag."
|
||
icon={Building2}
|
||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyFour
|
||
title="Ваши преимущества"
|
||
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
|
||
title="Процесс работы"
|
||
description="Прозрачный путь вашего проекта."
|
||
animationType="blur-reveal"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
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
|
||
tag="Контакты"
|
||
title="Реализуйте свой проект с Timber Zone"
|
||
description="Получите расчет стоимости в течение 24 часов."
|
||
buttons={[{ text: "+998 77 282 06 06", href: "tel:+998772820606" }]}
|
||
useInvertedBackground={false}
|
||
background={{ variant: "plain" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Timber Zone"
|
||
columns={[
|
||
{ 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" }] }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|