Merge version_1 into main #5

Merged
bender merged 1 commits from version_1 into main 2026-03-23 18:07:31 +00:00

View File

@@ -2,15 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -27,458 +26,143 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Главная",
href: "/",
id: "1",
},
{
name: "Магазины и услуги",
href: "/shops",
id: "2",
},
{
name: "Карта ТЦ",
href: "/map",
id: "3",
},
{
name: "Аренда",
href: "/lease",
id: "4",
},
{
name: "Контакты",
href: "/contact",
id: "5",
},
]}
brandName="Астана Молл"
bottomLeftText="Ваш центр покупок и отдыха"
bottomRightText="Звоните: +7 (7172) 123-4567"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Главная", id: "/" },
{ name: "Магазины и услуги", id: "/shops" },
{ name: "Карта ТЦ", id: "/map" },
{ name: "Аренда", id: "/lease" },
{ name: "Контакты", id: "/contact" }
]}
brandName="Астана Молл"
bottomLeftText="Ваш центр покупок и отдыха"
bottomRightText="Звоните: +7 (7172) 123-4567"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
title="Ваш центр покупок и отдыха"
description="Откройте для себя мир шопинга, развлечений и удобства в сердце Астаны. Все, что нужно — в одном месте: покупки, отдых и удобство."
testimonials={[
{
name: "Елена И. ",
handle: "Посетитель",
testimonial: "Любимое место для всей семьи! Всегда чисто, уютно и огромный выбор магазинов. Дети в восторге от игровой зоны.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg?_wi=1",
},
{
name: "Андрей С.",
handle: "Покупатель",
testimonial: "Отличная парковка, всегда есть места. Удобно, что все необходимые магазины собраны в одном месте. Рекомендую!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/nice-man-black-coat-holding-white-paper-cup_176420-11694.jpg?_wi=1",
},
{
name: "Мария Р.",
handle: "Гость города",
testimonial: "Впервые в Астане, и Астана Молл произвел впечатление! Стильно, современно, прекрасный фудкорт и много развлечений.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mother-walking-with-her-daughter_23-2148238205.jpg?_wi=1",
},
{
name: "Тимур К.",
handle: "Резидент",
testimonial: "Часто прихожу сюда после работы. Можно быстро купить все нужное и отдохнуть. Ценю комфорт и доступность.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/adult-women-having-good-time-mall_23-2148385721.jpg?_wi=1",
},
{
name: "Айжан Е.",
handle: "Шопоголик",
testimonial: "Лучший выбор брендов в городе! Всегда нахожу здесь что-то новенькое и интересное. А еще люблю местные кафе.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-with-coffee-cup_23-2149429379.jpg?_wi=1",
},
]}
buttons={[
{
text: "Позвонить",
href: "tel:+771721234567",
},
{
text: "Проложить маршрут",
href: "https://maps.google.com/?q=Астана+Молл+просп.+Тауелсиздик+34",
},
{
text: "Смотреть магазины",
href: "/shops",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-park_1262-18863.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-man-outdoor_23-2148514954.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/relaxed-filipino-woman-sitting-couch_1098-22114.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-smiling-front_74855-19383.jpg",
alt: "Customer 5",
},
]}
avatarText="Присоединяйтесь к тысячам довольных посетителей"
imageSrc="http://img.b2bpic.net/free-photo/content-women-with-purchases_23-2147669865.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
title="Добро пожаловать в Астана Молл"
description="Откройте для себя мир шопинга, развлечений и вкусной еды под одной крышей. Ваш идеальный досуг начинается здесь!"
background={{ variant: "radial-gradient" }}
testimonials={[
{ name: "Анна Иванова", handle: "@annacustomer", testimonial: "Отличный торговый центр, всегда нахожу что-то интересное!", rating: 5, imageSrc: "https://generated.vusercontent.net/placeholder.svg" },
{ name: "Иван Петров", handle: "@ivanp", testimonial: "Широкий выбор магазинов и очень удобное расположение.", rating: 4, imageSrc: "https://generated.vusercontent.net/placeholder.svg" },
{ name: "Елена Смирнова", handle: "@lenasmirn", testimonial: "Любимое место для семейного отдыха и покупок.", rating: 5, imageSrc: "https://generated.vusercontent.net/placeholder.svg" }
]}
testimonialRotationInterval={7000}
useInvertedBackground={false}
imageSrc="https://generated.vusercontent.net/placeholder.svg"
imageAlt="Интерьер торгового центра Астана Молл"
mediaAnimation="slide-up"
buttons={[{ text: "Посмотреть магазины", href: "/shops" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: 1,
title: "Более 100+ магазинов",
description: "Огромный выбор мировых и местных брендов на любой вкус и бюджет. От моды до электроники — у нас есть все.",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-outlet-label-collection_23-2149733225.jpg?_wi=1",
imageAlt: "Shopping bags",
},
{
id: 2,
title: "Удобная парковка",
description: "Просторный и безопасный паркинг, где всегда найдется место для вашего автомобиля. Забудьте о поиске.",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2148213472.jpg?_wi=1",
imageAlt: "Parking lot",
},
{
id: 3,
title: "Развлечения и фудкорт",
description: "Кинотеатры, детские зоны и разнообразные рестораны, кафе и закусочные на любой вкус. Отдохните с комфортом.",
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-fast-food-facebook-template_23-2150396128.jpg?_wi=1",
imageAlt: "Entertainment icon",
},
{
id: 4,
title: "Центральное расположение",
description: "Легкий доступ из любой точки города. Мы находимся в самом сердце Астаны, что делает нас идеальным местом.",
imageSrc: "http://img.b2bpic.net/free-vector/travelling-icons-collection_1284-980.jpg",
imageAlt: "Map pin icon",
},
]}
title="Все, что нужно — в одном месте"
description="Астана Молл предлагает удобство, разнообразие и развлечения для всей семьи, делая каждую поездку приятной и продуктивной."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
title="Что вас ждет в Астана Молл"
description="Мы предлагаем широкий спектр услуг и магазинов для каждого посетителя."
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
features={[
{
id: 1,
title: "Модные магазины", description: "От последних коллекций до эксклюзивных брендов.", imageSrc: "https://generated.vusercontent.net/placeholder.svg", imageAlt: "Магазины одежды"
},
{
id: 2,
title: "Развлечения для всей семьи", description: "Кинотеатр, игровые зоны и мероприятия.", imageSrc: "https://generated.vusercontent.net/placeholder.svg", imageAlt: "Семейные развлечения"
},
{
id: 3,
title: "Гастрономический рай", description: "Разнообразие кафе и ресторанов на любой вкус.", imageSrc: "https://generated.vusercontent.net/placeholder.svg", imageAlt: "Фудкорт"
}
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
logos={[
"http://img.b2bpic.net/free-vector/vintage-boutique-logo_1057-438.jpg",
"http://img.b2bpic.net/free-vector/flat-design-outlet-stamp-collection_23-2149752883.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-organic-food-label-collection_23-2148100197.jpg",
"http://img.b2bpic.net/free-vector/logo-set-natural-business_23-2148368037.jpg",
"http://img.b2bpic.net/free-vector/dishes-collection-with-delicious-food_23-2147852110.jpg",
"http://img.b2bpic.net/free-vector/collection-crossfit-logo-flat-style_23-2148218256.jpg",
"http://img.b2bpic.net/free-vector/gradient-luxury-logo-template_23-2150854945.jpg",
]}
title="Наши популярные арендаторы"
description="Откройте для себя разнообразие магазинов и брендов, представленных в Астана Молл. Мы гордимся тем, что сотрудничаем с лучшими."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Наши партнеры"
description="Нам доверяют ведущие мировые и местные бренды."
logos={[
"https://generated.vusercontent.net/placeholder.svg", "https://generated.vusercontent.net/placeholder.svg", "https://generated.vusercontent.net/placeholder.svg", "https://generated.vusercontent.net/placeholder.svg", "https://generated.vusercontent.net/placeholder.svg"
]}
names={["Brand A", "Brand B", "Brand C", "Brand D", "Brand E"]}
speed={40}
showCard={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Светлана Л.",
handle: "Постоянный гость",
testimonial: "Астана Молл — мой фаворит. Здесь всегда можно найти все, что нужно, и приятно провести время с семьей.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-adult-woman-holding-shopping-bags_23-2148660696.jpg?_wi=2",
},
{
id: "2",
name: "Данияр Ж.",
handle: "Предприниматель",
testimonial: "Удобное расположение и отличная инфраструктура делают Астана Молл идеальным местом для бизнеса и отдыха.",
imageSrc: "http://img.b2bpic.net/free-photo/nice-man-black-coat-holding-white-paper-cup_176420-11694.jpg?_wi=2",
},
{
id: "3",
name: "Алина Н.",
handle: "Молодая мама",
testimonial: "Очень нравится детская зона и разнообразие магазинов для малышей. Можно и покупки сделать, и ребенка развлечь.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mother-walking-with-her-daughter_23-2148238205.jpg?_wi=2",
},
{
id: "4",
name: "Ерлан Б.",
handle: "Студент",
testimonial: "После занятий часто захожу в фудкорт, а потом можно посмотреть новинки в магазинах. Всегда что-то интересное.",
imageSrc: "http://img.b2bpic.net/free-photo/adult-women-having-good-time-mall_23-2148385721.jpg?_wi=2",
},
{
id: "5",
name: "Гульнара А.",
handle: "Ивент-менеджер",
testimonial: "Организовывали мероприятие в Астана Молл, все прошло на высшем уровне! Отличная площадка и поддержка команды.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-work-with-coffee-cup_23-2149429379.jpg?_wi=2",
},
{
id: "6",
name: "Раушан К.",
handle: "Бизнес-леди",
testimonial: "Приезжаю сюда за премиальными брендами и качественным сервисом. Астана Молл всегда оправдывает ожидания.",
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-worker-helping-woman-choose-from-stylish-selection-clothes_482257-109184.jpg",
},
]}
title="Что говорят наши посетители"
description="Отзывы реальных людей, которые ценят комфорт, выбор и атмосферу Астана Молл."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="Что говорят наши посетители"
description="Отзывы о шопинге и отдыхе в Астана Молл."
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
testimonials={[
{ id: "t1", name: "Мария С.", handle: "@mariya", testimonial: "Всегда приятно приходить в Астана Молл, отличная атмосфера и много акций!", icon: Star },
{ id: "t2", name: "Алексей Д.", handle: "@alexd", testimonial: "Широкий выбор электроники и хорошие кафе. Рекомендую!", icon: Star },
{ id: "t3", name: "Ольга К.", handle: "@olgak", testimonial: "Удобная парковка и всегда чисто. Молодцы!", icon: Star }
]}
/>
</div>
<div id="contact-home" data-section="contact-home">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Сотрудничество"
title="Станьте частью Астана Молл"
description="Рассмотрим варианты аренды помещений или партнерства для мероприятий. Свяжитесь с нами сегодня!"
buttons={[
{
text: "Арендовать помещение",
href: "/lease",
},
{
text: "Связаться с нами",
href: "/contact",
},
]}
/>
</div>
<div id="contact-home" data-section="contact-home">
<ContactCTA
tag="Связь с нами"
title="Есть вопросы или предложения?"
description="Мы всегда рады помочь и ответить на ваши вопросы. Свяжитесь с нами прямо сейчас!"
buttons={[{ text: "Написать нам", href: "/contact" }]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="shops-and-services" data-section="shops-and-services">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Магазин одежды 'Moda'",
price: "Откройте для себя новейшие коллекции",
variant: "Одежда",
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-another-trying-dress-mall_176420-5780.jpg?_wi=1",
imageAlt: "Clothing store interior",
},
{
id: "2",
name: "Электроника 'TechZone'",
price: "Ваш гид в мире гаджетов и инноваций",
variant: "Электроника",
imageSrc: "http://img.b2bpic.net/free-photo/young-girls-bijouterie-shop_23-2147669959.jpg?_wi=1",
imageAlt: "Electronics store display",
},
{
id: "3",
name: "Супермаркет 'FreshMarket'",
price: "Всегда свежие продукты и бытовая химия",
variant: родукты",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-yellow-bell-pepper_23-2148238126.jpg?_wi=1",
imageAlt: "Grocery store aisle",
},
{
id: "4",
name: "Салон красоты 'Glamour'",
price: "Услуги парикмахера, маникюр, косметология",
variant: "Красота",
imageSrc: "http://img.b2bpic.net/free-psd/korean-cosmetics-facebook-template_23-2150023555.jpg?_wi=1",
imageAlt: "Beauty products store",
},
{
id: "5",
name: "Развлекательный центр 'FunLand'",
price: "Игровые автоматы, лабиринты и аттракционы",
variant: "Развлечения",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-excited-boy_23-2148361501.jpg?_wi=1",
imageAlt: "Kids play area",
},
]}
title="Магазины и услуги"
description="Исследуйте полный список наших арендаторов по категориям. Найдите все, что вам нужно, от одежды до развлечений."
/>
</div>
<div id="mall-map-page" data-section="mall-map-page">
<MediaAbout
useInvertedBackground={false}
title="Карта ТЦ Астана Молл"
description="Легко ориентируйтесь в нашем торговом центре с помощью интерактивной карты. Найдите любимые магазины, кафе и сервисы, проложите оптимальный маршрут и наслаждайтесь шопингом без лишних забот."
buttons={[
{
text: "Посмотреть на Google Maps",
href: "https://maps.google.com/?q=Астана+Молл+просп.+Тауелсиздик+34",
},
{
text: "Посмотреть на Яндекс.Картах",
href: "https://yandex.kz/maps/?text=Астана+Молл+просп.+Тауелсиздик+34",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/travel-composition-with-tickets_23-2147982043.jpg?_wi=1"
imageAlt="Interactive mall map"
/>
</div>
<div id="lease-benefits" data-section="lease-benefits">
<MediaAbout
useInvertedBackground={false}
title="Карта ТЦ Астана Молл"
description="Легко ориентируйтесь в нашем торговом центре с помощью интерактивной карты. Найдите любимые магазины, кафе и сервисы, проложите оптимальный маршрут и наслаждайтесь шопингом без лишних забот."
buttons={[
{
text: "Посмотреть на Google Maps",
href: "https://maps.google.com/?q=Астана+Молл+просп.+Тауелсиздик+34",
},
{
text: "Посмотреть на Яндекс.Картах",
href: "https://yandex.kz/maps/?text=Астана+Молл+просп.+Тауелсиздик+34",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/travel-composition-with-tickets_23-2147982043.jpg?_wi=2"
imageAlt="Interactive mall map"
/>
</div>
<div id="lease-form" data-section="lease-form">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Сотрудничество"
title="Станьте частью Астана Молл"
description="Рассмотрим варианты аренды помещений или партнерства для мероприятий. Свяжитесь с нами сегодня!"
buttons={[
{
text: "Арендовать помещение",
href: "/lease",
},
{
text: "Связаться с нами",
href: "/contact",
},
]}
/>
</div>
<div id="contact-page" data-section="contact-page">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Сотрудничество"
title="Станьте частью Астана Молл"
description="Рассмотрим варианты аренды помещений или партнерства для мероприятий. Свяжитесь с нами сегодня!"
buttons={[
{
text: "Арендовать помещение",
href: "/lease",
},
{
text: "Связаться с нами",
href: "/contact",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Астана Молл",
items: [
{
label: "О нас",
href: "/about",
},
{
label: "Магазины",
href: "/shops",
},
{
label: "Развлечения",
href: "/entertainment",
},
],
},
{
title: "Информация",
items: [
{
label: "Карта ТЦ",
href: "/map",
},
{
label: "Аренда",
href: "/lease",
},
{
label: "Контакты",
href: "/contact",
},
{
label: "Часы работы",
href: "/contact",
},
],
},
{
title: "Поддержка",
items: [
{
label: "Позвонить",
href: "tel:+771721234567",
},
{
label: "Написать в WhatsApp",
href: "https://wa.me/771721234567",
},
],
},
]}
bottomLeftText="© 2024 Астана Молл. Все права защищены."
bottomRightText="Политика конфиденциальности"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "О нас", items: [
{ label: "Магазины", href: "/shops" },
{ label: "Развлечения", href: "/entertainment" },
{ label: "Фудкорт", href: "/foodcourt" },
{ label: "События", href: "/events" }
]
},
{
title: "Информация", items: [
{ label: "Карта ТЦ", href: "/map" },
{ label: "Часы работы", href: "/hours" },
{ label: "Парковка", href: "/parking" },
{ label: "Вакансии", href: "/careers" }
]
},
{
title: "Сотрудничество", items: [
{ label: "Аренда помещений", href: "/lease" },
{ label: "Партнеры", href: "/partners" },
{ label: "Реклама", href: "/advertising" }
]
},
{
title: "Поддержка", items: [
{ label: "Контакты", href: "/contact" },
{ label: "FAQ", href: "/faq" },
{ label: "Обратная связь", href: "/feedback" }
]
}
]}
bottomLeftText="Астана Молл"
bottomRightText="© 2024 Астана Молл. Все права защищены."
/>
</div>
</ReactLenis>
</ThemeProvider>
);