294 lines
15 KiB
TypeScript
294 lines
15 KiB
TypeScript
"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>
|
||
);
|
||
} |