From f93041a93d97ced273ce7fc7e2df1a12e595e696 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D8=AD=D8=B3=DB=8C=D9=86=20=D9=85=D8=B9=D8=B5=D9=88=D9=85?= =?UTF-8?q?=DB=8C=20=D9=BE=D9=88=D8=B1?= Date: Mon, 17 Feb 2025 03:09:16 +0330 Subject: [PATCH] pdp changed --- src/components/GalleryBox/index.jsx | 61 +++++++++++++++++ src/components/NavBar/index.jsx | 90 +++----------------------- src/view/Landing/components/Footer.jsx | 8 +-- src/view/Products/index.jsx | 28 ++++---- 4 files changed, 85 insertions(+), 102 deletions(-) create mode 100644 src/components/GalleryBox/index.jsx diff --git a/src/components/GalleryBox/index.jsx b/src/components/GalleryBox/index.jsx new file mode 100644 index 0000000..e4e053b --- /dev/null +++ b/src/components/GalleryBox/index.jsx @@ -0,0 +1,61 @@ +"use client "; + +import Image from "next/image"; +import test1 from "../../assets/images/product/1.png"; +import test2 from "../../assets/images/product/2.png"; +import test3 from "../../assets/images/product/3.png"; +import logo from "../../assets/images/logo.png"; + +const GalleryBox = () => { + const file = [{ image: test1 }, { image: test2 }, { image: test3 }]; + + return ( +
+
+
+ {file?.length > 0 ? ( + {"llc"} + ) : ( +
+ وسمه +
+ )} +
+
+ +
+ {file?.map((e) => ( +
+
+ {e.fileName} +
+
+ ))} +
+
+ ); +}; + +export default GalleryBox; diff --git a/src/components/NavBar/index.jsx b/src/components/NavBar/index.jsx index 2b5bb5b..df6f1c9 100644 --- a/src/components/NavBar/index.jsx +++ b/src/components/NavBar/index.jsx @@ -18,61 +18,22 @@ const Navbar = ({ theme }) => { const NavBarData = [ { id: 1, - name: "Electronics", - children: [ - { - id: 101, - name: "Laptops", - }, - { - id: 102, - name: "Smartphones", - }, - { - id: 103, - name: "Cameras", - }, - ], + name: "home", + children: [], }, { id: 2, - name: "Fashion", - children: [ - { - id: 201, - name: "Men's Clothing", - }, - { - id: 202, - name: "Women's Clothing", - }, - { - id: 203, - name: "Accessories", - }, - ], + name: "Active", + children: [], }, { id: 3, - name: "Home & Kitchen", - children: [ - { - id: 301, - name: "Furniture", - }, - { - id: 302, - name: "Decor", - }, - { - id: 303, - name: "Kitchen Appliances", - }, - ], + name: "Savin", + children: [], }, { id: 4, - name: "Sports", + name: "about us", children: [], }, ]; @@ -140,7 +101,7 @@ const Navbar = ({ theme }) => { src={logo} width={500} height={500} - alt="حامیان عدالت" + alt="llc" className="mx-auto " /> @@ -225,41 +186,6 @@ const Navbar = ({ theme }) => {
-
- - - - - - -

sign in / sing up

-
-

en

diff --git a/src/view/Landing/components/Footer.jsx b/src/view/Landing/components/Footer.jsx index 013a74e..39447c7 100644 --- a/src/view/Landing/components/Footer.jsx +++ b/src/view/Landing/components/Footer.jsx @@ -28,12 +28,12 @@ const Footer = () => {
-

- © 2025. All rights reserved. | Designed by ♡
+

+ © 2025. All rights reserved.
am - Om

-
+ {/*

products

@@ -43,7 +43,7 @@ const Footer = () => {

about us

-
+
*/}
diff --git a/src/view/Products/index.jsx b/src/view/Products/index.jsx index e9bb8f0..c74e9a9 100644 --- a/src/view/Products/index.jsx +++ b/src/view/Products/index.jsx @@ -2,9 +2,12 @@ import React from "react"; import test from "../../assets/images/product/1.png"; import Navbar from "src/components/NavBar"; import Image from "next/image"; +import GalleryBox from "src/components/GalleryBox"; +import Footer from "../Landing/components/Footer"; + const Product = ({ data }) => { const testDataCk = - '

Hydrating Cream - Ultimate Skincare Solution

Discover the power of deep hydration with our premium Hydrating Cream. Designed to nourish and protect your skin, this cream is enriched with essential vitamins and natural extracts.

Why Choose Our Hydrating Cream?

Our formula ensures your skin remains moisturized and rejuvenated throughout the day. It absorbs quickly and leaves no greasy residue, making it perfect for all skin types.

Key Benefits

✔ Restores skins natural glow
✔ Prevents dryness and flakiness
✔ Reduces fine lines and wrinkles
✔ Soothes irritation and redness

How to Use?

Apply a small amount of Hydrating Cream to your face and neck. Gently massage in circular motions until fully absorbed. Use morning and night for best results.

Ingredients

Water, Glycerin, Aloe Vera Extract, Shea Butter, Vitamin E, Hyaluronic Acid, Essential Oils, Antioxidants.

Customer Reviews

⭐⭐⭐⭐⭐ "Absolutely love this cream! My skin feels so soft and refreshed!" - Sarah K.

⭐⭐⭐⭐⭐ "Best moisturizer I’ve ever used. Highly recommended!" - David R.

Frequently Asked Questions

Q: Is this suitable for sensitive skin?
A: Yes! Our formula is dermatologically tested and safe for sensitive skin.

Q: Can I use this under makeup?
A: Absolutely! It creates a perfect base for smooth makeup application.

Final Thoughts

Hydrating Cream is your go-to solution for lasting hydration and healthy skin. Experience the difference with our expertly crafted formula.

Get yours today and say hello to beautifully hydrated skin!

'; + "

Hydrating Cream

A deeply moisturizing cream that keeps your skin hydrated all day long. Formulated with natural ingredients, this cream penetrates deep into the skin, providing long-lasting moisture and nourishment.

Product Features

Product Specifications

AttributeDetails
Product NameHydrating Cream
BrandPremium Skincare
Volume50ml
Skin TypeAll Skin Types
Key IngredientsAloe Vera, Vitamin E, Hyaluronic Acid
FragranceFragrance-Free
TextureLightweight & Creamy
UsageApply twice daily on clean skin
PackagingEco-friendly Glass Jar
Shelf Life24 Months
Made InUSA

Why Choose Hydrating Cream?

Our Hydrating Cream is enriched with the best natural ingredients to provide long-lasting hydration. Perfect for dry, sensitive, and combination skin.

“This is the best moisturizer I’ve ever used! My skin feels soft and hydrated all day.” - Customer Review

Directions for Use

Apply a small amount to clean skin and massage gently until fully absorbed. Use in the morning and evening for best results.

Customer Reviews

★★★★★ - Amazing! I love how light yet moisturizing this cream is.

★★★★★ - Highly Recommended My skin has never felt better!

★★★★☆ - Great Product Works well but I wish it came in a larger size.

FAQs

Order Now

Get your Hydrating Cream today and experience the difference! Available exclusively on our official store.

"; return ( <> @@ -12,21 +15,7 @@ const Product = ({ data }) => {
-
-
-
- {data.persianName} -
-
-
+
@@ -56,11 +45,18 @@ const Product = ({ data }) => {
+ +
+ +