Merge version_1 into main #6
@@ -2,344 +2,133 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function ShopsPage() {
|
||||
const navItems = [
|
||||
{ name: "Главная", id: "/" },
|
||||
{ name: "Магазины и услуги", id: "/shops" },
|
||||
{ name: "Карта ТЦ", id: "/map" },
|
||||
{ name: "Аренда", id: "/lease" },
|
||||
{ name: "Контакты", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
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={navItems}
|
||||
brandName="Астана Молл"
|
||||
bottomLeftText="Ваш центр покупок и отдыха"
|
||||
bottomRightText="Звоните: +7 (7172) 123-4567"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shops-overview" data-section="shops-overview">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Мода и Аксессуары",
|
||||
tags: [
|
||||
"Одежда",
|
||||
"Обувь",
|
||||
"Украшения",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-taking-photo-another-trying-dress-mall_176420-5780.jpg?_wi=2",
|
||||
imageAlt: "Магазин одежды",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Электроника и Гаджеты",
|
||||
tags: [
|
||||
"Смартфоны",
|
||||
"Бытовая техника",
|
||||
"Аксессуары",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girls-bijouterie-shop_23-2147669959.jpg?_wi=2",
|
||||
imageAlt: "Магазин электроники",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Продукты и Деликатесы",
|
||||
tags: [
|
||||
"Супермаркет",
|
||||
"Свежие продукты",
|
||||
"Сладости",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-yellow-bell-pepper_23-2148238126.jpg?_wi=2",
|
||||
imageAlt: "Продуктовый магазин",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Красота и Здоровье",
|
||||
tags: [
|
||||
"Косметика",
|
||||
"Парфюмерия",
|
||||
"Аптеки",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/korean-cosmetics-facebook-template_23-2150023555.jpg?_wi=2",
|
||||
imageAlt: "Магазин косметики",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Кафе и Рестораны",
|
||||
tags: [
|
||||
"Еда",
|
||||
"Напитки",
|
||||
"Десерты",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dishes-collection-with-delicious-food_23-2147852110.jpg?_wi=1",
|
||||
imageAlt: "Зона фудкорта",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Развлечения для всей семьи",
|
||||
tags: [
|
||||
"Кино",
|
||||
"Игровые",
|
||||
"Детские центры",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-excited-boy_23-2148361501.jpg?_wi=2",
|
||||
imageAlt: "Развлекательный центр",
|
||||
},
|
||||
]}
|
||||
title="Откройте для себя мир шопинга и услуг"
|
||||
description="В Астана Молл вы найдете все: от модной одежды до электроники, а также широкий спектр услуг для вашего комфорта."
|
||||
/>
|
||||
</div>
|
||||
<div id="shops-list" data-section="shops-list">
|
||||
<FeatureCardSeven
|
||||
title="Наши магазины и услуги"
|
||||
description="Откройте для себя широкий выбор магазинов, ресторанов и услуг."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Одежда и Обувь", tags: ["Мода", "Стиль"],
|
||||
imageSrc: "https://generated.vusercontent.net/placeholder.svg", imageAlt: "Магазин одежды"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Электроника", tags: ["Гаджеты", "Техника"],
|
||||
imageSrc: "https://generated.vusercontent.net/placeholder.svg", imageAlt: "Магазин электроники"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Рестораны и Кафе", tags: ["Еда", "Напитки"],
|
||||
imageSrc: "https://generated.vusercontent.net/placeholder.svg", imageAlt: "Ресторан"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Красота и Здоровье", tags: ["Косметика", "Салон"],
|
||||
imageSrc: "https://generated.vusercontent.net/placeholder.svg", imageAlt: "Магазин косметики"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "Развлечения",tags: ["Кино", "Игры"],
|
||||
imageSrc: "https://generated.vusercontent.net/placeholder.svg", imageAlt: "Развлекательный центр"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-products" data-section="featured-products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "prod1",
|
||||
name: "Стильный городской рюкзак",
|
||||
price: "24 990 ₸",
|
||||
variant: "Синий",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-women-with-purchases_23-2147669865.jpg?_wi=2",
|
||||
imageAlt: "Городской рюкзак",
|
||||
},
|
||||
{
|
||||
id: "prod2",
|
||||
name: "Беспроводные наушники Pro",
|
||||
price: "49 990 ₸",
|
||||
variant: "Черный",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girls-bijouterie-shop_23-2147669959.jpg?_wi=3",
|
||||
imageAlt: "Беспроводные наушники",
|
||||
},
|
||||
{
|
||||
id: "prod3",
|
||||
name: "Органический кофе, 250 г",
|
||||
price: "3 500 ₸",
|
||||
variant: "Арабика",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dishes-collection-with-delicious-food_23-2147852110.jpg?_wi=2",
|
||||
imageAlt: "Органический кофе",
|
||||
},
|
||||
{
|
||||
id: "prod4",
|
||||
name: "Набор для ухода за кожей",
|
||||
price: "18 000 ₸",
|
||||
variant: "Увлажняющий",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/korean-cosmetics-facebook-template_23-2150023555.jpg?_wi=3",
|
||||
imageAlt: "Набор для ухода",
|
||||
},
|
||||
]}
|
||||
title="Выбранные товары этого месяца"
|
||||
description="Познакомьтесь с актуальными предложениями от наших ведущих магазинов."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof-shops" data-section="social-proof-shops">
|
||||
<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={["Бренд 1", "Бренд 2", "Бренд 3", "Бренд 4", "Бренд 5"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visitor-testimonials" data-section="visitor-testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "test1",
|
||||
name: "Алина Козлова",
|
||||
handle: "@alinakz",
|
||||
testimonial: "Астана Молл — мой любимый торговый центр. Здесь всегда можно найти что-то новое и интересное, а фудкорт просто отличный!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-park_1262-18863.jpg",
|
||||
imageAlt: "Алина Козлова",
|
||||
},
|
||||
{
|
||||
id: "test2",
|
||||
name: "Данияр Султанов",
|
||||
handle: "@daniyar_s",
|
||||
testimonial: "Удобная парковка и огромное разнообразие магазинов. Провожу здесь выходные с удовольствием, особенно нравится зона развлечений.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-man-outdoor_23-2148514954.jpg",
|
||||
imageAlt: "Данияр Султанов",
|
||||
},
|
||||
{
|
||||
id: "test3",
|
||||
name: "Елена Петрова",
|
||||
handle: "@helenp",
|
||||
testimonial: "Всегда чисто, красиво и уютно. Отличное место для семейного шопинга и отдыха. Дети в восторге от игровой зоны.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-filipino-woman-sitting-couch_1098-22114.jpg",
|
||||
imageAlt: "Елена Петрова",
|
||||
},
|
||||
{
|
||||
id: "test4",
|
||||
name: "Максат Ибраев",
|
||||
handle: "@maksat_i",
|
||||
testimonial: "Очень впечатлен выбором электроники. Нашел все, что искал, по отличным ценам. Вернусь снова за покупками!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg",
|
||||
imageAlt: "Максат Ибраев",
|
||||
},
|
||||
{
|
||||
id: "test5",
|
||||
name: "Гульмира Тажибаева",
|
||||
handle: "@gumi_taji",
|
||||
testimonial: "Прекрасные бутики с модной одеждой, всегда нахожу что-то уникальное. Приветливый персонал и приятная атмосфера.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-smiling-front_74855-19383.jpg",
|
||||
imageAlt: "Гульмира Тажибаева",
|
||||
},
|
||||
]}
|
||||
title="Что говорят наши посетители"
|
||||
description="Отзывы о комфорте, разнообразии и отличном сервисе в Астана Молл."
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partner-brands" data-section="partner-brands">
|
||||
<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="Ведущие мировые и казахстанские бренды выбирают Астана Молл для представления своей продукции и услуг."
|
||||
speed={30}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Астана Молл"
|
||||
copyrightText="© 2024 Астана Молл. Все права защищены."
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user