Merge version_1 into main #2
425
src/app/page.tsx
425
src/app/page.tsx
@@ -28,314 +28,139 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Главная",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "О нас",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Продукция",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Отзывы",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Контакты",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ГОСТ-Номера"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Главная", id: "hero" },
|
||||
{ name: "О нас", id: "about" },
|
||||
{ name: "Продукция", id: "products" },
|
||||
{ name: "Отзывы", id: "testimonials" },
|
||||
{ name: "Контакты", id: "contact" },
|
||||
]}
|
||||
brandName="ГОСТ-Номера"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Официальное изготовление номеров по ГОСТу"
|
||||
description="Быстрое изготовление государственных номерных знаков для всех типов транспортных средств с доставкой по России."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Алексей И.",
|
||||
handle: "@alex_car",
|
||||
testimonial: "Сделали номер за 5 минут! Очень качественно.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
|
||||
},
|
||||
{
|
||||
name: "Марина В.",
|
||||
handle: "@marina_drive",
|
||||
testimonial: "Потеряла номер, ребята выручили в тот же день.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",
|
||||
},
|
||||
{
|
||||
name: "Сергей С.",
|
||||
handle: "@serg_auto",
|
||||
testimonial: "Все по стандартам, инспектор без вопросов принял.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park-near-car_1157-28552.jpg",
|
||||
},
|
||||
{
|
||||
name: "Дмитрий М.",
|
||||
handle: "@dimon_t",
|
||||
testimonial: "Профессиональный подход и вежливый персонал.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blond-woman-smiling-looking-upper-left-corner-showing-okay-ok-gesture-standing-casual-clothes-against-white-background_176420-48668.jpg",
|
||||
},
|
||||
{
|
||||
name: "Елена К.",
|
||||
handle: "@elena_k",
|
||||
testimonial: "Рекомендую всем, кто ценит время и качество.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434358.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Заказать сейчас",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grunge-style-metal-plate-background_1048-14647.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
|
||||
alt: "satisfied client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg",
|
||||
alt: "business owner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",
|
||||
alt: "loyal client",
|
||||
},
|
||||
]}
|
||||
avatarText="Более 5000 довольных клиентов"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Официальное изготовление номеров по ГОСТу"
|
||||
description="Быстрое изготовление государственных номерных знаков для всех типов транспортных средств с доставкой по России."
|
||||
testimonials={[
|
||||
{ name: "Алексей И.", handle: "@alex_car", testimonial: "Сделали номер за 5 минут! Очень качественно.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg" },
|
||||
{ name: "Марина В.", handle: "@marina_drive", testimonial: "Потеряла номер, ребята выручили в тот же день.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg" },
|
||||
{ name: "Сергей С.", handle: "@serg_auto", testimonial: "Все по стандартам, инспектор без вопросов принял.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park-near-car_1157-28552.jpg" },
|
||||
{ name: "Дмитрий М.", handle: "@dimon_t", testimonial: "Профессиональный подход и вежливый персонал.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-blond-woman-smiling-looking-upper-left-corner-showing-okay-ok-gesture-standing-casual-clothes-against-white-background_176420-48668.jpg" },
|
||||
{ name: "Елена К.", handle: "@elena_k", testimonial: "Рекомендую всем, кто ценит время и качество.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434358.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Заказать сейчас", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grunge-style-metal-plate-background_1048-14647.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg", alt: "satisfied client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg", alt: "business owner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg", alt: "loyal client" },
|
||||
]}
|
||||
avatarText="Более 5000 довольных клиентов"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Почему мы?"
|
||||
description="Мы используем только сертифицированное оборудование и качественные алюминиевые заготовки с защитными знаками."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Сертификат ГОСТ",
|
||||
description: "Вся продукция соответствует актуальным стандартам РФ.",
|
||||
},
|
||||
{
|
||||
title: "Скорость",
|
||||
description: "Изготовление знака от 5 до 10 минут при личном визите.",
|
||||
},
|
||||
{
|
||||
title: "Доставка",
|
||||
description: "Отправляем заказы курьером и почтой по всей стране.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580571.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Почему мы?"
|
||||
description="Мы используем только сертифицированное оборудование и качественные алюминиевые заготовки с защитными знаками."
|
||||
bulletPoints={[
|
||||
{ title: "Сертификат ГОСТ", description: "Вся продукция соответствует актуальным стандартам РФ." },
|
||||
{ title: "Скорость", description: "Изготовление знака от 5 до 10 минут при личном визите." },
|
||||
{ title: "Доставка", description: "Отправляем заказы курьером и почтой по всей стране." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580571.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Полная законность",
|
||||
description: "Наличие всех лицензий ГИБДД.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/folder-icon-with-lock-secret-security-document-directory-encryption-technology-icon-symbol-background-3d-illustration_56104-2071.jpg",
|
||||
imageAlt: "fast delivery icon",
|
||||
},
|
||||
{
|
||||
title: "Долговечность",
|
||||
description: "Использование качественной краски и отражающей пленки.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-style-metal-plate-background_1048-14647.jpg?_wi=2",
|
||||
imageAlt: "fast delivery icon",
|
||||
},
|
||||
{
|
||||
title: "Любые форматы",
|
||||
description: "Номера для авто, мотоциклов и спецтехники.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580571.jpg?_wi=2",
|
||||
imageAlt: "fast delivery icon",
|
||||
},
|
||||
]}
|
||||
title="Наши преимущества"
|
||||
description="Мы гарантируем качество и законность каждого знака."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Полная законность", description: "Наличие всех лицензий ГИБДД.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Долговечность", description: "Использование качественной краски и отражающей пленки.", bentoComponent: "reveal-icon", icon: Award },
|
||||
{ title: "Любые форматы", description: "Номера для авто, мотоциклов и спецтехники.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
]}
|
||||
title="Наши преимущества"
|
||||
description="Мы гарантируем качество и законность каждого знака."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Стандартный номер (Авто)",
|
||||
price: "от 800 руб.",
|
||||
variant: "ГОСТ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-subway-door-closeup_23-2148242157.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Мотоциклетный номер",
|
||||
price: "от 800 руб.",
|
||||
variant: "ГОСТ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-windshield_23-2148321981.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Квадратный номер",
|
||||
price: "от 1200 руб.",
|
||||
variant: "ГОСТ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150165806.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Дипломатический",
|
||||
price: "по запросу",
|
||||
variant: "Спец",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-grunge-metal-carbon-fibre-texture_1048-10416.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Коммерческий",
|
||||
price: "от 1000 руб.",
|
||||
variant: "ГОСТ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-message-license-plate_23-2150165794.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ретро-номер",
|
||||
price: "от 1500 руб.",
|
||||
variant: "Эксклюзив",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/signboard-restaurant-bistro-retro-vintage-toning-horizontal-food-urban-restaurant-concept_1220-1231.jpg",
|
||||
},
|
||||
]}
|
||||
title="Каталог продукции"
|
||||
description="Изготовим номер для любого транспорта."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Стандартный номер (Авто)", price: "от 800 руб.", variant: "ГОСТ", imageSrc: "http://img.b2bpic.net/free-photo/front-view-subway-door-closeup_23-2148242157.jpg" },
|
||||
{ id: "2", name: "Мотоциклетный номер", price: "от 800 руб.", variant: "ГОСТ", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-windshield_23-2148321981.jpg" },
|
||||
{ id: "3", name: "Квадратный номер", price: "от 1200 руб.", variant: "ГОСТ", imageSrc: "http://img.b2bpic.net/free-photo/funny-license-plate-vehicle_23-2150165806.jpg" },
|
||||
{ id: "4", name: "Дипломатический", price: "по запросу", variant: "Спец", imageSrc: "http://img.b2bpic.net/free-photo/blue-grunge-metal-carbon-fibre-texture_1048-10416.jpg" },
|
||||
{ id: "5", name: "Коммерческий", price: "от 1000 руб.", variant: "ГОСТ", imageSrc: "http://img.b2bpic.net/free-photo/funny-message-license-plate_23-2150165794.jpg" },
|
||||
{ id: "6", name: "Ретро-номер", price: "от 1500 руб.", variant: "Эксклюзив", imageSrc: "http://img.b2bpic.net/free-photo/signboard-restaurant-bistro-retro-vintage-toning-horizontal-food-urban-restaurant-concept_1220-1231.jpg" },
|
||||
]}
|
||||
title="Каталог продукции"
|
||||
description="Изготовим номер для любого транспорта."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Алексей",
|
||||
handle: "@alex",
|
||||
testimonial: "Быстро и без проблем.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Марина",
|
||||
handle: "@mary",
|
||||
testimonial: "Лучший сервис в городе.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Сергей",
|
||||
handle: "@serg",
|
||||
testimonial: "Все супер, рекомендую.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/okay-bad-portrait-satisfied-pleased-female-customer-recommending-showing-ok-gesture-smiling-pleased-excellent-awesome-work_176420-44556.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Дмитрий",
|
||||
handle: "@dim",
|
||||
testimonial: "Отличное качество печати.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-handsome-bearded-millennial-guy-purple-tshirt-showing-okay-gesture-express-delighted-overjoy-good-concept-approve-awesome-idea-recommend-product-leave-positive-feedback_176420-51842.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Елена",
|
||||
handle: "@lena",
|
||||
testimonial: "Очень довольна работой.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-holds-his-headphones-neck_8353-9880.jpg",
|
||||
},
|
||||
]}
|
||||
title="Что говорят клиенты"
|
||||
description="Нам доверяют тысячи водителей по всей России."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Алексей", handle: "@alex", testimonial: "Быстро и без проблем.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg" },
|
||||
{ id: "2", name: "Марина", handle: "@mary", testimonial: "Лучший сервис в городе.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
|
||||
{ id: "3", name: "Сергей", handle: "@serg", testimonial: "Все супер, рекомендую.", imageSrc: "http://img.b2bpic.net/free-photo/okay-bad-portrait-satisfied-pleased-female-customer-recommending-showing-ok-gesture-smiling-pleased-excellent-awesome-work_176420-44556.jpg" },
|
||||
{ id: "4", name: "Дмитрий", handle: "@dim", testimonial: "Отличное качество печати.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-handsome-bearded-millennial-guy-purple-tshirt-showing-okay-gesture-express-delighted-overjoy-good-concept-approve-awesome-idea-recommend-product-leave-positive-feedback_176420-51842.jpg" },
|
||||
{ id: "5", name: "Елена", handle: "@lena", testimonial: "Очень довольна работой.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-holds-his-headphones-neck_8353-9880.jpg" },
|
||||
]}
|
||||
title="Что говорят клиенты"
|
||||
description="Нам доверяют тысячи водителей по всей России."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Нужны ли документы?",
|
||||
content: "Да, для изготовления нужно предъявить СТС или ПТС.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Как заказать доставку?",
|
||||
content: "Мы отправим ваш заказ любой курьерской службой.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Срок службы номера?",
|
||||
content: "Номера рассчитаны на длительную эксплуатацию, пленка высокого качества.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Часто задаваемые вопросы"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Нужны ли документы?", content: "Да, для изготовления нужно предъявить СТС или ПТС." },
|
||||
{ id: "2", title: "Как заказать доставку?", content: "Мы отправим ваш заказ любой курьерской службой." },
|
||||
{ id: "3", title: "Срок службы номера?", content: "Номера рассчитаны на длительную эксплуатацию, пленка высокого качества." },
|
||||
]}
|
||||
sideTitle="Часто задаваемые вопросы"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Контакты"
|
||||
title="Оставьте заявку"
|
||||
description="Закажите номер прямо сейчас, и мы свяжемся с вами."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Контакты"
|
||||
title="Оставьте заявку"
|
||||
description="Закажите номер прямо сейчас, и мы свяжемся с вами."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ГОСТ-Номера"
|
||||
copyrightText="© 2025 Все права защищены."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="ГОСТ-Номера"
|
||||
copyrightText="© 2025 Все права защищены."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user