342 lines
12 KiB
TypeScript
342 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmall"
|
||
background="circleGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Главная",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Услуги",
|
||
id: "services",
|
||
},
|
||
{
|
||
name: "Отзывы",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Контакты",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="КопиПринт"
|
||
button={{
|
||
text: "Позвонить",
|
||
href: "tel:+79000000000",
|
||
}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
title="КопиПринт — Безупречное качество печати и сервиса с 2010 года"
|
||
description="Типография, фотоуслуги и профессиональный ремонт техники в одном месте. Мы обеспечиваем скорость, экспертность и внимание к деталям в каждом заказе."
|
||
kpis={[
|
||
{
|
||
value: "15+",
|
||
label: "лет на рынке",
|
||
},
|
||
{
|
||
value: "1 мин",
|
||
label: "скорость печати",
|
||
},
|
||
{
|
||
value: "5.0",
|
||
label: "рейтинг сервиса",
|
||
},
|
||
]}
|
||
enableKpiAnimation={true}
|
||
buttons={[
|
||
{
|
||
text: "Сделать заказ",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
text: "Позвонить",
|
||
href: "tel:+79000000000",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/3d-cyber-dots-abstract-background-with-rainbow-coloured-flowing-particles_1048-11880.jpg?_wi=1"
|
||
imageAlt="Professional printing equipment"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
|
||
alt: "Клиент 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg",
|
||
alt: "Клиент 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||
alt: "Клиент 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg",
|
||
alt: "Клиент 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/businesswoman-leaning-blank-placard_329181-1077.jpg",
|
||
alt: "Клиент 5",
|
||
},
|
||
]}
|
||
avatarText="Более 1000+ довольных клиентов доверяют нам"
|
||
marqueeItems={[
|
||
{
|
||
type: "text",
|
||
text: "Быстрая печать",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Ремонт техники",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Фотоуслуги",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Гарантия качества",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Индивидуальный подход",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
id: "s1",
|
||
title: "Полиграфические услуги",
|
||
tags: [
|
||
"печать",
|
||
"документы",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/monitor-happy-phone-young-adult-expertise_1134-1204.jpg",
|
||
imageAlt: "Печать документов",
|
||
},
|
||
{
|
||
id: "s2",
|
||
title: "Фотоуслуги",
|
||
tags: [
|
||
"фото",
|
||
"сувениры",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-vector/photography-equipment-set_1172-54.jpg",
|
||
imageAlt: "Фотоуслуги",
|
||
},
|
||
{
|
||
id: "s3",
|
||
title: "Широкоформатная печать",
|
||
tags: [
|
||
"чертежи",
|
||
"ламинация",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-vector/creative-design-thinking-d-printing-modeling-25-glyph-solid-black-icon-pack-such-as-computing-box-scale-print-filament_1142-26806.jpg",
|
||
imageAlt: "Печать форматов",
|
||
},
|
||
{
|
||
id: "s4",
|
||
title: "Специализированный сервис",
|
||
tags: [
|
||
"ремонт",
|
||
"техника",
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-vector/20-computer-hardware-line-icon-pack-like-presentation-hardware-computer-floppy-computer_1142-15526.jpg",
|
||
imageAlt: "Ремонт техники",
|
||
},
|
||
]}
|
||
title="Наши услуги"
|
||
description="Широкий спектр профессиональных решений для бизнеса и частных лиц."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Алексей С.",
|
||
role: "Клиент",
|
||
company: "КопиПринт",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
|
||
imageAlt: "Алексей С.",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Мария В.",
|
||
role: "Клиент",
|
||
company: "КопиПринт",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg",
|
||
imageAlt: "Мария В.",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Игорь П.",
|
||
role: "Клиент",
|
||
company: "КопиПринт",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||
imageAlt: "Игорь П.",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Елена К.",
|
||
role: "Клиент",
|
||
company: "КопиПринт",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg",
|
||
imageAlt: "Елена К.",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Дмитрий Н.",
|
||
role: "Клиент",
|
||
company: "КопиПринт",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-leaning-blank-placard_329181-1077.jpg",
|
||
imageAlt: "Дмитрий Н.",
|
||
},
|
||
]}
|
||
title="Почему нам доверяют"
|
||
description="Более 150 довольных клиентов ценят наш профессионализм и скорость."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Почему выбирают нас?"
|
||
description="Мы объединяем современные технологии и профессиональный подход для достижения идеального результата в каждом проекте."
|
||
bulletPoints={[
|
||
{
|
||
title: "Оборудование",
|
||
description: "Используем только современную технику для высокой четкости.",
|
||
},
|
||
{
|
||
title: "Скорость",
|
||
description: "Печать и ремонт выполняются точно в срок.",
|
||
},
|
||
{
|
||
title: "Опыт",
|
||
description: "Работаем с 2010 года и постоянно повышаем квалификацию.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/3d-cyber-dots-abstract-background-with-rainbow-coloured-flowing-particles_1048-11880.jpg?_wi=2"
|
||
imageAlt="Команда и техника"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
text="Готовы сделать заказ? Пришлите ваш файл прямо сейчас, и мы свяжемся с вами в течение 10 минут."
|
||
buttons={[
|
||
{
|
||
text: "WhatsApp / Telegram",
|
||
href: "https://wa.me/79000000000",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="КопиПринт"
|
||
columns={[
|
||
{
|
||
title: "Услуги",
|
||
items: [
|
||
{
|
||
label: "Печать",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Ремонт",
|
||
href: "#services",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Контакты",
|
||
items: [
|
||
{
|
||
label: "+7 (900) 000-00-00",
|
||
href: "tel:+79000000000",
|
||
},
|
||
{
|
||
label: "Адрес офиса",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "О нас",
|
||
items: [
|
||
{
|
||
label: "История",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Вакансии",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 | КопиПринт. Все права защищены."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|