@@ -34,7 +34,7 @@ export default function LandingPage() {
{
name: "Магазин", id: "/shop"},
{
- name: "О нас", id: "/about"},
+ name: "О нас", id: "/about"},
{
name: "Контакты", id: "/contact"},
]}
@@ -58,17 +58,15 @@ export default function LandingPage() {
]}
slides={[
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-4ztlfq8j.jpg?_wi=1", imageAlt: "Парфюм Molecules 02"},
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-3tntryhs.jpg", imageAlt: "Luxury perfume bottle on dark background"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-q52wbvp3.jpg?_wi=1", imageAlt: "Парфюм Blue Talisman"},
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-ph13gx3u.jpg", imageAlt: "Close-up of elegant perfume bottle with gold cap"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-m62rdl4j.jpg?_wi=1", imageAlt: "Парфюм Madawi Gold"},
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-dw1kacv3.jpg", imageAlt: "Perfume bottle with shimmering gold elements"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-oy0szbre.jpg?_wi=1", imageAlt: "Парфюм Matsukita"},
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-kblugs9v.jpg", imageAlt: "Perfume bottle with abstract lighting and reflections"},
{
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-jpm1dw95.jpg?_wi=1", imageAlt: "Парфюм Sauvage Dior"},
- {
- imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-assortment_23-2149080528.jpg", imageAlt: "Роскошный флакон духов"},
+ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-07bhhl2c.jpg", imageAlt: "Perfume bottle with brand logo detail"},
]}
autoplayDelay={5000}
showDimOverlay={true}
@@ -79,21 +77,21 @@ export default function LandingPage() {
@@ -210,4 +208,4 @@ export default function LandingPage() {
);
-}
+}
\ No newline at end of file
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 394c082..c380564 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -2,12 +2,63 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import React, { useState } from "react";
+
+export default function ShopPage() {
+ const [search, setSearch] = useState("");
+ const [selectedAroma, setSelectedAroma] = useState("Все");
+ const [selectedPrice, setSelectedPrice] = useState("Все");
+
+ const productsData = [
+ {
+ id: "1", name: "Golden Bloom", category: "Цветочный", description: "Изысканный букет цветов с тонкими нотками ванили и мускуса, создающий ощущение роскоши и уюта. Идеально подходит для вечернего выхода.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-3tntryhs.jpg", imageAlt: "Golden Bloom perfume", price: "", rating: 5,
+ reviewCount: "25"},
+ {
+ id: "2", name: "Ocean Whisper", category: "Свежий", description: "Прохладный, морской аромат, напоминающий о свежем бризе и бескрайних океанских просторах. С нотами цитруса и морской соли.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-ph13gx3u.jpg", imageAlt: "Ocean Whisper perfume", price: "", rating: 4.8,
+ reviewCount: "30"},
+ {
+ id: "3", name: "Mystic Wood", category: "Древесный", description: "Глубокий и загадочный древесный аромат с оттенками сандала, кедра и легкими пряными аккордами. Для тех, кто ценит таинственность.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-dw1kacv3.jpg", imageAlt: "Mystic Wood perfume", price: "", rating: 4.9,
+ reviewCount: "18"},
+ {
+ id: "4", name: "Desert Rose", category: "Восточный", description: "Теплый и обволакивающий восточный аромат с нотами розы, уда и амбры. Идеален для создания атмосферы загадочности и страсти.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-kblugs9v.jpg", imageAlt: "Desert Rose perfume", price: "", rating: 4.7,
+ reviewCount: "22"},
+ {
+ id: "5", name: "Green Meadow", category: "Свежий", description: "Яркий и жизнерадостный аромат свежескошенной травы, листьев и легких цветочных акцентов. Переносит на летний луг.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-07bhhl2c.jpg", imageAlt: "Green Meadow perfume", price: "", rating: 4.5,
+ reviewCount: "15"},
+ {
+ id: "6", name: "Spiced Amber", category: "Восточный", description: "Насыщенный аромат амбры с пряными нотками корицы, гвоздики и ванили. Создает ощущение тепла и уюта, идеален для холодного времени года.", imageSrc: "http://img.b2bpic.net/free-photo/red-background-perfume_23-2148785023.jpg", imageAlt: "Spiced Amber perfume", price: "", rating: 4.6,
+ reviewCount: "19"},
+ {
+ id: "7", name: "Citrus Zest", category: "Свежий", description: "Бодрящий и искрящийся цитрусовый аромат с нотами лимона, апельсина и грейпфрута. Придает энергию и свежесть на весь день.", imageSrc: "http://img.b2bpic.net/free-photo/orange-slices-dark-background-close-up_23-2147774182.jpg", imageAlt: "Citrus Zest perfume", price: "", rating: 4.7,
+ reviewCount: "10"},
+ {
+ id: "8", name: "Velvet Oud", category: "Древесный", description: "Роскошный и глубокий аромат уда, дополненный бархатистыми нотами кожи и пачули. Символ элегантности и силы.", imageSrc: "http://img.b2bpic.net/free-photo/dark-background-perfume-bottle_23-2148785057.jpg", imageAlt: "Velvet Oud perfume", price: "", rating: 5,
+ reviewCount: "35"},
+ {
+ id: "9", name: "Moonlit Garden", category: "Цветочный", description: "Нежный цветочный аромат ночного сада, наполненного благоуханием жасмина, туберозы и мускуса. Идеально для романтических вечеров.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-bottle-with-flower_23-2147710570.jpg", imageAlt: "Moonlit Garden perfume", price: "", rating: 4.8,
+ reviewCount: "12"},
+ {
+ id: "10", name: "Smoky Vetiver", category: "Древесный", description: "Элегантный и интригующий аромат ветивера с дымными оттенками и землистыми нотами. Подчеркивает индивидуальность и уверенность.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-bottle_23-2147710582.jpg", imageAlt: "Smoky Vetiver perfume", price: "", rating: 4.9,
+ reviewCount: "20"},
+ ];
+
+ const filteredProducts = productsData.filter(product => {
+ const matchesSearch = product.name.toLowerCase().includes(search.toLowerCase()) || product.description.toLowerCase().includes(search.toLowerCase());
+ const matchesAroma = selectedAroma === "Все" || product.category.includes(selectedAroma);
+ // Price filter is dummy since prices are hidden, so it always returns true
+ const matchesPrice = selectedPrice === "Все" || true; // placeholder for hidden prices
+
+ return matchesSearch && matchesAroma && matchesPrice;
+ });
+
+ const handleProductClick = (productName) => {
+ const whatsappLink = `https://wa.me/79899407488?text=Здравствуйте%2C%20я%20хочу%20узнать%20больше%20о%20парфюме%20"${encodeURIComponent(productName)}"%20из%20вашего%20каталога.`;
+ window.open(whatsappLink, '_blank');
+ };
-export default function LandingPage() {
return (
-
-
-
+
+
+
-
+
+
({
+ ...product,
+ onProductClick: () => handleProductClick(product.name),
+ }))}
+ searchValue={search}
+ onSearchChange={setSearch}
+ searchPlaceholder="Поиск по ароматам..."
+ filters={[
+ {
+ label: "Тип Аромата", options: ["Все", "Сладкий", "Свежий", "Древесный", "Восточный", "Цветочный", "Пряный"],
+ selected: selectedAroma,
+ onChange: setSelectedAroma,
+ },
+ {
+ label: "Ценовой Диапазон", options: ["Все", "Низкий", "Средний", "Высокий"],
+ selected: selectedPrice,
+ onChange: setSelectedPrice,
+ },
+ ]}
+ emptyMessage="По вашему запросу ничего не найдено."
+ className="py-16"
+ />
+
-
-
-
-
+
);
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 6aff5ab..2747859 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #0d0d0d;
+ --background: #0a0a0a;
--card: #1a1a1a;
- --foreground: #f0f0f0;
- --primary-cta: #d4af37;
+ --foreground: #f5f5f5;
+ --primary-cta: #ffdf7d;
--primary-cta-text: #0d0d0d;
- --secondary-cta: #f0f0f0;
+ --secondary-cta: #1a1a1a;
--secondary-cta-text: #0d0d0d;
- --accent: #a37b00;
- --background-accent: #262626;
+ --accent: #b8860b;
+ --background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);