Files
5f2ffc52-db56-48c8-9b4f-ded…/src/app/page.tsx
2026-04-05 06:56:19 +00:00

342 lines
12 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"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>
);
}