Files
16c9711f-aef4-40d9-bdc9-91f…/src/app/page.tsx
2026-03-03 18:39:44 +00:00

294 lines
15 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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function HomePage() {
const handleRentalSubmit = (email: string) => {
console.log("Rental inquiry email:", email);
};
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="aurora"
cardStyle="solid"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Stores", id: "/stores" },
{ name: "About", id: "#about" },
{ name: "Rent Space", id: "/rent" },
{ name: "Contact", id: "#contact" }
]}
brandName="ТЦ Народный №1"
bottomLeftText="Санкт-Петербург"
bottomRightText="8 (812) 577-28-73"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="НАРОДНЫЙ №1"
description="Торговый центр рядом с вами — всё необходимое в одном месте. Продукты, одежда, товары для дома и услуги на 3 этажах удобного шопинга. Работаем до 01:00 каждый день."
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Позвонить: 8 (812) 577-28-73", href: "tel:+78125772873" },
{ text: "Проложить маршрут", href: "https://maps.yandex.ru/?text=%D0%9F%D1%80.%20%D0%9A%D0%BE%D1%81%D1%8B%D0%B3%D0%B8%D0%BD%D0%B0,%2021,%20%D0%A1%D0%B0%D0%BD%D0%BA%D1%82-%D0%9F%D0%B5%D1%82%D0%B5%D1%80%D0%B1%D1%83%D1%80%D0%B3,%20195426" }
]}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg?_wi=1"
imageAlt="ТЦ Народный №1 фасад"
frameStyle="card"
buttonAnimation="slide-up"
mediaAnimation="opacity"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
title="Почему выбирают ТЦ Народный №1"
description="Удобный торговый центр в сердце Красногвардейского района, где вы найдёте всё для семьи и дома. Высокая проходимость, гибкие условия аренды и работа до 01:00 каждый день."
tag="Преимущества"
buttons={[
{ text: "Узнать больше", href: "#categories" }
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-gorgeous-woman-red-blouse-jeans-holding-cup-coffee-shopping-mall_627829-9623.jpg?_wi=1"
imageAlt="Интерьер торгового центра"
useInvertedBackground={false}
buttonAnimation="slide-up"
tagAnimation="blur-reveal"
/>
</div>
<div id="categories" data-section="categories">
<FeatureCardSeven
features={[
{
id: 1,
title: "Продукты",
description: "Магазины с продуктами для дома и семьи, свежий ассортимент каждый день",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-taking-products-from-freezer_74855-3298.jpg",
imageAlt: "Продукты"
},
{
id: 2,
title: "Одежда и мода",
description: "Современная одежда на любой вкус и бюджет для всей семьи",
imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-store-employee-arranging-new-designer-clothes-hangers_482257-118505.jpg",
imageAlt: "Одежда"
},
{
id: 3,
title: "Товары для дома",
description: "Всё необходимое для уютного дома: мебель, текстиль, декор",
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-black-female-customer-choosing-furniture-shopping-center_657883-235.jpg",
imageAlt: "Товары для дома"
},
{
id: 4,
title: "Электроника",
description: "Техника и электроника по доступным ценам с гарантией",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7930.jpg?_wi=1",
imageAlt: "Электроника"
},
{
id: 5,
title: "Услуги",
description: "Салоны красоты, ремонт, почта, медицинские услуги в одном месте",
imageSrc: "http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg?_wi=1",
imageAlt: "Услуги"
},
{
id: 6,
title: "Секонд-хенд",
description: "Качественный секонд-хенд товаров со скидками до 50%",
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525691.jpg",
imageAlt: "Секонд-хенд"
}
]}
title="Категории товаров и услуг"
description="Полный спектр предложений на всех трёх этажах торгового центра"
tag="Категории"
textboxLayout="default"
animationType="blur-reveal"
useInvertedBackground={true}
tagAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
<div id="stores" data-section="stores">
<ProductCardOne
products={[
{
id: "1",
name: "Лабиринт",
price: "Этаж 1",
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-woman-wearing-headphones-around-neck-hugging-book_23-2148397149.jpg?_wi=1",
imageAlt: "Лабиринт"
},
{
id: "2",
name: "Юпарт",
price: "Этаж 2",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg?_wi=1",
imageAlt: "Юпарт"
},
{
id: "3",
name: "Секонд-хенд Лепта",
price: "Этаж 1",
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525702.jpg?_wi=1",
imageAlt: "Секонд-хенд Лепта"
},
{
id: "4",
name: "Telefon812",
price: "Этаж 3",
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-phone-technology-store_1303-31328.jpg?_wi=1",
imageAlt: "Telefon812"
}
]}
title="Популярные магазины"
description="Известные и надёжные магазины, работающие в ТЦ Народный №1"
tag="Арендаторы"
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tagAnimation="blur-reveal"
buttonAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
testimonials={[
{
id: "1",
title: "Удобное место для семейного шопинга",
quote: "Отличный торговый центр! Всё нужное под одной крышей. Особенно нравится, что работает до 01:00 можно зайти вечером после работы. Цены приемлемые, персонал вежлив.",
name: "Елена М.",
role: "Жительница района",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-white-dress-sexy-carefree-woman-positive-model-having-fun-cheerful-happy-isolated-dark_158538-25784.jpg",
imageAlt: "Елена М."
},
{
id: "2",
title: "Лучший выбор в районе",
quote: "Посещаю ТЦ Народный регулярно. Хороший выбор магазинов, удобное расположение. Парковка рядом, всегда найду необходимое для дома и семьи по доступной цене.",
name: "Иван К.",
role: "Постоянный клиент",
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1622.jpg",
imageAlt: "Иван К."
},
{
id: "3",
title: "Идеально для вечернего шопинга",
quote: "Работаю допоздна, поэтому дежурство до 01:00 это спасение. Магазины хорошие, цены справедливые. Рекомендую всем соседям!",
name: "Ольга С.",
role: "Работающая мама",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
imageAlt: "Ольга С."
},
{
id: "4",
title: "Много всего в одном месте",
quote: "Удобно, что можно закупиться продуктами, купить одежду и зайти в салон всё находится здесь. Персонал всегда помогает найти нужный товар.",
name: "Андрей Л.",
role: "Житель района",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
imageAlt: "Андрей Л."
}
]}
title="Отзывы наших посетителей"
description="Что говорят местные жители о ТЦ Народный №1"
tag="Отзывы"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Нам доверяют 9000+ посетителей"
description="Один из самых посещаемых торговых центров в Красногвардейском районе"
tag="Рейтинг"
textboxLayout="default"
useInvertedBackground={false}
names={["Лабиринт", "Юпарт", "Секонд-хенд Лепта", "Telefon812", "Салоны красоты", "Услуги почты", "Медицина"]}
logos={[
"http://img.b2bpic.net/free-vector/flat-design-bookstore-logo_23-2149326885.jpg",
"http://img.b2bpic.net/free-vector/flat-design-car-service-logo-design_23-2149685754.jpg",
"http://img.b2bpic.net/free-vector/retro-logo-collection_23-2148477285.jpg",
"http://img.b2bpic.net/free-vector/logo-template-design_1289-71.jpg",
"http://img.b2bpic.net/free-vector/beauty-logo-template_23-2150529196.jpg",
"http://img.b2bpic.net/free-vector/professional-coworking-space-logo_23-2149455584.jpg",
"http://img.b2bpic.net/free-vector/medical-logo-template-blue-green_1057-2633.jpg"
]}
speed={35}
showCard={true}
tagAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Информация",
items: [
{ label: "О центре", href: "#about" },
{ label: "Магазины", href: "/stores" },
{ label: "Категории", href: "#categories" }
]
},
{
title: "Услуги",
items: [
{ label: "Аренда помещений", href: "/rent" },
{ label: "Контакты", href: "#contact" },
{ label: "FAQ", href: "/contact" }
]
},
{
title: "Контакты",
items: [
{ label: "Позвонить", href: "tel:+78125772873" },
{ label: "Написать", href: "mailto:info@tknarodniy.ru" },
{ label: "На карте", href: "https://maps.yandex.ru/?text=пр.%20Косыгина,%2021,%20Санкт-Петербург,%20195426" }
]
},
{
title: "Мы в сети",
items: [
{ label: "ВКонтакте", href: "#" },
{ label: "Яндекс.Карты", href: "https://maps.yandex.ru/?text=пр.%20Косыгина,%2021,%20Санкт-Петербург,%20195426" },
{ label: "2GIS", href: "#" }
]
}
]}
bottomLeftText="© 2025 ТЦ «Народный №1». Все права защищены."
bottomRightText="Лучший шопинг в вашем районе"
/>
</div>
</ThemeProvider>
);
}