From 66d16e04f86d2999fb7a07695c9b994f26445b2c Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 8 May 2026 16:24:33 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 319 ++++++++++++++--------------------------------- 1 file changed, 94 insertions(+), 225 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 16a7491..18f6491 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,5 +1,6 @@ "use client"; +import { useState, useMemo } from "react"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; import ContactSplit from '@/components/sections/contact/ContactSplit'; @@ -11,6 +12,25 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; export default function LandingPage() { + const [searchQuery, setSearchQuery] = useState(""); + const [selectedCategory, setSelectedCategory] = useState("all"); + + const allProducts = [ + { id: "p1", name: "عطر الياقوت", price: "150 DT", imageSrc: "http://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961350.jpg", category: "عطور يومية" }, + { id: "p2", name: "عبير الصحراء", price: "180 DT", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420746.jpg", category: "عطور شرقية" }, + { id: "p3", name: "ليالي قرطاج", price: "210 DT", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg", category: "عطور أمسيات" }, + { id: "p4", name: "عطر السلطان", price: "250 DT", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420709.jpg", category: "عطور شرقية" }, + { id: "p5", name: "لمسة ذهبية", price: "195 DT", imageSrc: "http://img.b2bpic.net/free-photo/collection-quail-eggs-near-feathers-can_23-2148073846.jpg", category: "عطور يومية" }, + { id: "p6", name: "عود ملكي", price: "300 DT", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420733.jpg", category: "عطور أمسيات" }, + ]; + + const filteredProducts = useMemo(() => { + return allProducts.filter(p => + (selectedCategory === "all" || p.category === selectedCategory) && + p.name.toLowerCase().includes(searchQuery.toLowerCase()) + ); + }, [searchQuery, selectedCategory]); + return ( - + -
- -
+
+ +
-
- -
+
+
+ setSearchQuery(e.target.value)} + /> +
+ {["all", "عطور يومية", "عطور شرقية", "عطور أمسيات"].map(cat => ( + + ))} +
+
+ +
-
- -
+
+ +
-
- -
+
+ +
-
- -
+
+ +
- + ); -} +} \ No newline at end of file