Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Каталог",
|
||||
id: "#catalog",
|
||||
},
|
||||
{
|
||||
name: "Поступления",
|
||||
id: "#arrivals",
|
||||
},
|
||||
{
|
||||
name: "Адрес",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Каталог", id: "#catalog" },
|
||||
{ name: "Поступления", id: "#arrivals" },
|
||||
{ name: "Адрес", id: "#contact" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
@@ -53,80 +44,24 @@ export default function LandingPage() {
|
||||
title="DARK BOX"
|
||||
description="Одежда, обувь и кроссовки в городской эстетике. Смотрите каталог, уточняйте наличие и размеры через Telegram."
|
||||
testimonials={[
|
||||
{
|
||||
name: "User 1",
|
||||
handle: "@client",
|
||||
testimonial: "Лучший выбор кроссовок в городе!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg?_wi=1",
|
||||
imageAlt: "dark fashion showroom interior",
|
||||
},
|
||||
{
|
||||
name: "User 2",
|
||||
handle: "@client",
|
||||
testimonial: "Быстрая связь с админом, привезли размер под заказ.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-graffiti-wall-with-spray-bottle_23-2147839380.jpg?_wi=1",
|
||||
imageAlt: "dark fashion showroom interior",
|
||||
},
|
||||
{
|
||||
name: "User 3",
|
||||
handle: "@client",
|
||||
testimonial: "Стильный магазин, приятный сервис.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-teen-posing_23-2149273215.jpg?_wi=1",
|
||||
imageAlt: "dark fashion showroom interior",
|
||||
},
|
||||
{
|
||||
name: "User 4",
|
||||
handle: "@client",
|
||||
testimonial: "Всегда актуальные новинки.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packed-hoodie-with-tablet_23-2148528038.jpg?_wi=1",
|
||||
imageAlt: "dark fashion showroom interior",
|
||||
},
|
||||
{
|
||||
name: "User 5",
|
||||
handle: "@client",
|
||||
testimonial: "Профессиональный подбор одежды.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583924.jpg?_wi=1",
|
||||
imageAlt: "dark fashion showroom interior",
|
||||
},
|
||||
{ name: "User 1", handle: "@client", testimonial: "Лучший выбор кроссовок в городе!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg", imageAlt: "dark fashion showroom interior" },
|
||||
{ name: "User 2", handle: "@client", testimonial: "Быстрая связь с админом, привезли размер под заказ.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-graffiti-wall-with-spray-bottle_23-2147839380.jpg", imageAlt: "dark fashion showroom interior" },
|
||||
{ name: "User 3", handle: "@client", testimonial: "Стильный магазин, приятный сервис.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-teen-posing_23-2149273215.jpg", imageAlt: "dark fashion showroom interior" },
|
||||
{ name: "User 4", handle: "@client", testimonial: "Всегда актуальные новинки.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/packed-hoodie-with-tablet_23-2148528038.jpg", imageAlt: "dark fashion showroom interior" },
|
||||
{ name: "User 5", handle: "@client", testimonial: "Профессиональный подбор одежды.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583924.jpg", imageAlt: "dark fashion showroom interior" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Смотреть каталог",
|
||||
href: "#catalog",
|
||||
},
|
||||
{
|
||||
text: "Написать в Telegram",
|
||||
href: "https://t.me/darkbox",
|
||||
},
|
||||
{ text: "Смотреть каталог", href: "#catalog" },
|
||||
{ text: "Написать в Telegram", href: "https://t.me/darkbox" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg"
|
||||
imageAlt="DARK BOX Showroom Interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-indoor-steel-stairs_627829-2160.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shop-sign-neon-lights-with-mannequin_23-2148283878.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-touching-marble-bust_171337-16535.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-emo-girl-spending-time-indoors_23-2149645107.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-thrift-shop-front-view_23-2149726869.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-african-american-woman-printed-tshirt-posed-indoor-steel-stairs_627829-2160.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shop-sign-neon-lights-with-mannequin_23-2148283878.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-touching-marble-bust_171337-16535.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-emo-girl-spending-time-indoors_23-2149645107.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-thrift-shop-front-view_23-2149726869.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,50 +73,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Кроссовки",
|
||||
description: "Актуальные релизы и классика.",
|
||||
icon: Zap,
|
||||
title: "Кроссовки", description: "Актуальные релизы и классика.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-graffiti-wall-with-spray-bottle_23-2147839380.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583924.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-mall-with-casual-formal-wear-brands_482257-88618.jpg?_wi=3",
|
||||
imageAlt: "premium sneaker fashion photo",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-section-man-sitting-graffiti-wall-with-spray-bottle_23-2147839380.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-skateboard-with-retro-memorabilia_23-2150583924.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Одежда",
|
||||
description: "Urban style и стритвир тренды.",
|
||||
icon: Briefcase,
|
||||
title: "Одежда", description: "Urban style и стритвир тренды.", icon: Briefcase,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-teen-posing_23-2149273215.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-woman-concentrated-into-distance-dressed-hoodie-trousers-thinks-about-something-rests-after-excursion-city-feels-tired-explores-new-places_273609-57016.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packed-hoodie-with-tablet_23-2148528038.jpg?_wi=2",
|
||||
imageAlt: "premium sneaker fashion photo",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-teen-posing_23-2149273215.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-woman-concentrated-into-distance-dressed-hoodie-trousers-thinks-about-something-rests-after-excursion-city-feels-tired-explores-new-places_273609-57016.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Аксессуары",
|
||||
description: "Завершите свой образ.",
|
||||
icon: Watch,
|
||||
title: "Аксессуары", description: "Завершите свой образ.", icon: Watch,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-toilet-bag-products_23-2149879474.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005704.jpg?_wi=1",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-white-ice-skates-with-cherries_23-2150806796.jpg?_wi=1",
|
||||
imageAlt: "premium sneaker fashion photo",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-toilet-bag-products_23-2149879474.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005704.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Категории"
|
||||
description="Выбирайте направление вашего стиля."
|
||||
@@ -195,60 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Nike",
|
||||
name: "Air Jordan 1",
|
||||
price: "15 900 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005704.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Adidas",
|
||||
name: "Yeezy Boost",
|
||||
price: "22 000 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-white-ice-skates-with-cherries_23-2150806796.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Stussy",
|
||||
name: "Hoodie Logo",
|
||||
price: "8 500 ₽",
|
||||
rating: 4,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-urban-style-african-american-man-pink-hoodie-posed-winter-day-boxing-hands_627829-1456.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Carhartt",
|
||||
name: "T-Shirt",
|
||||
price: "4 200 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-handsome-young-man-looking-camera_197531-33430.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Nike",
|
||||
name: "Tech Fleece",
|
||||
price: "11 000 ₽",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-slim-african-american-girl-red-dress-with-dreadlocks-backpack-posed-outdoor-sitting-stairs-stylish-black-model_627829-3286.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Oakley",
|
||||
name: "Sunglasses",
|
||||
price: "6 900 ₽",
|
||||
rating: 4,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Nike", name: "Air Jordan 1", price: "15 900 ₽", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005704.jpg" },
|
||||
{ id: "2", brand: "Adidas", name: "Yeezy Boost", price: "22 000 ₽", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/view-white-ice-skates-with-cherries_23-2150806796.jpg" },
|
||||
{ id: "3", brand: "Stussy", name: "Hoodie Logo", price: "8 500 ₽", rating: 4, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/stylish-urban-style-african-american-man-pink-hoodie-posed-winter-day-boxing-hands_627829-1456.jpg" },
|
||||
{ id: "4", brand: "Carhartt", name: "T-Shirt", price: "4 200 ₽", rating: 5, reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/view-handsome-young-man-looking-camera_197531-33430.jpg" },
|
||||
{ id: "5", brand: "Nike", name: "Tech Fleece", price: "11 000 ₽", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/cute-slim-african-american-girl-red-dress-with-dreadlocks-backpack-posed-outdoor-sitting-stairs-stylish-black-model_627829-3286.jpg" },
|
||||
{ id: "6", brand: "Oakley", name: "Sunglasses", price: "6 900 ₽", rating: 4, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg" },
|
||||
]}
|
||||
title="Новые поступления"
|
||||
description="Последние модели в наличии."
|
||||
@@ -268,15 +131,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Nike",
|
||||
"Adidas",
|
||||
"Stussy",
|
||||
"Carhartt",
|
||||
"New Balance",
|
||||
"Vans",
|
||||
"Supreme",
|
||||
]}
|
||||
names={["Nike", "Adidas", "Stussy", "Carhartt", "New Balance", "Vans", "Supreme"]}
|
||||
title="Наши бренды"
|
||||
description="Работаем с мировыми лидерами уличной моды."
|
||||
/>
|
||||
@@ -287,44 +142,27 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Как заказать?",
|
||||
content: "Напишите в Telegram администратору для уточнения размера и наличия.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Есть ли доставка?",
|
||||
content: "Да, отправляем СДЭК по всей России.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Можно ли примерить?",
|
||||
content: "Приглашаем в наш шоурум в центре Краснодара.",
|
||||
},
|
||||
{ id: "f1", title: "Как заказать?", content: "Напишите в Telegram администратору для уточнения размера и наличия." },
|
||||
{ id: "f2", title: "Есть ли доставка?", content: "Да, отправляем СДЭК по всей России." },
|
||||
{ id: "f3", title: "Можно ли примерить?", content: "Приглашаем в наш шоурум в центре Краснодара." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-white-ice-skates-with-peaches_23-2150806735.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
title="Инфо о магазине"
|
||||
description="Адрес: ул. Мира, 44, Краснодар. График работы: ежедневно с 11:00 до 21:00."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Telegram Support"
|
||||
title="Есть вопросы?"
|
||||
description="Свяжитесь с администратором для бронирования товара."
|
||||
buttons={[
|
||||
{
|
||||
text: "Написать в Telegram",
|
||||
href: "https://t.me/darkbox",
|
||||
},
|
||||
{ text: "Написать в Telegram", href: "https://t.me/darkbox" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -332,30 +170,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Telegram Канал",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Администратор",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Адрес: ул. Мира, 44",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Часы работы: 11-21",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Telegram Канал", href: "#" }, { label: "Администратор", href: "#" }] },
|
||||
{ items: [{ label: "Адрес: ул. Мира, 44", href: "#" }, { label: "Часы работы: 11-21", href: "#" }] },
|
||||
]}
|
||||
logoText="DARK BOX"
|
||||
/>
|
||||
@@ -363,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user