Merge version_3 into main #5
33
src/app/catalog/accessories/page.tsx
Normal file
33
src/app/catalog/accessories/page.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function AccessoriesPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "/" },
|
||||
{ name: "Каталог", id: "/catalog" },
|
||||
{ name: "Новинки", id: "/catalog/new" },
|
||||
{ name: "Кроссовки", id: "/catalog/sneakers" },
|
||||
{ name: "Одежда", id: "/catalog/clothes" },
|
||||
{ name: "Аксессуары", id: "/catalog/accessories" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
<div className="pt-32">
|
||||
<ProductCardTwo
|
||||
title="Аксессуары"
|
||||
description="Дополнения к образу."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
33
src/app/catalog/clothes/page.tsx
Normal file
33
src/app/catalog/clothes/page.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function ClothesPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "/" },
|
||||
{ name: "Каталог", id: "/catalog" },
|
||||
{ name: "Новинки", id: "/catalog/new" },
|
||||
{ name: "Кроссовки", id: "/catalog/sneakers" },
|
||||
{ name: "Одежда", id: "/catalog/clothes" },
|
||||
{ name: "Аксессуары", id: "/catalog/accessories" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
<div className="pt-32">
|
||||
<ProductCardTwo
|
||||
title="Одежда"
|
||||
description="Трендовая стритвир одежда."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
33
src/app/catalog/new/page.tsx
Normal file
33
src/app/catalog/new/page.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function NewArrivalsPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "/" },
|
||||
{ name: "Каталог", id: "/catalog" },
|
||||
{ name: "Новинки", id: "/catalog/new" },
|
||||
{ name: "Кроссовки", id: "/catalog/sneakers" },
|
||||
{ name: "Одежда", id: "/catalog/clothes" },
|
||||
{ name: "Аксессуары", id: "/catalog/accessories" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
<div className="pt-32">
|
||||
<ProductCardTwo
|
||||
title="Новинки"
|
||||
description="Последние поступления."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
33
src/app/catalog/page.tsx
Normal file
33
src/app/catalog/page.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function CatalogPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "/" },
|
||||
{ name: "Каталог", id: "/catalog" },
|
||||
{ name: "Новинки", id: "/catalog/new" },
|
||||
{ name: "Кроссовки", id: "/catalog/sneakers" },
|
||||
{ name: "Одежда", id: "/catalog/clothes" },
|
||||
{ name: "Аксессуары", id: "/catalog/accessories" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
<div className="pt-32">
|
||||
<ProductCardTwo
|
||||
title="Полный каталог"
|
||||
description="Все товары в наличии."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
33
src/app/catalog/sale/page.tsx
Normal file
33
src/app/catalog/sale/page.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function SalePage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "/" },
|
||||
{ name: "Каталог", id: "/catalog" },
|
||||
{ name: "Новинки", id: "/catalog/new" },
|
||||
{ name: "Кроссовки", id: "/catalog/sneakers" },
|
||||
{ name: "Одежда", id: "/catalog/clothes" },
|
||||
{ name: "Аксессуары", id: "/catalog/accessories" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
<div className="pt-32">
|
||||
<ProductCardTwo
|
||||
title="Распродажа"
|
||||
description="Выгодные предложения."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
33
src/app/catalog/sneakers/page.tsx
Normal file
33
src/app/catalog/sneakers/page.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function SneakersPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "/" },
|
||||
{ name: "Каталог", id: "/catalog" },
|
||||
{ name: "Новинки", id: "/catalog/new" },
|
||||
{ name: "Кроссовки", id: "/catalog/sneakers" },
|
||||
{ name: "Одежда", id: "/catalog/clothes" },
|
||||
{ name: "Аксессуары", id: "/catalog/accessories" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
<div className="pt-32">
|
||||
<ProductCardTwo
|
||||
title="Кроссовки"
|
||||
description="Подборка лучшей обуви."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
48
src/app/contacts/page.tsx
Normal file
48
src/app/contacts/page.tsx
Normal file
@@ -0,0 +1,48 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function ContactsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "/" },
|
||||
{ name: "Каталог", id: "/" },
|
||||
{ name: "Контакты", id: "/contacts" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
|
||||
<ContactCenter
|
||||
tag="Связь"
|
||||
title="Наши контакты"
|
||||
description="Свяжитесь с нами через Telegram или посетите шоурум в Краснодаре."
|
||||
/>
|
||||
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Главная", href: "/" }, { label: "Контакты", href: "/contacts" }] },
|
||||
]}
|
||||
logoText="DARK BOX"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -12,15 +12,9 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Briefcase, Watch, Zap } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
const scrollTo = (id: string) => {
|
||||
const element = document.getElementById(id);
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -38,12 +32,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "hero" },
|
||||
{ name: "Каталог", id: "catalog" },
|
||||
{ name: "Новинки", id: "new" },
|
||||
{ name: "Кроссовки", id: "sneakers" },
|
||||
{ name: "Одежда", id: "clothes" },
|
||||
{ name: "Аксессуары", id: "accessories" },
|
||||
{ name: "Главная", href: "/" },
|
||||
{ name: "Каталог", href: "/catalog" },
|
||||
{ name: "Новинки", href: "/new" },
|
||||
{ name: "Кроссовки", href: "/sneakers" },
|
||||
{ name: "Одежда", href: "/clothes" },
|
||||
{ name: "Аксессуары", href: "/accessories" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
@@ -61,7 +55,7 @@ export default function LandingPage() {
|
||||
{ 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" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Смотреть каталог", onClick: () => scrollTo('catalog') },
|
||||
{ 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"
|
||||
@@ -192,8 +186,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: "https://t.me/darkbox" }, { label: "Администратор", href: "https://t.me/darkbox_admin" }] },
|
||||
{ items: [{ label: "Адрес: ул. Мира, 44", href: "/contact" }, { label: "Часы работы: 11-21", href: "/contact" }] },
|
||||
]}
|
||||
logoText="DARK BOX"
|
||||
/>
|
||||
@@ -201,4 +195,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
56
src/app/product/[slug]/page.tsx
Normal file
56
src/app/product/[slug]/page.tsx
Normal file
@@ -0,0 +1,56 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function ProductDetailPage({ params }: { params: { slug: string } }) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Главная", id: "/" },
|
||||
{ name: "Каталог", id: "/" },
|
||||
{ name: "Контакты", id: "/contacts" },
|
||||
]}
|
||||
brandName="DARK BOX"
|
||||
/>
|
||||
|
||||
<div className="pt-32 pb-20">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title={`Товар: ${params.slug}`}
|
||||
description="Детальная информация о выбранном товаре."
|
||||
products={[
|
||||
{ id: params.slug, brand: "Premium", name: params.slug.replace(/-/g, ' ').toUpperCase(), price: "Уточняйте в TG", rating: 5, reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005704.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Главная", href: "/" }, { label: "Контакты", href: "/contacts" }] },
|
||||
]}
|
||||
logoText="DARK BOX"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user