Update src/app/page.tsx

Merge version_2 into main

src/app/catalog/accessories/page.tsx

@@ -0,0 +1,34 @@
+"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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
+      <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"
+          useInvertedBackground={false}
+          products={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/catalog/clothes/page.tsx

@@ -0,0 +1,34 @@
+"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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
+      <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"
+          useInvertedBackground={false}
+          products={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/catalog/new/page.tsx

@@ -0,0 +1,34 @@
+"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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
+      <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"
+          useInvertedBackground={false}
+          products={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/catalog/page.tsx

@@ -0,0 +1,34 @@
+"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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
+      <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"
+          useInvertedBackground={false}
+          products={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/catalog/sale/page.tsx

@@ -0,0 +1,34 @@
+"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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
+      <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"
+          useInvertedBackground={false}
+          products={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/catalog/sneakers/page.tsx

@@ -0,0 +1,34 @@
+"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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="reveal-blur" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
+      <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"
+          useInvertedBackground={false}
+          products={[]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/contacts/page.tsx

@@ -0,0 +1,50 @@
+"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: "/catalog" },
+            { name: "Контакты", id: "/contacts" },
+          ]}
+          brandName="DARK BOX"
+        />
+        
+        <ContactCenter
+            tag="Связь"
+            title="Наши контакты"
+            description="Свяжитесь с нами через Telegram или посетите шоурум в Краснодаре."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+        />
+
+        <FooterLogoEmphasis
+          columns={[
+            { items: [{ label: "Главная", href: "/" }, { label: "Контакты", href: "/contacts" }] },
+          ]}
+          logoText="DARK BOX"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,9 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "Каталог", id: "#catalog" },
+        { name: "Главная", id: "/" },
-        { name: "Поступления", id: "#arrivals" },
+        { name: "Каталог", id: "/catalog" },
-        { name: "Адрес", id: "#contact" },
+        { name: "Новинки", id: "/catalog/new" },
+        { name: "Кроссовки", id: "/catalog/sneakers" },
+        { name: "Одежда", id: "/catalog/clothes" },
+        { name: "Аксессуары", id: "/catalog/accessories" },
       ]}
       brandName="DARK BOX"
     />
@@ -51,7 +54,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: "Смотреть каталог", href: "#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"
@@ -170,8 +173,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Telegram Канал", href: "#" }, { label: "Администратор", href: "#" }] },
+        { items: [{ label: "Telegram Канал", href: "https://t.me/darkbox" }, { label: "Администратор", href: "https://t.me/darkbox_admin" }] },
-        { items: [{ label: "Адрес: ул. Мира, 44", href: "#" }, { label: "Часы работы: 11-21", href: "#" }] },
+        { items: [{ label: "Адрес: ул. Мира, 44" }, { label: "Часы работы: 11-21" }] },
       ]}
       logoText="DARK BOX"
     />

src/app/product/[slug]/page.tsx

@@ -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>
+  );
+}