new site
parent
1529f5473f
commit
d2731f2ca1
|
|
@ -1,7 +1,8 @@
|
|||
NODE_ENV="production"
|
||||
|
||||
NEXT_PUBLIC_SERVER_URL=https://api.vesmook.com
|
||||
NEXT_PUBLIC_PUBLIC_URL=https://api.vesmook.com
|
||||
NEXT_PUBLIC_API_URL=https://api.vesmook.com/api
|
||||
NEXT_PUBLIC_STORAGE_URL=http://storage.vesmook.com
|
||||
|
||||
NEXT_PUBLIC_SERVER_URL=https://api.bonsaigallery.shop
|
||||
NEXT_PUBLIC_PUBLIC_URL=https://api.bonsaigallery.shop
|
||||
NEXT_PUBLIC_API_URL=https://api.bonsaigallery.shop/api
|
||||
NEXT_PUBLIC_STORAGE_URL=http://storage.bonsaigallery.shop
|
||||
NEXT_PUBLIC_PACKAGE_VERSION=0.1.4
|
||||
Binary file not shown.
|
|
@ -1,6 +1,7 @@
|
|||
"use client";
|
||||
import CardCart from "@comp/Cards/CardCart/page";
|
||||
import NavBarDownCart from "@comp/Carts/component/NavBarDownCart/page";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
import Navbar from "@comp/Navbar/page";
|
||||
import AppContext from "@ctx/AppContext";
|
||||
import { useRouter } from "next/navigation";
|
||||
|
|
@ -34,15 +35,15 @@ const CartData = () => {
|
|||
return (
|
||||
<>
|
||||
<div className=" pb-20">
|
||||
<Navbar theme={1} />
|
||||
<NavbarTransparent theme={1} />
|
||||
|
||||
<div className="xs:w-full lg:w-4/12 mx-auto">
|
||||
<div className="text-right flex rtl justify-between border-t-[1px] border-gray-200 my-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-semibold py-4">
|
||||
<div className="xs:w-full lg:w-4/12 mx-auto ">
|
||||
<div className="text-right flex rtl justify-between bg-primary-600 rounded-2xl m-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-semibold py-4 text-white">
|
||||
محصولات انتخاب شده
|
||||
</p>
|
||||
|
||||
<div className="bg-primary-200 w-fit h-fit relative my-3 p-1 rounded-lg">
|
||||
<div className="bg-primary-700 w-fit h-fit relative m-3 p-1 rounded-lg">
|
||||
<p className="mb-0 text-[11px] text-white rtl">
|
||||
<PersianNumber number={cart?.length} style={"mx-1"} />
|
||||
محصول
|
||||
|
|
@ -55,30 +56,25 @@ const CartData = () => {
|
|||
<CardCart key={index} data={e} />
|
||||
))}
|
||||
|
||||
<div className="">
|
||||
<div className="text-right flex rtl justify-between border-y-[1px] border-gray-200 my-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-medium py-4">حساب نهایی</p>
|
||||
|
||||
{/* <div className="bg-primary-200 w-fit h-fit relative my-3 p-1 rounded-lg">
|
||||
<p className="mb-0 text-[11px] text-white rtl">
|
||||
<PersianNumber number={cart?.length} style={"mx-1"} />
|
||||
محصول
|
||||
</p>
|
||||
</div> */}
|
||||
<div className=" bg-primary-600 rounded-2xl pb-2 m-2 ">
|
||||
<div className="text-right flex rtl justify-between my-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-medium py-4 text-white">
|
||||
حساب نهایی
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="flex justify-between rtl px-4">
|
||||
<p className="mb-0 text-[12px] text-gray-500">قیمت </p>
|
||||
<p className="mb-0 text-[12px] text-gray-200">قیمت </p>
|
||||
|
||||
<div className="flex justify-center">
|
||||
<p className="mb-0 ">
|
||||
<PersianNumber
|
||||
number={(calculateTotalCost / 10)?.toLocaleString()}
|
||||
style={"!text-[14px] !font-medium"}
|
||||
style={"!text-[14px] !font-bold text-white "}
|
||||
/>
|
||||
</p>
|
||||
<small className="text-gray-500 text-[12px] mt-1 mx-1">
|
||||
<small className="text-gray-100 text-[12px] mt-1 mx-1">
|
||||
{" "}
|
||||
تومان
|
||||
</small>
|
||||
|
|
@ -86,7 +82,7 @@ const CartData = () => {
|
|||
</div>
|
||||
|
||||
<div className="flex justify-between rtl my-2 px-4">
|
||||
<p className="mb-0 text-[12px] text-gray-500">تخفیف محصول</p>
|
||||
<p className="mb-0 text-[12px] text-gray-200">تخفیف محصول</p>
|
||||
|
||||
<div className="flex justify-center ">
|
||||
<p className="mb-0 ">
|
||||
|
|
@ -96,18 +92,18 @@ const CartData = () => {
|
|||
calculateTotalCostWithDiscount) /
|
||||
10
|
||||
)?.toLocaleString()}
|
||||
style={"!text-[14px] !font-medium"}
|
||||
style={"!text-[14px] !font-bold text-white "}
|
||||
/>
|
||||
</p>
|
||||
<small className="text-gray-500 text-[12px] mt-1 mx-1">
|
||||
<small className="text-gray-100 text-[12px] mt-1 mx-1">
|
||||
{" "}
|
||||
تومان
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex justify-between bg-primary-100 p-3 rtl my-2">
|
||||
<p className="mb-0 text-sm text-primary-600 font-bold">
|
||||
<div className="flex justify-between bg-primary-700 p-3 rtl m-2 rounded-xl">
|
||||
<p className="mb-0 text-sm text-gray-200 font-bold">
|
||||
قابل پرداخت
|
||||
</p>
|
||||
|
||||
|
|
@ -121,10 +117,10 @@ const CartData = () => {
|
|||
)?.toLocaleString()
|
||||
: 0
|
||||
}
|
||||
style={"!text-[14px] !font-medium text-primary-800"}
|
||||
style={"!text-[14px] !font-bold text-white"}
|
||||
/>
|
||||
</p>
|
||||
<small className="text-gray-500 text-[12px] mt-1 mx-1">
|
||||
<small className="text-gray-100 text-[12px] mt-1 mx-1">
|
||||
{" "}
|
||||
تومان
|
||||
</small>
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ import { useRouter } from "next/navigation";
|
|||
import Chapar from "plugins/Chapar";
|
||||
import BottomSheetDiscount from "plugins/bottomSheet/BottomSheetDiscount";
|
||||
import { toast } from "react-toastify";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
|
||||
const CheckoutData = () => {
|
||||
const CTX = useContext(AppContext);
|
||||
|
|
@ -125,20 +126,13 @@ const CheckoutData = () => {
|
|||
return (
|
||||
<>
|
||||
<div className=" pb-20">
|
||||
<Navbar theme={1} />
|
||||
<NavbarTransparent theme={1} />
|
||||
|
||||
<div className="xs:w-full lg:w-4/12 mx-auto">
|
||||
<div className="text-right flex rtl justify-between border-y-[1px] border-gray-100 mt-3 px-4 ">
|
||||
<p className="mb-0 !text-sm font-medium py-4">آدرس ها</p>
|
||||
|
||||
{/* <div
|
||||
className="bg-primary-200 w-fit h-fit relative my-3 p-1 rounded-lg"
|
||||
onClick={() => CTX.setBottomSheetAddressOpen(true)}
|
||||
>
|
||||
<p className="mb-0 text-[11px] text-white rtl">
|
||||
افزودن آدرس جدید
|
||||
</p>
|
||||
</div> */}
|
||||
<div className="text-right flex rtl justify-between bg-primary-600 rounded-2xl m-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-semibold py-4 text-white">
|
||||
آدرس ها
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{addressData?.length > 0 ? (
|
||||
|
|
@ -210,32 +204,10 @@ const CheckoutData = () => {
|
|||
</div>
|
||||
)}
|
||||
|
||||
<div className="text-right flex rtl justify-between border-y-[1px] border-gray-100 mt-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-medium py-4">زمان و نحوه ارسال</p>
|
||||
|
||||
<div className="border border-gray-300 w-fit h-fit relative my-3 p-1 rounded-lg">
|
||||
<div className="flex">
|
||||
<div>
|
||||
<svg
|
||||
width="15"
|
||||
height="15"
|
||||
viewBox="0 0 251 200"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="opacity-60"
|
||||
>
|
||||
<path
|
||||
d="M105.625 143.75C110.625 148.75 117.083 151.2 125 151.1C132.917 151 138.75 148.133 142.5 142.5L212.5 37.5L107.5 107.5C101.875 111.25 98.9083 116.979 98.6 124.688C98.2917 132.396 100.633 138.75 105.625 143.75ZM125 0C137.292 0 149.117 1.71667 160.475 5.15C171.833 8.58334 182.508 13.7417 192.5 20.625L168.75 35.625C161.875 32.0833 154.742 29.4292 147.35 27.6625C139.958 25.8958 132.508 25.0083 125 25C97.2917 25 73.6958 34.7417 54.2125 54.225C34.7292 73.7083 24.9917 97.3 25 125C25 133.75 26.2 142.396 28.6 150.938C31 159.479 34.3833 167.5 38.75 175H211.25C216.042 167.083 219.533 158.854 221.725 150.312C223.917 141.771 225.008 132.917 225 123.75C225 116.25 224.113 108.958 222.338 101.875C220.563 94.7917 217.908 87.9167 214.375 81.25L229.375 57.5C235.625 67.2917 240.575 77.7083 244.225 88.75C247.875 99.7917 249.8 111.25 250 123.125C250.208 135 248.854 146.354 245.938 157.188C243.021 168.021 238.75 178.333 233.125 188.125C230.833 191.875 227.708 194.792 223.75 196.875C219.792 198.958 215.625 200 211.25 200H38.75C34.375 200 30.2083 198.958 26.25 196.875C22.2917 194.792 19.1667 191.875 16.875 188.125C11.4583 178.75 7.29167 168.804 4.375 158.288C1.45833 147.771 0 136.675 0 125C0 107.708 3.28334 91.5125 9.85 76.4125C16.4167 61.3125 25.375 48.0833 36.725 36.725C48.075 25.3667 61.35 16.4083 76.55 9.85C91.75 3.29167 107.9 0.00833333 125 0Z"
|
||||
fill="black"
|
||||
fill-opacity="0.61"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<p className="mb-0 text-[11px] rtl mr-2 text-gray-600">
|
||||
سریع ترین زمان ارسال
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-right flex rtl justify-between bg-primary-600 rounded-2xl m-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-semibold py-4 text-white">
|
||||
زمان و نحوه ارسال
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
|
@ -298,8 +270,10 @@ const CheckoutData = () => {
|
|||
))}
|
||||
</div>
|
||||
|
||||
<div className="text-right flex rtl justify-between border-y-[1px] border-gray-100 mt-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-medium py-4">روش پرداخت</p>
|
||||
<div className="text-right flex rtl justify-between bg-primary-600 rounded-2xl m-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-semibold py-4 text-white">
|
||||
روش پرداخت
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
|
@ -385,9 +359,11 @@ const CheckoutData = () => {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div className="">
|
||||
<div className="text-right flex rtl justify-between border-y-[1px] border-gray-100 my-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-medium py-4">حساب نهایی</p>
|
||||
<div className=" bg-primary-600 rounded-2xl pb-2 m-2 ">
|
||||
<div className="text-right flex rtl justify-between my-3 px-4 ">
|
||||
<p className="mb-0 text-sm font-medium py-4 text-white">
|
||||
حساب نهایی
|
||||
</p>
|
||||
|
||||
{/* <div className="bg-primary-200 w-fit h-fit relative my-3 p-1 rounded-lg">
|
||||
<p className="mb-0 text-[11px] text-white rtl">مشاهده اقلام</p>
|
||||
|
|
@ -396,7 +372,7 @@ const CheckoutData = () => {
|
|||
|
||||
<div>
|
||||
<div className="flex justify-between rtl px-4">
|
||||
<p className="mb-0 text-[12px] text-gray-500">قیمت </p>
|
||||
<p className="mb-0 text-[12px] text-gray-200">قیمت </p>
|
||||
|
||||
<div className="flex justify-center">
|
||||
<p className="mb-0 ">
|
||||
|
|
@ -404,10 +380,10 @@ const CheckoutData = () => {
|
|||
number={(
|
||||
checkOutData?.totalProductsPrice / 10
|
||||
)?.toLocaleString()}
|
||||
style={"!text-[14px] !font-medium"}
|
||||
style={"!text-[14px] !font-medium text-white"}
|
||||
/>
|
||||
</p>
|
||||
<small className="text-gray-500 text-[12px] mt-1 mx-1">
|
||||
<small className="text-gray-200 text-[12px] mt-1 mx-1">
|
||||
{" "}
|
||||
تومان
|
||||
</small>
|
||||
|
|
@ -415,7 +391,7 @@ const CheckoutData = () => {
|
|||
</div>
|
||||
|
||||
<div className="flex justify-between rtl my-2 px-4">
|
||||
<p className="mb-0 text-[12px] text-gray-500">تخفیف محصول</p>
|
||||
<p className="mb-0 text-[12px] text-gray-200">تخفیف محصول</p>
|
||||
|
||||
<div className="flex justify-center">
|
||||
<p className="mb-0 ">
|
||||
|
|
@ -423,10 +399,10 @@ const CheckoutData = () => {
|
|||
number={(
|
||||
checkOutData?.discountPrice / 10
|
||||
)?.toLocaleString()}
|
||||
style={"!text-[14px] !font-medium"}
|
||||
style={"!text-[14px] !font-medium text-white"}
|
||||
/>
|
||||
</p>
|
||||
<small className="text-gray-500 text-[12px] mt-1 mx-1">
|
||||
<small className="text-gray-200 text-[12px] mt-1 mx-1">
|
||||
{" "}
|
||||
تومان
|
||||
</small>
|
||||
|
|
@ -434,7 +410,7 @@ const CheckoutData = () => {
|
|||
</div>
|
||||
|
||||
<div className="flex justify-between rtl my-2 px-4">
|
||||
<p className="mb-0 text-[12px] text-gray-500">
|
||||
<p className="mb-0 text-[12px] text-gray-200">
|
||||
هزینه بسته بندی
|
||||
</p>
|
||||
|
||||
|
|
@ -444,10 +420,10 @@ const CheckoutData = () => {
|
|||
number={(
|
||||
checkOutData?.packingPrice / 10
|
||||
)?.toLocaleString()}
|
||||
style={"!text-[14px] !font-medium"}
|
||||
style={"!text-[14px] !font-medium text-white"}
|
||||
/>
|
||||
</p>
|
||||
<small className="text-gray-500 text-[12px] mt-1 mx-1">
|
||||
<small className="text-gray-200 text-[12px] mt-1 mx-1">
|
||||
{" "}
|
||||
تومان
|
||||
</small>
|
||||
|
|
@ -455,7 +431,7 @@ const CheckoutData = () => {
|
|||
</div>
|
||||
|
||||
<div className="flex justify-between rtl my-2 px-4">
|
||||
<p className="mb-0 text-[12px] text-gray-500">هزینه ارسال</p>
|
||||
<p className="mb-0 text-[12px] text-gray-200">هزینه ارسال</p>
|
||||
|
||||
<div className="flex justify-center">
|
||||
<p className="mb-0 ">
|
||||
|
|
@ -463,18 +439,18 @@ const CheckoutData = () => {
|
|||
number={(
|
||||
checkOutData?.deliveryPrice / 10
|
||||
)?.toLocaleString()}
|
||||
style={"!text-[14px] !font-medium"}
|
||||
style={"!text-[14px] !font-medium text-white"}
|
||||
/>
|
||||
</p>
|
||||
<small className="text-gray-500 text-[12px] mt-1 mx-1">
|
||||
<small className="text-gray-200 text-[12px] mt-1 mx-1">
|
||||
{" "}
|
||||
تومان
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex justify-between bg-primary-100 p-3 rtl my-2">
|
||||
<p className="mb-0 text-sm text-primary-600 font-medium">
|
||||
<div className="flex justify-between bg-primary-700 p-3 rtl m-2 rounded-xl">
|
||||
<p className="mb-0 text-sm text-gray-200 font-bold">
|
||||
قابل پرداخت
|
||||
</p>
|
||||
|
||||
|
|
@ -482,10 +458,10 @@ const CheckoutData = () => {
|
|||
<p className="mb-0 ">
|
||||
<PersianNumber
|
||||
number={(checkOutData?.totalPrice / 10)?.toLocaleString()}
|
||||
style={"!text-[14px] !font-medium text-primary-800"}
|
||||
style={"!text-[14px] !font-medium text-white"}
|
||||
/>
|
||||
</p>
|
||||
<small className="text-gray-500 text-[12px] mt-1 mx-1">
|
||||
<small className="text-gray-200 text-[12px] mt-1 mx-1">
|
||||
{" "}
|
||||
تومان
|
||||
</small>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
"use client";
|
||||
|
||||
import Footer from "@comp/Footer/page";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
import Navbar from "@comp/Navbar/page";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
|
|
@ -21,18 +22,7 @@ const FaqData = () => {
|
|||
<>
|
||||
<div className="bg-contact-us ">
|
||||
<div className=" pb-20">
|
||||
<Navbar theme={0} />
|
||||
|
||||
<div>
|
||||
<div className="flex justify-center xs:hidden lg:block">
|
||||
<div className="absolute mr-[-1100px] mt-[-200px]">
|
||||
<p className="mb-0 text-[300px] opacity-10 font-extrabold text-white ">
|
||||
{" "}
|
||||
,
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<NavbarTransparent />
|
||||
|
||||
<div className="my-[80px] ">
|
||||
<div className="px-5">
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ import AddToCart from "@comp/Cards/Components/AddToCart/page";
|
|||
import Image from "next/image";
|
||||
import PersianNumber from "plugins/PersianNumber";
|
||||
import logo from "../../../public/images/logo.png";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
|
||||
const ProductData = ({ params, data }) => {
|
||||
const [product, setProduct] = useState([]);
|
||||
|
|
@ -59,7 +60,7 @@ const ProductData = ({ params, data }) => {
|
|||
|
||||
return (
|
||||
<>
|
||||
<Navbar theme={1} />
|
||||
<NavbarTransparent theme={1} />
|
||||
<div className=" py-10">
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-8 rtl gap-6 lg:px-20">
|
||||
<div className="lg:col-span-3 ">
|
||||
|
|
@ -77,8 +78,8 @@ const ProductData = ({ params, data }) => {
|
|||
</div>
|
||||
|
||||
<div className="flex my-4">
|
||||
<div className="bg-primary-400 rounded-full py-1 px-3 ml-2">
|
||||
<p className="mb-0 text-sm text-white ">اصالت کالای </p>
|
||||
<div className="bg-secondary-600 rounded-full py-1 px-3 ml-2">
|
||||
<p className="mb-0 text-sm text-white ">تضمین بهترین قیمت </p>
|
||||
</div>
|
||||
|
||||
{data?.product?.hasDiscount && (
|
||||
|
|
@ -129,7 +130,7 @@ const ProductData = ({ params, data }) => {
|
|||
{/* xs:sticky lg:relative xs:top-[60px] lg:top-0 ==> sticky for price=================== */}
|
||||
|
||||
<div className=" w-9/12 lg:col-span-2 sticky top-[80px] xs:hidden lg:block ">
|
||||
<div className="p-3 h-fit border-[1px] border-gray-300 rounded-xl ">
|
||||
<div className="p-3 h-fit border-[1px] border-gray-200 rounded-2xl rounded-tl-[40px]">
|
||||
<div className="flex justify-center">
|
||||
<div className="w-[130px]">
|
||||
{data?.product?.files?.length > 0 ? (
|
||||
|
|
@ -161,39 +162,6 @@ const ProductData = ({ params, data }) => {
|
|||
{data?.product?.persianName}{" "}
|
||||
</p>
|
||||
</div>
|
||||
<div className="w-6/12 mx-auto h-[1px] bg-gray-200 mt-4"></div>
|
||||
|
||||
<div className="flex justify-center mt-3">
|
||||
<div>
|
||||
<svg
|
||||
width="15"
|
||||
height="15"
|
||||
viewBox="0 0 226 264"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="ml-1 mt-[2px]"
|
||||
>
|
||||
<path
|
||||
d="M94.25 137.531L69.9687 113.25L56.75 126.469L94.25 163.969L169.25 88.9687L156.031 75.75L94.25 137.531Z"
|
||||
fill="black"
|
||||
/>
|
||||
<path
|
||||
d="M113 263.25L55.1001 232.378C38.5938 223.597 24.7904 210.486 15.1712 194.454C5.552 178.421 0.48019 160.072 0.500058 141.375V19.5C0.505022 14.5287 2.48206 9.76246 5.99729 6.24723C9.51252 2.732 14.2788 0.754964 19.2501 0.75H206.75C211.721 0.754964 216.488 2.732 220.003 6.24723C223.518 9.76246 225.495 14.5287 225.5 19.5V141.375C225.52 160.072 220.448 178.421 210.829 194.454C201.21 210.486 187.406 223.597 170.9 232.378L113 263.25ZM19.2501 19.5V141.375C19.2345 156.673 23.3854 171.687 31.2572 184.804C39.129 197.922 50.4245 208.648 63.9313 215.831L113 241.997L162.069 215.841C175.577 208.656 186.873 197.929 194.745 184.81C202.617 171.69 206.767 156.675 206.75 141.375V19.5H19.2501Z"
|
||||
fill="black"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<p className="mb-0 text-[12px] font-bold">
|
||||
گارانتی{" "}
|
||||
<small className=" text-primary-500 text-[12px]">اصالت</small>{" "}
|
||||
و{" "}
|
||||
<small className=" text-primary-500 text-[12px]">
|
||||
سلامت فیزیکی کالا
|
||||
</small>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="w-6/12 mx-auto h-[1px] bg-gray-200 mt-4"></div>
|
||||
|
||||
<div className=" mt-4 flex justify-between ">
|
||||
{true ? (
|
||||
|
|
@ -236,65 +204,8 @@ const ProductData = ({ params, data }) => {
|
|||
|
||||
<div className="lg:col-span-6">
|
||||
<div className="xs:px-[15px] lg:px-[100px]">
|
||||
<div className="bg-gray-200 rounded-full xs:p-1 lg:p-3 flex w-fit sticky top-0 ">
|
||||
<div
|
||||
className={` rounded-full xs:p-2 lg:p-3 cursor-pointer tr03 ${
|
||||
productBarDetail == 0 ? "bg-primary-500 text-gray-100" : ""
|
||||
}`}
|
||||
onClick={() => {
|
||||
setProductBarDetail(0);
|
||||
scrollToSection("section0");
|
||||
}}
|
||||
>
|
||||
<p className=" xs:hidden lg:block mb-0 text-[12px] ">
|
||||
مشخصات محصول
|
||||
</p>
|
||||
<p className=" xs:block lg:hidden mb-0 text-[12px]">مشخصات</p>
|
||||
</div>
|
||||
<div
|
||||
className={` rounded-full xs:p-2 lg:p-3 cursor-pointer tr03 ${
|
||||
productBarDetail == 1 ? "bg-primary-500 text-gray-100" : ""
|
||||
}`}
|
||||
onClick={() => {
|
||||
setProductBarDetail(1);
|
||||
scrollToSection("section1");
|
||||
}}
|
||||
>
|
||||
<p className="mb-0 text-[13px] ">روش استفاده</p>
|
||||
</div>
|
||||
<div
|
||||
className={` rounded-full xs:p-2 lg:p-3 cursor-pointer tr03 ${
|
||||
productBarDetail == 2 ? "bg-primary-500 text-gray-100" : ""
|
||||
}`}
|
||||
onClick={() => {
|
||||
setProductBarDetail(2);
|
||||
scrollToSection("section2");
|
||||
}}
|
||||
>
|
||||
<p className="mb-0 text-[13px] ">نقد و بررسی</p>
|
||||
</div>
|
||||
<div
|
||||
className={` rounded-full xs:p-2 lg:p-3 cursor-pointer tr03 ${
|
||||
productBarDetail == 3 ? "bg-primary-500 text-gray-100" : ""
|
||||
}`}
|
||||
onClick={() => {
|
||||
setProductBarDetail(3);
|
||||
scrollToSection("section3");
|
||||
}}
|
||||
>
|
||||
<p className=" xs:hidden lg:block mb-0 text-[13px] ">
|
||||
دیدگاه مخاطبان
|
||||
</p>
|
||||
<p className=" xs:block lg:hidden mb-0 text-[13px] ">
|
||||
مخاطبان
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="section0">
|
||||
<h3 className=" text-sm text-gray-400 mt-7 mb-2">
|
||||
مشخصات محصول
|
||||
</h3>
|
||||
<h3 className=" text-sm text-gray-400 mb-2">مشخصات محصول</h3>
|
||||
<div className="min-w-[200px] mt-5 rounded-xl overflow-hidden border rtl ">
|
||||
{product?.specifications?.map((e, index) => (
|
||||
<div
|
||||
|
|
@ -315,39 +226,13 @@ const ProductData = ({ params, data }) => {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div id="section1">
|
||||
<h3 className=" text-sm text-gray-400 mt-7 mb-2">
|
||||
روش استفاده
|
||||
</h3>
|
||||
<div className="border p-5 rounded-lg">
|
||||
<div className="flex justify-center py-5">
|
||||
<div className="bg-white shadow w-fit rounded-full text-sm p-4">
|
||||
چیزی یافت نشد
|
||||
</div>
|
||||
</div>
|
||||
</div>{" "}
|
||||
</div>
|
||||
|
||||
<div id="section2">
|
||||
<h3 className=" text-sm text-gray-400 mt-7 mb-2">
|
||||
نقد و برسی{" "}
|
||||
</h3>
|
||||
<div className="border p-5 rounded-lg">
|
||||
<div className=" p-5 rounded-lg">
|
||||
<div className="flex justify-center py-5">
|
||||
<div className="bg-white shadow w-fit rounded-full text-sm p-4">
|
||||
چیزی یافت نشد
|
||||
</div>
|
||||
</div>
|
||||
</div>{" "}
|
||||
</div>
|
||||
|
||||
<div id="section3">
|
||||
<h3 className=" text-sm text-gray-400 mt-7 mb-2">
|
||||
دیدگاه مخاطبان{" "}
|
||||
</h3>
|
||||
<div className="border p-5 rounded-lg">
|
||||
<div className="flex justify-center py-5">
|
||||
<div className="bg-white shadow w-fit rounded-full text-sm p-4">
|
||||
<div className="bg-gray-50 w-fit rounded-xl rounded-tl-[30px] text-sm p-4">
|
||||
چیزی یافت نشد
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ const CardSurprise = ({ data, priority }) => {
|
|||
{" "}
|
||||
<>
|
||||
<div
|
||||
className={` tr03 py-2 overflow-hidden xs:h-[340px] lg:h-[340px] border border-gray-100 relative ${
|
||||
className={` tr03 py-2 overflow-hidden xs:h-[340px] lg:h-[440px] border border-gray-100 relative ${
|
||||
1 == 1 ? "bg-white rounded-xl rounded-tl-[40px]" : " opacity-70"
|
||||
}`}
|
||||
// key={index}
|
||||
|
|
@ -45,9 +45,9 @@ const CardSurprise = ({ data, priority }) => {
|
|||
{!!data.mainImage ? (
|
||||
<Image
|
||||
src={`${process.env.NEXT_PUBLIC_STORAGE_URL}/${data.mainImage}`}
|
||||
width={100}
|
||||
height={100}
|
||||
className="xs:!w-[110px] lg:!w-[130px] mx-auto !object-cover"
|
||||
width={500}
|
||||
height={500}
|
||||
className="xs:!w-[110px] lg:!w-[200px] mx-auto !object-cover"
|
||||
alt={`${data.persianName} - ${data.englishName}`}
|
||||
priority={!!priority}
|
||||
/>
|
||||
|
|
@ -63,7 +63,7 @@ const CardSurprise = ({ data, priority }) => {
|
|||
</div>
|
||||
<div className="p-3 text-right">
|
||||
<p className="mb-0 text-[14px] max-h-[44px] overflow-hidden ">
|
||||
{data.persianName} asdsadsadadasd asdadasdas
|
||||
{data.persianName}
|
||||
</p>
|
||||
|
||||
{data.stock <= 3 && data.stock !== 0 && (
|
||||
|
|
|
|||
|
|
@ -239,17 +239,6 @@ const Footer = () => {
|
|||
</svg>
|
||||
</div>
|
||||
</a>
|
||||
<a href={`https://web.bale.ai/flow/search?uid=5560485550`}>
|
||||
<div className="bg-white p-2 h-fit rounded-2xl mx-1">
|
||||
<div className="w-[25px]">
|
||||
<Image
|
||||
// src={bale}
|
||||
className="opacity-60"
|
||||
alt="پیام رسان بله وسمه"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href={`https://twitter.com/vesmehcom`}>
|
||||
<div className="bg-white p-2 h-fit rounded-2xl mx-1">
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
const LoginStep = ({ phoneNumber, setPhoneNumber, ConfirmPhoneNumber }) => {
|
||||
return (
|
||||
<div className="text-center mt-5">
|
||||
<p className="mb-0 text-gray-300 text-base">ورود / ثبت نام</p>
|
||||
<p className="mb-0 text-gray-600 text-lg mt-2">
|
||||
<p className="mb-0 text-gray-100 text-sm">ورود / ثبت نام</p>
|
||||
<p className="mb-0 text-gray-300 text-base mt-2">
|
||||
شماره موبایل خود را وارد کنید
|
||||
</p>
|
||||
|
||||
|
|
@ -25,12 +25,13 @@ const LoginStep = ({ phoneNumber, setPhoneNumber, ConfirmPhoneNumber }) => {
|
|||
</div>
|
||||
|
||||
<div className="mt-4">
|
||||
<p className="mb-0 text-sm px-4 rtl">
|
||||
با ورود و یا ثبت نام در وسمه شما{" "}
|
||||
<small className="text-primary-400 text-sm font-semibold">
|
||||
<p className="mb-0 text-sm px-4 rtl text-white">
|
||||
با ورود و یا ثبت نام در بونسای شما{" "}
|
||||
<small className="text-primary-200 text-sm font-semibold">
|
||||
شرایط و قوانین
|
||||
</small>{" "}
|
||||
استفاده از سرویس های سایت وسمه و قوانین حریم خصوصی آن را می پذیرید.
|
||||
استفاده از سرویس های سایت بونسای و قوانین حریم خصوصی آن را می
|
||||
پذیرید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
const SignUp = ({ setLastName, setFirstName, SignUpLogin }) => {
|
||||
return (
|
||||
<div className="text-center mt-5">
|
||||
<p className="mb-0 text-gray-600 text-lg mt-2">مشخصات را وارد کنید </p>
|
||||
<p className="mb-0 text-gray-300 text-base mt-2">مشخصات را وارد کنید </p>
|
||||
|
||||
<div className="mt-2">
|
||||
<div className="form-group text-right my-2">
|
||||
<label className=" px-2 text-sm"> نام </label>
|
||||
<label className=" px-2 text-sm text-gray-100"> نام </label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control !border-0 !bg-gray-200 text-right"
|
||||
|
|
@ -14,7 +14,7 @@ const SignUp = ({ setLastName, setFirstName, SignUpLogin }) => {
|
|||
</div>
|
||||
|
||||
<div className="form-group text-right my-4 ">
|
||||
<label className=" px-2 text-sm">نام خانوادگی </label>
|
||||
<label className=" px-2 text-sm text-gray-100">نام خانوادگی </label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control !border-0 !bg-gray-200 text-right"
|
||||
|
|
@ -30,16 +30,6 @@ const SignUp = ({ setLastName, setFirstName, SignUpLogin }) => {
|
|||
ورود و ثبت نام
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="mt-4">
|
||||
<p className="mb-0 text-sm px-4 rtl">
|
||||
با ورود و یا ثبت نام در وسمه شما{" "}
|
||||
<small className="text-primary-400 text-sm font-semibold">
|
||||
شرایط و قوانین
|
||||
</small>{" "}
|
||||
استفاده از سرویس های سایت وسمه و قوانین حریم خصوصی آن را می پذیرید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ const VerifyCodeStep = ({
|
|||
}) => {
|
||||
return (
|
||||
<div className="px-5 mt-6">
|
||||
<p className="mb-0 text-textMain-100 mt-1 text-right text-sm">
|
||||
<p className="mb-0 text-gray-300 mt-1 text-right text-sm">
|
||||
{" "}
|
||||
پیامک حاوی کد تایید برای شماره
|
||||
<strong className="mx-1">
|
||||
|
|
|
|||
|
|
@ -111,10 +111,10 @@ const NavbarTransparent = ({ theme }) => {
|
|||
// onClick={() => context.setOpenNavBarServices(false)}
|
||||
>
|
||||
<Link
|
||||
href={`${e.url}`}
|
||||
className={` ${
|
||||
isScrolled ? "text-black" : "!text-white"
|
||||
} ${theme == 1 ? "text-sm !text-black" : " "}`}
|
||||
href={`/categories/${e.id}/${e.name.split(" ").join("-")}`}
|
||||
className={` ${isScrolled ? "text-black" : "text-white"} ${
|
||||
theme == 1 ? "text-sm !text-black" : " "
|
||||
}`}
|
||||
>
|
||||
{e.name}
|
||||
{e.children.length > 0 && ""}
|
||||
|
|
@ -144,14 +144,18 @@ const NavbarTransparent = ({ theme }) => {
|
|||
<ul>
|
||||
{e.children.map((s, index) => (
|
||||
<li key={index}>
|
||||
{/* <Link href={s.url}> */}
|
||||
<div className="flex py-2 hover:bg-sky-50 p-2 rounded-2xl cursor-pointer ">
|
||||
<div className="w-3 h-3 rounded-full bg-green-900 ml-1 mt-1"></div>
|
||||
<p className="mb-0 text-black text-sm ">
|
||||
{s.name}
|
||||
</p>
|
||||
</div>
|
||||
{/* </Link> */}
|
||||
<Link
|
||||
href={`/categories/${s.id}/${s.name
|
||||
.split(" ")
|
||||
.join("-")}`}
|
||||
>
|
||||
<div className="flex py-2 hover:bg-sky-50 p-2 rounded-2xl cursor-pointer ">
|
||||
<div className="w-3 h-3 rounded-full bg-green-900 ml-1 mt-1"></div>
|
||||
<p className="mb-0 text-black text-sm ">
|
||||
{s.name}
|
||||
</p>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
|
|
@ -209,49 +213,53 @@ const NavbarTransparent = ({ theme }) => {
|
|||
</div>
|
||||
|
||||
<div className=" mr-2 w-fit px-3 text-sm bg-white rounded-xl ">
|
||||
<div className="flex justify-end">
|
||||
<div
|
||||
className={`absolute mr-[15px] ${
|
||||
isScrolled ? "mt-[-9px]" : "mt-[-10px]"
|
||||
}`}
|
||||
>
|
||||
<Link href={"/cart"}>
|
||||
<div className="flex justify-end">
|
||||
<div
|
||||
className={`bg-primary-500 border-[1px] rounded-full text-center ${
|
||||
isScrolled ? "w-[18px] h-[18px]" : "w-[20px] h-[20px] "
|
||||
className={`absolute mr-[15px] ${
|
||||
isScrolled ? "mt-[-9px]" : "mt-[-10px]"
|
||||
}`}
|
||||
>
|
||||
<PersianNumber
|
||||
number={cart?.length}
|
||||
style={` ${
|
||||
<div
|
||||
className={`bg-primary-500 border-[1px] rounded-full text-center ${
|
||||
isScrolled
|
||||
? "!text-[10px] relative top-[-3px]"
|
||||
: "!text-sm"
|
||||
? "w-[18px] h-[18px]"
|
||||
: "w-[20px] h-[20px] "
|
||||
}`}
|
||||
/>{" "}
|
||||
>
|
||||
<PersianNumber
|
||||
number={cart?.length}
|
||||
style={` ${
|
||||
isScrolled
|
||||
? "!text-[10px] relative top-[-3px]"
|
||||
: "!text-sm"
|
||||
}`}
|
||||
/>{" "}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 123 110"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="mt-2 opacity-80"
|
||||
>
|
||||
<path
|
||||
d="M112.45 45.7875C108.794 26.2812 106.963 16.525 100.019 10.7625C93.0816 5 83.1566 5 63.3129 5H58.8066C38.9566 5 29.0379 5 22.0941 10.7625C15.1504 16.525 13.3191 26.2812 9.65664 45.7875C4.51914 73.2187 1.94414 86.9313 9.44414 95.9688C16.9379 105 30.8879 105 58.8004 105H63.3066C91.2129 105 105.169 105 112.669 95.9688C117.019 90.7188 117.982 83.9062 117.013 73.75"
|
||||
stroke="black"
|
||||
stroke-width="9.375"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M43.3125 30C44.6038 33.6596 46.9984 36.8285 50.1662 39.0701C53.3341 41.3116 57.1193 42.5153 61 42.5153C64.8807 42.5153 68.6659 41.3116 71.8338 39.0701C75.0016 36.8285 77.3962 33.6596 78.6875 30"
|
||||
stroke="black"
|
||||
stroke-width="9.375"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
width="25"
|
||||
height="25"
|
||||
viewBox="0 0 123 110"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="mt-2 opacity-80"
|
||||
>
|
||||
<path
|
||||
d="M112.45 45.7875C108.794 26.2812 106.963 16.525 100.019 10.7625C93.0816 5 83.1566 5 63.3129 5H58.8066C38.9566 5 29.0379 5 22.0941 10.7625C15.1504 16.525 13.3191 26.2812 9.65664 45.7875C4.51914 73.2187 1.94414 86.9313 9.44414 95.9688C16.9379 105 30.8879 105 58.8004 105H63.3066C91.2129 105 105.169 105 112.669 95.9688C117.019 90.7188 117.982 83.9062 117.013 73.75"
|
||||
stroke="black"
|
||||
stroke-width="9.375"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M43.3125 30C44.6038 33.6596 46.9984 36.8285 50.1662 39.0701C53.3341 41.3116 57.1193 42.5153 61 42.5153C64.8807 42.5153 68.6659 41.3116 71.8338 39.0701C75.0016 36.8285 77.3962 33.6596 78.6875 30"
|
||||
stroke="black"
|
||||
stroke-width="9.375"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -253,17 +253,6 @@ const Navbar = ({ theme }) => {
|
|||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="group cursor-pointer">
|
||||
<Link href={"/profile/saleCooperationSystem"}>
|
||||
<div className="flex justify-between p-2 rounded-full group-hover:bg-primary-200 tr03">
|
||||
<p className="mb-0 text-sm text-gray-500 group-hover:text-black tr03">
|
||||
همکاری در فروش{" "}
|
||||
</p>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-primary-200 group-hover:bg-primary-500 tr03 "></div>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li
|
||||
className="flex justify-between p-2 rounded-full group hover:bg-red-200 tr03 cursor-pointer"
|
||||
onClick={() =>
|
||||
|
|
@ -568,17 +557,6 @@ const Navbar = ({ theme }) => {
|
|||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="group cursor-pointer">
|
||||
<Link href={"/profile/saleCooperationSystem"}>
|
||||
<div className="flex justify-between p-2 rounded-full group-hover:bg-primary-200 tr03">
|
||||
<p className="mb-0 text-sm text-gray-500 group-hover:text-black tr03">
|
||||
همکاری در فروش{" "}
|
||||
</p>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-primary-200 group-hover:bg-primary-500 tr03 "></div>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li
|
||||
className="flex justify-between p-2 rounded-full group hover:bg-red-200 tr03 cursor-pointer"
|
||||
onClick={() =>
|
||||
|
|
@ -604,49 +582,6 @@ const Navbar = ({ theme }) => {
|
|||
className="mx-2 "
|
||||
onClick={() => CTX.setBottomSheetCartOpen(true)}
|
||||
>
|
||||
{/* <div className="absolute mt-[-16px] mr-[6px] ">
|
||||
{cart?.length > 0 && (
|
||||
<div className="">
|
||||
<PersianNumber
|
||||
number={cart?.length}
|
||||
style={`!text-[10px] text-primary-900 font-bold ${
|
||||
theme == 1
|
||||
? "text-primary-500"
|
||||
: isScrolled
|
||||
? "text-primary-500"
|
||||
: "text-white"
|
||||
}`}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<svg
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 248 232"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="opacity-80"
|
||||
>
|
||||
<path
|
||||
d="M18.4371 138.212C9.46208 96.3 4.96208 75.3375 16.2246 61.425C27.4746 47.5 48.9121 47.5 91.7746 47.5H156.225C199.1 47.5 220.512 47.5 231.775 61.425C243.025 75.35 238.537 96.3 229.562 138.212L224.2 163.212C218.112 191.625 215.075 205.825 204.762 214.163C194.45 222.5 179.925 222.5 150.875 222.5H97.1246C68.0746 222.5 53.5496 222.5 43.2496 214.163C32.9246 205.825 29.8746 191.625 23.7996 163.212L18.4371 138.212Z"
|
||||
stroke={
|
||||
isScrolled ? "black" : theme == 1 ? "black" : "white"
|
||||
}
|
||||
stroke-width="18.75"
|
||||
/>
|
||||
<path
|
||||
opacity="0.6"
|
||||
d="M199 85L161.5 10M49 85L86.5 10"
|
||||
stroke={
|
||||
isScrolled ? "black" : theme == 1 ? "black" : "white"
|
||||
}
|
||||
stroke-width="18.75"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg> */}
|
||||
|
||||
<div className="absolute mt-[-8px] mr-[6px] bg-white w-[15px] h-[15px] rounded-full text-center ">
|
||||
{cart?.length > 0 && (
|
||||
<div className="">
|
||||
|
|
|
|||
|
|
@ -14,3 +14,14 @@ const nextConfig = {
|
|||
};
|
||||
|
||||
export default nextConfig;
|
||||
|
||||
// images: {
|
||||
// minimumCacheTTL: 2592000,
|
||||
// domains: ["storage.bonsaigallery.shop"],
|
||||
// remotePatterns: [
|
||||
// {
|
||||
// protocol: "https",
|
||||
// hostname: "storage.bonsaigallery.shop",
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ const GalleryBox = ({ file }) => {
|
|||
<div className="flex overflow-x-auto p-3 " id="swich-scrollbar">
|
||||
{file?.map((e) => (
|
||||
<div
|
||||
className="rounded-3xl bg-white border shadow-sm p-3 ml-2"
|
||||
className="rounded-xl rounded-tl-[30px] bg-white border shadow-sm p-3 ml-2"
|
||||
key={e.id}
|
||||
onClick={() => CTX.setIsOpenLightBox(true)}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import Footer from "@comp/Footer/page";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
import Navbar from "@comp/Navbar/page";
|
||||
|
||||
export const metadata = {
|
||||
|
|
@ -9,161 +10,22 @@ const Page = () => {
|
|||
const number = "02188195164";
|
||||
return (
|
||||
<>
|
||||
<div className="bg-contact-us !min-h-[100vh]">
|
||||
<div className="bg-contact-us ">
|
||||
<div className=" pb-20">
|
||||
<Navbar theme={0} />
|
||||
<NavbarTransparent />
|
||||
|
||||
<div>
|
||||
<div className="flex justify-center xs:hidden lg:block">
|
||||
<div className="absolute mr-[-1100px] mt-[-200px]">
|
||||
<p className="mb-0 text-[300px] opacity-10 font-extrabold text-white ">
|
||||
{", "}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-[150px] ">
|
||||
<div className="my-[80px] ">
|
||||
<div className="px-5">
|
||||
<h1 className="text-white font-bold text-center xs:text-[20px] lg:text-[40px]">
|
||||
وسمه ، بن ماضی زیبایی
|
||||
بونسای ، نبض آشپرخانه تو{" "}
|
||||
</h1>
|
||||
|
||||
<p className="mb-0 text-base text-center text-gray-100 xs:text-sm lg:text-base lg:w-7/12 mx-auto">
|
||||
وسمه تهعد داره تجربه خرید لوازم آرایشی و بهداشتی رو متحول کنه.
|
||||
این تحول میتونه برای مشتری احساس قسمتی از خانواده وسمه بودن رو
|
||||
داشته باشه. وسمه با برطرف کردن دغدغههای خرید لوازم آرایشی و
|
||||
بهداشتی به ساختن لایف استایل شخصی خانمهای ایرانی کمک میکنه و
|
||||
زندگی راحتتری پیش روی مشتریانش قرار میده. از سال 1400 ما تمام
|
||||
انرژیمون رو به کار گرفتیم تا با تمرکز برکیفیت کالا، سرعت ارسال و
|
||||
قیمت کالا ، نیاز افراد رو برطرف کنیم و تجربه جدیدی از لذت خرید
|
||||
به وجود بیاریم.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* <div className="xs:w-11/12 lg:w-7/12 mx-auto mt-10">
|
||||
<div className="grid xs:grid-cols-2 lg:grid-cols-4 gap-4">
|
||||
<div className="bg-white rounded-xl p-5">
|
||||
<div className="my-3">
|
||||
<h2 className="text-primary-500 font-medium text-right mb-0">
|
||||
جوایز و تقدیر
|
||||
</h2>
|
||||
|
||||
<p className="mb-0 text-sm text-right text-gray-400 mt-2">
|
||||
ما مفتخریم که به خاطر کاری که هر روز از طرف مشتریان،
|
||||
کارمندان و جوامع خود انجام می دهیم، مورد تقدیر قرار می
|
||||
گیریم.
|
||||
</p>
|
||||
|
||||
<div className="mt-2">
|
||||
<button className="btn btn-outline-primary text-sm rounded-full py-1">
|
||||
{" "}
|
||||
مشاهده بیشتر
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-xl p-5">
|
||||
<div className="my-3">
|
||||
<h2 className="text-primary-500 font-medium text-right mb-0">
|
||||
موقعیت های ما
|
||||
</h2>
|
||||
|
||||
<p className="mb-0 text-sm text-right text-gray-400 mt-2">
|
||||
در حالی که مواضع ما به دقت مورد بررسی قرار می گیرد و
|
||||
عمیقاً حفظ می شود، فضای زیادی برای بحث سالم و نظرات متفاوت
|
||||
وجود دارد. ما امیدواریم که شفاف بودن در مورد مواضع ما مفید
|
||||
باشد.
|
||||
</p>
|
||||
|
||||
<div className="mt-2">
|
||||
<button className="btn btn-outline-primary text-sm rounded-full py-1">
|
||||
{" "}
|
||||
مشاهده بیشتر
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-xl p-5">
|
||||
<div className="my-3">
|
||||
<h2 className="text-primary-500 font-medium text-right mb-0">
|
||||
سیاست عمومی{" "}
|
||||
</h2>
|
||||
|
||||
<p className="mb-0 text-sm text-right text-gray-400 mt-2">
|
||||
ما با سیاستگذاران در مورد طیف وسیعی از موضوعاتی که برای
|
||||
مشتریان و کارمندان ما مهم است، تعامل داریم. درباره نظرات
|
||||
ما در مورد مسائل جاری سیاست بیشتر بیاموزید.
|
||||
</p>
|
||||
|
||||
<div className="mt-2">
|
||||
<button className="btn btn-outline-primary text-sm rounded-full py-1">
|
||||
{" "}
|
||||
مشاهده بیشتر
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-xl p-5">
|
||||
<div className="my-3">
|
||||
<h2 className="text-primary-500 font-medium text-right mb-0">
|
||||
اصول رهبری
|
||||
</h2>
|
||||
|
||||
<p className="mb-0 text-sm text-right text-gray-400 mt-2">
|
||||
اصول رهبری ما چیزی فراتر از دیوارکوب های الهام بخش است.
|
||||
این 16 اصل، هر روز بحث ها و تصمیمات ما را هدایت می کن
|
||||
</p>
|
||||
|
||||
<div className="mt-2">
|
||||
<button className="btn btn-outline-primary text-sm rounded-full py-1">
|
||||
{" "}
|
||||
مشاهده بیشتر
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className=" xs:px-3 lg:px-20 lg:flex rtl lg:m-10 xs:m-3 pb-20 ">
|
||||
<div>
|
||||
<h2 className="mb-0 text-right font-semibold xs:text-[17px] lg:text-[20px] my-2 ">
|
||||
موقعیت های ما در وسمه
|
||||
</h2>
|
||||
<p className="mb-0 text-right xs:text-sm lg:text-base">
|
||||
فروشگاه ما به عنوان یک منبع قابل اعتماد برای خرید لوازم آرایشی و
|
||||
زیبایی، به شفافیت و صداقت ارزشمندی میدهد. ما به دقت مواضع و
|
||||
ارزشهایمان را تعیین کردهایم و همواره به دنبال بهبود و توسعه آنها
|
||||
هستیم. همچنین، در فضای ما، به نظرات و دیدگاههای مختلف احترام
|
||||
میگذاریم و فضایی را برای بحث سالم و تبادل نظر فراهم میکنیم. با
|
||||
ایجاد این امکان، ما امیدواریم که از تنوع نظرات و دیدگاهها بهرهمند
|
||||
شویم و از این طریق، به تصمیمات بهتری برای رشد و پیشرفت فروشگاهمان
|
||||
برسیم. با شفافیت، احترام به نظرات متفاوت و توجه به مواضع ما، ما به
|
||||
ایجاد یک جامعه پویا و پایدار از مشتریان و مشتریان آیندهی خود تلاش
|
||||
میکنیم
|
||||
</p>
|
||||
|
||||
<h2 className="mb-0 text-right font-semibold xs:text-[17px] lg:text-[20px] my-2 mt-5 ">
|
||||
جوایز و تقدیر در وسمه
|
||||
</h2>
|
||||
<p className="mb-0 text-right xs:text-sm lg:text-base">
|
||||
ما در وسمه مفتخریم که به خاطر کاری که هر روز از طرف مشتریان،
|
||||
کارمندان و جوامع خود انجام میدهیم، مورد تقدیر قرار میگیریم. این
|
||||
تقدیر و اعترافها، نشان از ارزشی است که ما برای ارتباط مستمر و
|
||||
صادقانه با همهی اعضای جامعهی ما قائل هستیم. همهی تلاش ما در وسمه
|
||||
به منظور ارائهی بهترین تجربهی ممکن برای مشتریان عزیزمان است. از
|
||||
انتخاب محصولات با کیفیت تا ارائهی خدمات استثنایی، ما به دقت به
|
||||
نیازها و خواستههای شما توجه میکنیم تا اطمینان حاصل شود که هرگز از
|
||||
وسمه ناراضی نخواهید شد. با تمام وجود و انگیزهی بیپایان، ما به
|
||||
ارتقاء محصولات و خدماتمان ادامه میدهیم تا همیشه بهترین را برای شما
|
||||
فراهم کنیم. وعدهی ما این است که در وسمه همیشه یک محیط پذیرایی،
|
||||
احترام و نوآوری برای شما وجود داشته باشد
|
||||
</p>
|
||||
</div>
|
||||
متن ندارد
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import Footer from "@comp/Footer/page";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
import Navbar from "@comp/Navbar/page";
|
||||
import PersianNumber from "plugins/PersianNumber";
|
||||
|
||||
|
|
@ -9,235 +10,22 @@ const Page = () => {
|
|||
const number = "02188195164";
|
||||
return (
|
||||
<>
|
||||
<div className="bg-contact-us !min-h-[100vh]">
|
||||
<div className="bg-contact-us">
|
||||
<div className=" pb-20">
|
||||
<Navbar theme={0} />
|
||||
<NavbarTransparent />
|
||||
|
||||
<div>
|
||||
<div className="flex justify-center xs:hidden lg:block">
|
||||
<div className="absolute mr-[-1100px] mt-[-200px]">
|
||||
<p className="mb-0 text-[300px] opacity-10 font-extrabold text-white ">
|
||||
{", "}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-[150px] ">
|
||||
<div className="my-[80px] ">
|
||||
<div className="px-5">
|
||||
<h1 className="text-white font-bold text-center xs:text-[20px] lg:text-[40px]">
|
||||
به خدمات مشتری وسمه خوش آمدید
|
||||
به خدمات مشتری بونسای خوش آمدید
|
||||
</h1>
|
||||
|
||||
<p className="mb-0 text-base text-center text-gray-100 xs:text-sm lg:text-base">
|
||||
امروز در مورد چه کمکی می خواهید؟ شما میتوانید به سرعت از بسیاری
|
||||
از موارد در اینجا مراقبت کنید، یا در صورت نیاز با ما ارتباط
|
||||
برقرار کنید.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="xs:w-11/12 lg:w-7/12 mx-auto mt-10">
|
||||
<div className="grid xs:grid-cols-2 lg:grid-cols-5 gap-4">
|
||||
<div className="bg-white rounded-xl p-5">
|
||||
<div>
|
||||
{" "}
|
||||
<svg
|
||||
width="50"
|
||||
height="50"
|
||||
viewBox="0 0 234 245"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="mx-auto opacity-50"
|
||||
>
|
||||
<path
|
||||
d="M65.8285 163.318C66.1568 164.505 66.7156 165.616 67.4731 166.587C68.2306 167.557 69.1719 168.37 70.2433 168.977C71.3146 169.584 72.4951 169.974 73.7172 170.125C74.9393 170.276 76.1792 170.184 77.366 169.856C78.5528 169.528 79.6633 168.969 80.6342 168.211C81.605 167.454 82.4172 166.512 83.0242 165.441C83.6313 164.37 84.0214 163.189 84.1722 161.967C84.3231 160.745 84.2318 159.505 83.9035 158.318L65.8285 163.318ZM12.0035 31.5684C10.812 31.2204 9.56326 31.1124 8.32972 31.2508C7.09619 31.3892 5.90242 31.7712 4.81768 32.3746C3.73293 32.978 2.77882 33.7908 2.01068 34.7659C1.24255 35.7409 0.675695 36.8588 0.343006 38.0547C0.0103176 39.2505 -0.0815803 40.5006 0.0726454 41.7322C0.226871 42.9639 0.62415 44.1526 1.24143 45.2295C1.85871 46.3064 2.6837 47.25 3.66854 48.0056C4.65338 48.7611 5.77845 49.3136 6.97848 49.6309L12.0035 31.5684ZM224.353 169.068C225.574 168.786 226.726 168.262 227.741 167.527C228.755 166.792 229.613 165.861 230.261 164.789C230.91 163.718 231.338 162.527 231.518 161.287C231.699 160.047 231.63 158.783 231.314 157.571C230.998 156.359 230.442 155.222 229.679 154.228C228.917 153.234 227.963 152.403 226.873 151.783C225.784 151.164 224.582 150.77 223.337 150.624C222.093 150.477 220.832 150.582 219.628 150.931L224.353 169.068ZM99.466 191.993C103.341 205.993 94.841 220.781 79.791 224.693L84.5035 242.831C109.216 236.418 124.316 211.556 117.541 186.993L99.466 191.993ZM79.791 224.693C64.641 228.631 49.441 219.831 45.541 205.706L27.466 210.706C34.216 235.143 59.891 249.231 84.5035 242.831L79.791 224.693ZM45.541 205.706C41.666 191.706 50.166 176.918 65.216 173.006L60.5035 154.881C35.791 161.293 20.6785 186.143 27.466 210.706L45.541 205.706ZM65.216 173.006C80.366 169.068 95.566 177.868 99.466 191.993L117.541 186.993C110.791 162.556 85.116 148.468 60.5035 154.868L65.216 173.006ZM83.9035 158.318L57.0035 60.9434L38.9285 65.9434L65.8285 163.318L83.9035 158.318ZM33.3035 37.4684L12.0035 31.5684L6.97848 49.6309L28.291 55.5434L33.3035 37.4684ZM57.0035 60.9434C55.4175 55.3165 52.4008 50.1965 48.2473 46.0825C44.0938 41.9684 38.9452 39.0006 33.3035 37.4684L28.316 55.5434C33.6285 57.0184 37.5785 61.0559 38.9285 65.9434L57.0035 60.9434ZM110.878 198.568L224.353 169.068L219.641 150.931L106.153 180.431L110.878 198.568Z"
|
||||
fill="black"
|
||||
/>
|
||||
<path
|
||||
d="M211.565 50.4561C205.503 28.5061 202.465 17.5311 193.565 12.5436C184.64 7.54358 173.328 10.4936 150.703 16.3811L126.703 22.6061C104.078 28.4811 92.7652 31.4311 87.6277 40.0811C82.4777 48.7186 85.5027 59.6936 91.5652 81.6311L98.0027 104.919C104.065 126.856 107.09 137.831 116.003 142.819C124.915 147.819 136.228 144.869 158.853 138.994L182.853 132.744C205.478 126.869 216.79 123.931 221.94 115.294C224.765 110.544 225.128 105.094 223.865 97.5061"
|
||||
stroke="black"
|
||||
stroke-opacity="0.44"
|
||||
stroke-width="18.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div className="mb-4 mt-8">
|
||||
<h2 className="text-gray-500 text-center mb-0">
|
||||
تحویل، سفارش یا بازگشت
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-xl p-5">
|
||||
<div>
|
||||
{" "}
|
||||
<svg
|
||||
width="50"
|
||||
height="50"
|
||||
viewBox="0 0 195 234"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="mx-auto opacity-50"
|
||||
>
|
||||
<path
|
||||
d="M97.5 223C108.859 223 120.107 220.855 130.602 216.686C141.097 212.518 150.632 206.409 158.665 198.707C166.697 191.005 173.069 181.861 177.416 171.798C181.763 161.735 184 150.949 184 140.057V93.9407C184.001 73.5647 176.18 53.9012 162.029 38.7007M11 112.354V140.057C10.9942 156.385 16.0145 172.351 25.4316 185.955C34.8487 199.559 48.2438 210.195 63.938 216.53M140.75 22.1121C120.883 11.1136 97.2729 8.13312 75.1139 13.8262C52.955 19.5192 34.062 33.4194 22.591 52.4692C17.8677 60.2912 14.5352 68.8126 12.73 77.6839"
|
||||
stroke="black"
|
||||
stroke-width="21.4286"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M88.5037 59.1046C94.8666 57.838 101.445 57.9569 107.753 59.4527C114.062 60.9484 119.94 63.7828 124.954 67.7469C129.968 71.711 133.99 76.7037 136.724 82.3569C139.458 88.01 140.834 94.1794 140.75 100.41V127.118M129.678 161.954C123.791 168.241 116.043 172.654 107.469 174.603C98.8954 176.551 89.9055 175.943 81.7025 172.858C73.4996 169.773 66.475 164.359 61.5688 157.341C56.6626 150.323 54.109 142.035 54.2497 133.587V100.41C54.2168 94.7128 55.394 89.0687 57.7097 83.8216M97.4997 102.235V129.938"
|
||||
stroke="black"
|
||||
stroke-opacity="0.46"
|
||||
stroke-width="21.4286"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div className="mb-4 mt-8">
|
||||
<h2 className="text-gray-500 text-center mb-0">
|
||||
امنیت و حریم خصوصی{" "}
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-xl p-5">
|
||||
<div>
|
||||
{" "}
|
||||
<svg
|
||||
width="50"
|
||||
height="50"
|
||||
viewBox="0 0 269 220"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="mx-auto opacity-50"
|
||||
s
|
||||
>
|
||||
<path
|
||||
d="M134.5 85V135M112.85 97.5L156.15 122.5M156.15 97.5L112.838 122.5M68.65 85V135M47 97.5L90.3 122.5M90.3 97.5L47 122.5M200.35 85C200.35 85 200.35 100.237 200.35 110C200.35 119.763 200.35 135 200.35 135M178.7 97.5L222 122.5M222 97.5L178.688 122.5M259.5 110C259.5 157.137 259.5 180.712 244.85 195.35C230.212 210 206.637 210 159.5 210H109.5C62.3625 210 38.7875 210 24.15 195.35C9.5 180.712 9.5 157.137 9.5 110C9.5 62.8625 9.5 39.2875 24.15 24.65C38.7875 10 62.3625 10 109.5 10H159.5C206.637 10 230.212 10 244.85 24.65C253.025 32.8125 256.638 43.75 258.225 60"
|
||||
stroke="black"
|
||||
stroke-width="18.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div className="mb-4 mt-8">
|
||||
<h2 className="text-gray-500 text-center mb-0">
|
||||
رمز عبور ورود{" "}
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-xl p-5">
|
||||
<div>
|
||||
{" "}
|
||||
<svg
|
||||
width="50"
|
||||
height="50"
|
||||
viewBox="0 0 263 225"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="mx-auto opacity-50"
|
||||
>
|
||||
<path
|
||||
d="M32.8125 0C24.1101 0 15.7641 3.45702 9.61056 9.61056C3.45702 15.7641 0 24.1101 0 32.8125V154.688C0 172.8 14.7 187.5 32.8125 187.5H75.6562C74.7665 181.282 74.7665 174.968 75.6562 168.75H32.8125C29.0829 168.75 25.506 167.268 22.8688 164.631C20.2316 161.994 18.75 158.417 18.75 154.688V32.8125C18.75 29.0829 20.2316 25.506 22.8688 22.8688C25.506 20.2316 29.0829 18.75 32.8125 18.75H229.688C233.417 18.75 236.994 20.2316 239.631 22.8688C242.268 25.506 243.75 29.0829 243.75 32.8125V118.819C250.781 122.156 257.119 126.694 262.5 132.188V32.8125C262.5 24.1101 259.043 15.7641 252.889 9.61056C246.736 3.45702 238.39 0 229.688 0H32.8125ZM122.175 115.125C121.674 111.248 119.778 107.685 116.841 105.104C113.904 102.523 110.128 101.1 106.219 101.1H53.5875C49.3208 101.1 45.2289 102.795 42.2119 105.812C39.1949 108.829 37.5 112.921 37.5 117.188C37.5006 124.17 39.8353 130.953 44.1329 136.456C48.4305 141.96 54.4444 145.869 61.2187 147.562L62.2125 147.825C68.4937 149.381 74.9062 150.112 81.3375 149.981C85.3102 141.629 90.9986 134.208 98.0319 128.203C105.065 122.197 113.304 117.741 122.175 115.125ZM150 65.625C150 63.1386 150.988 60.754 152.746 58.9959C154.504 57.2377 156.889 56.25 159.375 56.25H215.625C218.111 56.25 220.496 57.2377 222.254 58.9959C224.012 60.754 225 63.1386 225 65.625C225 68.1114 224.012 70.496 222.254 72.2541C220.496 74.0123 218.111 75 215.625 75H159.375C156.889 75 154.504 74.0123 152.746 72.2541C150.988 70.496 150 68.1114 150 65.625ZM79.8938 88.3875C83.2351 88.3875 86.5437 87.7294 89.6307 86.4507C92.7176 85.172 95.5225 83.2979 97.8852 80.9352C100.248 78.5725 102.122 75.7676 103.401 72.6806C104.679 69.5937 105.338 66.2851 105.338 62.9437C105.338 59.6024 104.679 56.2938 103.401 53.2068C102.122 50.1199 100.248 47.315 97.8852 44.9523C95.5225 42.5896 92.7176 40.7155 89.6307 39.4368C86.5437 38.1581 83.2351 37.5 79.8938 37.5C73.1457 37.5 66.6739 40.1807 61.9023 44.9523C57.1307 49.7239 54.45 56.1956 54.45 62.9437C54.45 69.6919 57.1307 76.1636 61.9023 80.9352C66.6739 85.7068 73.1457 88.3875 79.8938 88.3875ZM140.625 131.25C128.193 131.25 116.27 136.189 107.479 144.979C98.6886 153.77 93.75 165.693 93.75 178.125C93.75 190.557 98.6886 202.48 107.479 211.271C116.27 220.061 128.193 225 140.625 225H150C152.486 225 154.871 224.012 156.629 222.254C158.387 220.496 159.375 218.111 159.375 215.625C159.375 213.139 158.387 210.754 156.629 208.996C154.871 207.238 152.486 206.25 150 206.25H140.625C133.166 206.25 126.012 203.287 120.738 198.012C115.463 192.738 112.5 185.584 112.5 178.125C112.5 170.666 115.463 163.512 120.738 158.238C126.012 152.963 133.166 150 140.625 150H150C152.486 150 154.871 149.012 156.629 147.254C158.387 145.496 159.375 143.111 159.375 140.625C159.375 138.139 158.387 135.754 156.629 133.996C154.871 132.238 152.486 131.25 150 131.25H140.625ZM206.25 131.25C203.764 131.25 201.379 132.238 199.621 133.996C197.863 135.754 196.875 138.139 196.875 140.625C196.875 143.111 197.863 145.496 199.621 147.254C201.379 149.012 203.764 150 206.25 150H215.625C223.084 150 230.238 152.963 235.512 158.238C240.787 163.512 243.75 170.666 243.75 178.125C243.75 185.584 240.787 192.738 235.512 198.012C230.238 203.287 223.084 206.25 215.625 206.25H206.25C203.764 206.25 201.379 207.238 199.621 208.996C197.863 210.754 196.875 213.139 196.875 215.625C196.875 218.111 197.863 220.496 199.621 222.254C201.379 224.012 203.764 225 206.25 225H215.625C228.057 225 239.98 220.061 248.771 211.271C257.561 202.48 262.5 190.557 262.5 178.125C262.5 165.693 257.561 153.77 248.771 144.979C239.98 136.189 228.057 131.25 215.625 131.25H206.25ZM140.625 168.75C138.139 168.75 135.754 169.738 133.996 171.496C132.238 173.254 131.25 175.639 131.25 178.125C131.25 180.611 132.238 182.996 133.996 184.754C135.754 186.512 138.139 187.5 140.625 187.5H215.625C218.111 187.5 220.496 186.512 222.254 184.754C224.012 182.996 225 180.611 225 178.125C225 175.639 224.012 173.254 222.254 171.496C220.496 169.738 218.111 168.75 215.625 168.75H140.625Z"
|
||||
fill="black"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div className="mb-4 mt-8">
|
||||
<h2 className="text-gray-500 text-center mb-0">
|
||||
پرداخت، شارژ یا کارت هدیه{" "}
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-white rounded-xl p-5 xs:col-span-2 lg:col-span-1 ">
|
||||
<div>
|
||||
{" "}
|
||||
<svg
|
||||
width="50"
|
||||
height="50"
|
||||
viewBox="0 0 270 220"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className="mx-auto opacity-50"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M109.3 0.625H148.2C171.175 0.625 189.375 0.625002 203.613 2.5375C218.263 4.5125 230.125 8.6625 239.487 18.0125C251.037 29.575 254.725 45.05 256.062 65.1375C263.275 68.3 268.725 75.0125 269.312 83.5125C269.375 84.275 269.375 85.0875 269.375 85.8375V134.162C269.375 134.912 269.375 135.725 269.325 136.475C268.725 144.975 263.275 151.7 256.062 154.875C254.725 174.95 251.037 190.425 239.487 201.987C230.125 211.337 218.263 215.487 203.613 217.462C189.363 219.375 171.175 219.375 148.2 219.375H109.3C86.325 219.375 68.125 219.375 53.8875 217.462C39.2375 215.487 27.375 211.337 18.0125 201.987C8.6625 192.625 4.5125 180.763 2.5375 166.113C0.625 151.863 0.625 133.675 0.625 110.7V109.3C0.625 86.325 0.625 68.125 2.5375 53.8875C4.5125 39.2375 8.6625 27.375 18.0125 18.0125C27.375 8.6625 39.2375 4.5125 53.8875 2.5375C68.1375 0.625002 86.325 0.625 109.3 0.625ZM237.1 156.875H212.875C186.062 156.875 163.112 136.525 163.112 110C163.112 83.475 186.063 63.125 212.863 63.125H237.087C235.662 46.3625 232.45 37.5 226.213 31.275C220.925 25.9875 213.675 22.8125 201.1 21.125C188.263 19.4 171.325 19.375 147.487 19.375H109.987C86.15 19.375 69.225 19.4 56.3625 21.125C43.8 22.8125 36.55 25.9875 31.2625 31.275C25.975 36.5625 22.8 43.8125 21.1125 56.3875C19.3875 69.2375 19.3625 86.1625 19.3625 110C19.3625 133.837 19.3875 150.775 21.1125 163.625C22.8 176.188 25.975 183.438 31.2625 188.725C36.55 194.013 43.8 197.187 56.375 198.875C69.225 200.6 86.15 200.625 109.987 200.625H147.487C171.325 200.625 188.262 200.6 201.112 198.875C213.675 197.187 220.925 194.013 226.213 188.725C232.45 182.5 235.675 173.65 237.1 156.875ZM50.625 60C50.625 57.5136 51.6127 55.129 53.3709 53.3709C55.129 51.6127 57.5136 50.625 60 50.625H110C112.486 50.625 114.871 51.6127 116.629 53.3709C118.387 55.129 119.375 57.5136 119.375 60C119.375 62.4864 118.387 64.871 116.629 66.6291C114.871 68.3873 112.486 69.375 110 69.375H60C57.5136 69.375 55.129 68.3873 53.3709 66.6291C51.6127 64.871 50.625 62.4864 50.625 60ZM246.55 81.875H212.875C195.075 81.875 181.862 95.1125 181.862 110C181.862 124.887 195.075 138.125 212.863 138.125H246.838C249.413 137.962 250.525 136.225 250.613 135.175V84.825C250.525 83.775 249.413 82.0375 246.838 81.8875L246.55 81.875Z"
|
||||
fill="black"
|
||||
fill-opacity="0.73"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div className="mb-4 mt-8">
|
||||
<h2 className="text-gray-500 text-center mb-0">
|
||||
پرداخت، شارژ یا کارت هدیه{" "}
|
||||
</h2>
|
||||
</div>
|
||||
</div>{" "}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className=" xs:px-3 lg:px-20 lg:flex rtl lg:m-10 xs:m-3 pb-20 ">
|
||||
<div>
|
||||
<h2 className="mb-0 text-right font-semibold xs:text-[17px] lg:text-[20px] my-2 ">
|
||||
فروشگاه وسمه
|
||||
</h2>
|
||||
<p className="mb-0 text-right xs:text-sm lg:text-base">
|
||||
اینجا جایی است که زیبایی شما به روشنی معنا پیدا میکند و هر آنچه که
|
||||
برای بهترین نسخه خود نیاز دارید، در دسترس شماست. ما به افتخار اینکه
|
||||
انتخابی برای زیبایی و اعتماد به نفس شما هستیم، بسیار خوشحالیم. در
|
||||
فروشگاه وسمه، ما به دنبال ارائه محصولات با کیفیت و خدماتی استثنایی
|
||||
هستیم تا به شما کمک کنیم تا به بهترین شکل ممکن زندگی کنید. اگر سوالی
|
||||
دارید یا نیاز به راهنمایی دارید، تیم ما همیشه در دسترس است تا به شما
|
||||
کمک کند. با افتخار ما را در فروشگاه وسمه به عنوان همراهی شما در مسیر
|
||||
زیبایی و اعتماد به نفس خوش آمدید. با احترام و دوستی، تیم فروشگاه
|
||||
وسمه
|
||||
</p>
|
||||
</div>
|
||||
<div className="w-full lg:mx-10">
|
||||
<div className="flex rtl mt-5">
|
||||
<div className="bg-primary-500 p-3 w-[80px] rounded-lg">
|
||||
<p className="mb-0 text-white text-center">تماس</p>
|
||||
</div>
|
||||
|
||||
<div className="m-3">
|
||||
<PersianNumber number={number} style={"font-bold !text-[17px]"} />{" "}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex rtl mt-5">
|
||||
<div className="bg-primary-500 p-3 w-[80px] rounded-lg">
|
||||
<p className="mb-0 text-white text-center">ایمیل</p>
|
||||
</div>
|
||||
|
||||
<div className="m-3">
|
||||
<p className="font-bold !text-[15x]">info@vesmeh.com </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex rtl mt-5">
|
||||
<div className="bg-primary-500 p-3 w-[80px] rounded-lg h-fit relative">
|
||||
<p className="mb-0 text-white text-center">آدرس</p>
|
||||
</div>
|
||||
|
||||
<div className="m-3">
|
||||
<p className="font-bold !text-[15x]">
|
||||
تهران، خیابان گاندی جنوبی, خیابان خالد اسلامبولی, پلاک128{" "}
|
||||
</p>{" "}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
متن ندارد
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
|
|
|
|||
|
|
@ -115,12 +115,16 @@ const Login = () => {
|
|||
};
|
||||
|
||||
return (
|
||||
<div className="bg-login">
|
||||
<div className="bg-hero-pattern bg-primary-950 h-[100vh]">
|
||||
<div className="xs:w-11/12 lg:w-4/12 xl:w-3/12 mx-auto pt-[150px]">
|
||||
<div className="bg-white p-10 rounded-3xl">
|
||||
<div className=" p-4 rounded-3xl">
|
||||
<div className=" flex justify-center">
|
||||
<div className="w-[100px]">
|
||||
<Image src={logo} className="mx-auto" alt="ورود و عضویت وسمه" />
|
||||
<div className="w-[80px] h-[80px] rounded-2xl rounded-tl-[30px] bg-white">
|
||||
<Image
|
||||
src={logo}
|
||||
className="mx-auto w-[50px] pt-4"
|
||||
alt="ورود و عضویت وسمه"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{stepLogin == 0 ? (
|
||||
|
|
|
|||
|
|
@ -14,6 +14,8 @@ export default function Page() {
|
|||
const [specialOfferData, setSpecialOfferData] = useState([]);
|
||||
const [cosmeticData, setCosmeticData] = useState([]);
|
||||
const [HomeCosmeticData, setHomeCosmeticData] = useState([]);
|
||||
const [navData, setNavData] = useState([]);
|
||||
|
||||
const fetchSpecialOffer = async () => {
|
||||
const res = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/product?page=0&specialOffer=true`
|
||||
|
|
@ -24,7 +26,7 @@ export default function Page() {
|
|||
|
||||
const fetchCosmetic = async () => {
|
||||
const res = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/product?page=0&categoryId=553af942-7a14-4757-9a03-a3ebec6c865a`
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/product?page=0&categoryId=effe5d98-d4b7-47e1-9bfb-4d3c77ab3347`
|
||||
);
|
||||
const Cosmetic = await res.json();
|
||||
setCosmeticData(Cosmetic);
|
||||
|
|
@ -32,7 +34,7 @@ export default function Page() {
|
|||
|
||||
const fetchHomeCosmetic = async () => {
|
||||
const res = await fetch(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/product?page=0&categoryId=effe5d98-d4b7-47e1-9bfb-4d3c77ab3347`
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/product?page=0&categoryId=553af942-7a14-4757-9a03-a3ebec6c865a`
|
||||
);
|
||||
const HomeCosmetic = await res.json();
|
||||
setHomeCosmeticData(HomeCosmetic);
|
||||
|
|
@ -42,11 +44,12 @@ export default function Page() {
|
|||
fetchSpecialOffer();
|
||||
fetchCosmetic();
|
||||
fetchHomeCosmetic();
|
||||
// fetchNavData();
|
||||
}, []);
|
||||
return (
|
||||
<>
|
||||
{/* <Navbar theme={0} /> */}
|
||||
<HeroSection data={specialOfferData} />
|
||||
<HeroSection data={cosmeticData} />
|
||||
|
||||
{/* <SurpriseSection data={specialOfferData?.products} /> */}
|
||||
|
||||
|
|
|
|||
|
|
@ -10,15 +10,9 @@ export async function generateMetadata({ params }) {
|
|||
const data = await getData(params.id[0]);
|
||||
|
||||
const decodedName = decodeURIComponent(params.id[1]);
|
||||
const imageUrl = new URL(
|
||||
data?.product?.files && data?.product?.files[0]?.fileLocation,
|
||||
process.env.STORAGE_URL
|
||||
);
|
||||
const imageUrl = null;
|
||||
|
||||
const metadataUrl = new URL(
|
||||
`products/${params.id[0]}/${data?.product?.persianName}`,
|
||||
process.env.NEXT_PUBLIC_APP_URL
|
||||
);
|
||||
const metadataUrl = null;
|
||||
return {
|
||||
title: data?.product?.persianName,
|
||||
description: `خرید ${data?.product?.persianName}| برندهای متنوع با پایین ترین قیمت | فروشگاه اینترنتی وسمه`,
|
||||
|
|
@ -60,10 +54,7 @@ export async function generateMetadata({ params }) {
|
|||
|
||||
const Page = async ({ params }) => {
|
||||
const data = await getData(params.id[0]);
|
||||
const imageUrl = new URL(
|
||||
data?.product?.files && data?.product?.files[0]?.fileLocation,
|
||||
process.env.STORAGE_URL
|
||||
);
|
||||
const imageUrl = null;
|
||||
|
||||
const structuredData = {
|
||||
"@context": "https://schema.org",
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import AppContext from "@ctx/AppContext";
|
|||
import BottomSheetDeleteAddress from "plugins/bottomSheet/BottomSheetDeleteAddress";
|
||||
import { useContext, useEffect } from "react";
|
||||
import SideBarProfile from "../component/SideBarProfile/page";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
|
||||
const Page = () => {
|
||||
const CTX = useContext(AppContext);
|
||||
|
|
@ -18,12 +19,12 @@ const Page = () => {
|
|||
|
||||
return (
|
||||
<>
|
||||
<Navbar theme={1} />
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 rtl gap-6 xs:px-[20px] lg:px-[100px] xl:[300px]">
|
||||
<NavbarTransparent theme={1} />
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 rtl gap-6 xs:px-[20px] lg:px-[100px] xl:[300px] mt-5">
|
||||
<SideBarProfile />
|
||||
|
||||
<div className="lg:col-span-3 xl:col-span-4 ">
|
||||
<div className="bg-gray-100 p-5 mt-5 rounded-lg overflow-hidden">
|
||||
<div className="bg-gray-50 p-5 rounded-lg overflow-hidden">
|
||||
<div className="flex justify-between">
|
||||
<p className="mb-0 font-bold">آدرس های شما</p>
|
||||
<button
|
||||
|
|
@ -36,18 +37,18 @@ const Page = () => {
|
|||
</div>
|
||||
|
||||
{addressData.length > 0 ? (
|
||||
<div className="overflow-x-auto mt-5">
|
||||
<div className="overflow-x-auto mt-5 rounded-2xl">
|
||||
<table
|
||||
className="table-auto w-full bg-white border-collapse rounded-lg"
|
||||
dir="rtl"
|
||||
>
|
||||
<thead>
|
||||
<tr className="bg-gray-300 ">
|
||||
<th className="px-4 text-xs font-semibold text-gray-600 uppercase border-b py-5 text-center">
|
||||
<tr className="bg-primary-500 !rounded-full ">
|
||||
<th className="px-4 text-xs font-semibold text-gray-100 uppercase border-b py-5 text-center">
|
||||
آدرس
|
||||
</th>
|
||||
|
||||
<th className="px-4 text-xs font-semibold text-gray-600 uppercase border-b py-5 text-center">
|
||||
<th className="px-4 text-xs font-semibold text-gray-100 uppercase border-b py-5 text-center">
|
||||
عملیات
|
||||
</th>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -9,17 +9,17 @@ const SideBarProfile = () => {
|
|||
const profile = CTX.state.profile;
|
||||
|
||||
return (
|
||||
<div className="rounded-xl border border-gray-100 bg-gray-200 overflow-hidden xs:hidden lg:block h-fit sticky top-20">
|
||||
<div className="rounded-xl border border-gray-100 bg-gray-50 overflow-hidden xs:hidden lg:block h-fit sticky top-20">
|
||||
<div>
|
||||
<div className="bg-white rounded-b-3xl p-5 flex shadow">
|
||||
<div className="bg-primary-500 w-[60px] h-[60px] rounded-full"></div>
|
||||
<div className="p-5 flex justify-center ">
|
||||
<div>
|
||||
<div className="bg-primary-500 w-[60px] h-[60px] rounded-2xl mx-auto"></div>
|
||||
|
||||
<div className="m-3">
|
||||
<p className="mb-0 text-sm">
|
||||
<p className="mb-0 text-base text-center font-medium mt-2">
|
||||
{profile?.firstName} {profile?.lastName}
|
||||
</p>
|
||||
|
||||
<p className="mb-0 text-sm">
|
||||
<p className="mb-0 text-sm text-center">
|
||||
<PersianNumber number={profile?.phoneNumber} />
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -28,54 +28,43 @@ const SideBarProfile = () => {
|
|||
<ul className="p-2 ">
|
||||
<li className="group cursor-pointer">
|
||||
<Link href={"/profile"}>
|
||||
<div className="flex justify-between p-4 rounded-full group-hover:bg-primary-200 tr03">
|
||||
<div className="flex justify-between p-4 rounded-full group-hover:bg-primary-300 tr03">
|
||||
<p className="mb-0 text-sm text-gray-500 group-hover:text-black tr03">
|
||||
داشبورد
|
||||
</p>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-primary-200 group-hover:bg-primary-500 tr03 "></div>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-primary-500 group-hover:bg-primary-700 tr03 "></div>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="group cursor-pointer">
|
||||
<Link href={"/profile/orders"}>
|
||||
<div className="flex justify-between p-4 rounded-full group-hover:bg-primary-200 tr03">
|
||||
<div className="flex justify-between p-4 rounded-full group-hover:bg-primary-300 tr03">
|
||||
<p className="mb-0 text-sm text-gray-500 group-hover:text-black tr03">
|
||||
پیگیری سغارشات
|
||||
</p>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-primary-200 group-hover:bg-primary-500 tr03 "></div>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-primary-500 group-hover:bg-primary-700 tr03 "></div>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="group cursor-pointer">
|
||||
<Link href={"/profile/address"}>
|
||||
<div className="flex justify-between p-4 rounded-full group-hover:bg-primary-200 tr03">
|
||||
<div className="flex justify-between p-4 rounded-full group-hover:bg-primary-300 tr03">
|
||||
<p className="mb-0 text-sm text-gray-500 group-hover:text-black tr03">
|
||||
آدرس ها{" "}
|
||||
</p>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-primary-200 group-hover:bg-primary-500 tr03 "></div>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="group cursor-pointer">
|
||||
<Link href={"/profile/saleCooperationSystem"}>
|
||||
<div className="flex justify-between p-4 rounded-full group-hover:bg-primary-200 tr03">
|
||||
<p className="mb-0 text-sm text-gray-500 group-hover:text-black tr03">
|
||||
همکاری در فروش{" "}
|
||||
</p>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-primary-200 group-hover:bg-primary-500 tr03 "></div>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-primary-500 group-hover:bg-primary-700 tr03 "></div>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li
|
||||
className="flex justify-between p-4 rounded-full group hover:bg-red-200 tr03 cursor-pointer"
|
||||
className="flex justify-between p-4 rounded-full group hover:bg-red-300 tr03 cursor-pointer"
|
||||
onClick={() => CTX.setBottomSheetLogOutOpen(true)}
|
||||
>
|
||||
<p className="mb-0 text-sm text-red-500 group-hover: ">خروج </p>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-red-200 group-hover:bg-red-500 tr03 "></div>
|
||||
<p className="mb-0 text-sm text-red-700 group-hover: ">خروج </p>
|
||||
<div className="w-[20px] h-[20px] rounded-full bg-red-500 group-hover:bg-red-700 tr03 "></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ import { useContext, useEffect, useState } from "react";
|
|||
import AppContext from "@ctx/AppContext";
|
||||
import moment from "jalali-moment";
|
||||
import BottomSheetSeeOrder from "plugins/bottomSheet/BottomSheetSeeOrder";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
|
||||
const Page = () => {
|
||||
const CTX = useContext(AppContext);
|
||||
|
|
@ -53,59 +54,44 @@ const Page = () => {
|
|||
}, []);
|
||||
return (
|
||||
<>
|
||||
<Navbar theme={1} />
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 rtl gap-6 xs:px-[20px] lg:px-[100px] xl:[300px]">
|
||||
<NavbarTransparent theme={1} />
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 rtl gap-6 xs:px-[20px] lg:px-[100px] xl:[300px] mt-5">
|
||||
<SideBarProfile />
|
||||
|
||||
<div className="lg:col-span-3 xl:col-span-4 ">
|
||||
<div className="bg-gray-100 p-5 mt-5 rounded-lg overflow-hidden">
|
||||
<div className="bg-gray-50 p-5 rounded-lg overflow-hidden">
|
||||
<p className="mb-0 font-bold">سابقه سفارشات</p>
|
||||
{/*
|
||||
<div className="flex rounded-xl bg-gray-300 mt-3 w-fit p-2 ">
|
||||
<div className="bg-primary-500 py-2 rounded-xl xs:px-2 lg:px-5">
|
||||
<p className="mb-0 text-white xs:text-sm lg:text-base"> جاری</p>
|
||||
</div>
|
||||
<div className=" py-2 rounded-full xs:px-2 lg:px-5 text-gray-600">
|
||||
<p className="mb-0 xs:text-sm lg:text-base">تحویل شده</p>
|
||||
</div>
|
||||
<div className=" py-2 rounded-full xs:px-2 lg:px-5 text-gray-600">
|
||||
<p className="mb-0 xs:text-sm lg:text-base">مرجوع شده</p>
|
||||
</div>
|
||||
<div className=" py-2 rounded-full xs:px-2 lg:px-5 text-gray-600">
|
||||
<p className="mb-0 xs:text-sm lg:text-base">لغو شده</p>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="overflow-x-auto mt-5">
|
||||
<div className="overflow-x-auto mt-5 rounded-2xl">
|
||||
<table
|
||||
className="table-auto w-full bg-white border-collapse rounded-lg"
|
||||
dir="rtl"
|
||||
>
|
||||
<thead>
|
||||
<tr className="bg-gray-300 ">
|
||||
<th className="px-4 text-right text-xs font-semibold text-gray-600 uppercase border-b py-5">
|
||||
<tr className="bg-primary-500 !rounded-full ">
|
||||
<th className="px-4 text-center text-xs font-semibold text-gray-100 uppercase border-b py-5">
|
||||
قیمت{" "}
|
||||
</th>
|
||||
<th className="px-4 text-right text-xs font-semibold text-gray-600 uppercase border-b py-5">
|
||||
<th className="px-4 text-center text-xs font-semibold text-gray-100 uppercase border-b py-5">
|
||||
تاریخ سفارش
|
||||
</th>
|
||||
<th className="px-4 text-right text-xs font-semibold text-gray-600 uppercase border-b py-5">
|
||||
<th className="px-4 text-center text-xs font-semibold text-gray-100 uppercase border-b py-5">
|
||||
تاریخ تحویل
|
||||
</th>
|
||||
<th className="px-4 text-right text-xs font-semibold text-gray-600 uppercase border-b py-5">
|
||||
<th className="px-4 text-center text-xs font-semibold text-gray-100 uppercase border-b py-5">
|
||||
مرحله سفارش
|
||||
</th>
|
||||
<th className="px-4 text-right text-xs font-semibold text-gray-600 uppercase border-b py-5">
|
||||
<th className="px-4 text-center text-xs font-semibold text-gray-100 uppercase border-b py-5">
|
||||
عملیات
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody className="text-gray-600 text-sm">
|
||||
<tbody className="text-gray-600 text-sm bg-transparent">
|
||||
{orderUser?.map((e) => (
|
||||
<>
|
||||
{orderUser.length > 0 ? (
|
||||
<tr className="border-b">
|
||||
<tr className="border-b text-center">
|
||||
<td className="px-4 py-3">
|
||||
{" "}
|
||||
<PersianNumber
|
||||
|
|
|
|||
|
|
@ -1,47 +1,16 @@
|
|||
import Navbar from "@comp/Navbar/page";
|
||||
import SideBarProfile from "./component/SideBarProfile/page";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
|
||||
const Page = () => {
|
||||
return (
|
||||
<>
|
||||
<Navbar theme={1} />
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 rtl gap-6 xs:px-[20px] lg:px-[100px] xl:[300px]">
|
||||
<NavbarTransparent theme={1} />
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 rtl gap-6 xs:px-[20px] lg:px-[100px] xl:[300px] mt-5">
|
||||
<SideBarProfile />
|
||||
|
||||
<div className="lg:col-span-3 xl:col-span-4 ">
|
||||
{/* <div className="bg-primary-500 xs:p-2 lg:p-5 rounded-xl mt-5 ">
|
||||
<div className="flex">
|
||||
<div className="xs:hidden lg:block">
|
||||
<svg
|
||||
width="70"
|
||||
height="70"
|
||||
viewBox="0 0 250 250"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M51.45 226.087C35.5004 214.498 22.5227 199.296 13.5799 181.725C4.63707 164.155 -0.0165936 144.716 4.44572e-05 125C4.44572e-05 55.9625 55.9626 0 125 0C194.038 0 250 55.9625 250 125C250.017 144.716 245.363 164.155 236.42 181.725C227.477 199.296 214.5 214.498 198.55 226.087L185.863 204.35C202.442 191.632 214.622 174.04 220.69 154.045C226.759 134.05 226.411 112.656 219.696 92.8684C212.981 73.0809 200.236 55.8941 183.251 43.722C166.267 31.55 145.896 25.0042 125 25.0042C104.104 25.0042 83.7333 31.55 66.7488 43.722C49.7642 55.8941 37.0193 73.0809 30.3043 92.8684C23.5892 112.656 23.2414 134.05 29.3098 154.045C35.3781 174.04 47.5576 191.632 64.1375 204.35L51.45 226.087ZM76.875 182.525C65.0629 172.643 56.5793 159.364 52.5769 144.492C48.5746 129.62 49.2475 113.877 54.5044 99.4013C59.7612 84.9254 69.347 72.4187 81.9593 63.5806C94.5717 54.7424 109.599 50.0012 125 50.0012C140.401 50.0012 155.428 54.7424 168.041 63.5806C180.653 72.4187 190.239 84.9254 195.496 99.4013C200.753 113.877 201.425 129.62 197.423 144.492C193.421 159.364 184.937 172.643 173.125 182.525L160.25 160.45C167.272 153.469 172.064 144.561 174.017 134.854C175.971 125.146 174.998 115.078 171.222 105.924C167.447 96.7706 161.038 88.9441 152.809 83.4368C144.581 77.9296 134.902 74.9896 125 74.9896C115.098 74.9896 105.42 77.9296 97.1906 83.4368C88.9617 88.9441 82.5533 96.7706 78.7777 105.924C75.002 115.078 74.0293 125.146 75.9827 134.854C77.9361 144.561 82.7277 153.469 89.75 160.45L76.875 182.525ZM112.5 137.5H137.5L150 250H100L112.5 137.5Z"
|
||||
fill="white"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<p className="mb-0 text-white mx-4 font-medium text-sm">
|
||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
|
||||
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله
|
||||
در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد
|
||||
نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد،
|
||||
کتابهای زیادی در شصت و سه درصد گذشته حال و آینده{" "}
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex justify-end m-3">
|
||||
<button className="btn btn-light text-sm py-2 rounded-full px-5">
|
||||
خرید ادامـــــه دارد
|
||||
</button>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className="bg-gray-200 p-5 mt-5 rounded-lg">
|
||||
<div className="bg-gray-50 p-5 rounded-lg">
|
||||
<p className="mb-0 font-bold">سفارش جاری</p>
|
||||
|
||||
<div className="flex justify-center my-7">
|
||||
|
|
|
|||
|
|
@ -1,463 +0,0 @@
|
|||
"use client";
|
||||
import Navbar from "@comp/Navbar/page";
|
||||
import React, { useContext, useEffect, useRef, useState } from "react";
|
||||
import SideBarProfile from "../component/SideBarProfile/page";
|
||||
import SimpleReactValidator from "simple-react-validator";
|
||||
import { toast } from "react-toastify";
|
||||
import PersianNumber from "plugins/PersianNumber";
|
||||
import AppContext from "@ctx/AppContext";
|
||||
import moment from "jalali-moment";
|
||||
import Chapar from "plugins/Chapar";
|
||||
|
||||
const Page = () => {
|
||||
const CTX = useContext(AppContext);
|
||||
const cooperationSystemProfileContractData =
|
||||
CTX.state.cooperationSystemProfileContractData;
|
||||
|
||||
const cooperationSystemProfileData = CTX.state.cooperationSystemProfileData;
|
||||
const profile = CTX.state.profile;
|
||||
const [stepsaleCooperationSystem, setStepsaleCooperationSystem] = useState(0);
|
||||
const [rulesAccept, setRulesAccept] = useState(false);
|
||||
const [nationalCode, setNationalCode] = useState("");
|
||||
const [fatherName, setFatherName] = useState("");
|
||||
const [shabaNumber, setShabaNumber] = useState("");
|
||||
const [year, setYear] = useState("");
|
||||
const [month, setMonth] = useState("");
|
||||
const [day, setDay] = useState("");
|
||||
const [birthDate, setBirthDate] = useState("");
|
||||
|
||||
const [, forceUpdate] = useState();
|
||||
const [submited, setSubmited] = useState(false);
|
||||
|
||||
const validator = useRef(
|
||||
new SimpleReactValidator({
|
||||
messages: {
|
||||
required: "پر کردن این فیلد الزامی میباشد",
|
||||
},
|
||||
element: (message) => (
|
||||
<>
|
||||
<div className="text-right px-1 text-sm">
|
||||
<small className="text-red-600 t-ig-small ">{message}</small>
|
||||
</div>
|
||||
</>
|
||||
),
|
||||
})
|
||||
);
|
||||
|
||||
// Generate options for days and months
|
||||
const daysOptions = Array.from({ length: 31 }, (_, i) => i + 1);
|
||||
const monthsOptions = Array.from({ length: 12 }, (_, i) => i + 1);
|
||||
// Generate options for years between 1340 and 1388
|
||||
const yearsOptions = Array.from({ length: 49 }, (_, i) => 1388 - i);
|
||||
|
||||
const body = {
|
||||
fatherName,
|
||||
nationalId: nationalCode,
|
||||
shaba: shabaNumber,
|
||||
birthDate,
|
||||
};
|
||||
|
||||
const handleBirthDate = (year, month, day) => {
|
||||
setDay(day);
|
||||
setMonth(month);
|
||||
setYear(year);
|
||||
const persianDate = `${year}/${month}/${day}`;
|
||||
// Convert Persian date to timestamp
|
||||
const timestamp = moment(persianDate, "jYYYY/jM/jD").unix();
|
||||
setBirthDate(timestamp);
|
||||
};
|
||||
|
||||
const sendInfoUserCooperationSystem = async () => {
|
||||
if (validator.current.allValid()) {
|
||||
try {
|
||||
const data = await Chapar.post(
|
||||
`${process.env.NEXT_PUBLIC_API_URL}/marketer/signup`,
|
||||
JSON.stringify(body),
|
||||
{
|
||||
headers: {
|
||||
Authorization: localStorage.getItem("token"),
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
CTX.setCooperationSystemProfileData(data);
|
||||
setStepsaleCooperationSystem(2);
|
||||
} catch ({ error, status }) {
|
||||
toast.error("مشکلی در ارسال اطلاعات رخ داده است", {
|
||||
position: "bottom-right",
|
||||
autoClose: 2000,
|
||||
hideProgressBar: false,
|
||||
closeOnClick: true,
|
||||
pauseOnHover: true,
|
||||
draggable: true,
|
||||
progress: undefined,
|
||||
});
|
||||
}
|
||||
} else {
|
||||
toast.error("پرکردن همه ی فیلد ها واجب است", {
|
||||
position: "bottom-right",
|
||||
autoClose: 2000,
|
||||
hideProgressBar: false,
|
||||
closeOnClick: true,
|
||||
pauseOnHover: true,
|
||||
draggable: true,
|
||||
progress: undefined,
|
||||
});
|
||||
validator.current.showMessages();
|
||||
forceUpdate(1);
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
if (profile.isMarketer) {
|
||||
CTX.fetchCooperationSystemProfile();
|
||||
setStepsaleCooperationSystem(2);
|
||||
} else {
|
||||
CTX.fetchCooperationSystemProfileContract();
|
||||
setStepsaleCooperationSystem(0);
|
||||
}
|
||||
}, [profile]);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Navbar theme={1} />
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 rtl gap-6 xs:px-[20px] lg:px-[100px] xl:[300px]">
|
||||
<SideBarProfile />
|
||||
|
||||
<div className="lg:col-span-3 xl:col-span-4 mb-20 ">
|
||||
<div className="bg-gray-100 p-4 mt-5 rounded-lg overflow-hidden">
|
||||
<div className="flex mb-10">
|
||||
<div
|
||||
className={`xs:pr-2 lg:pr-4 ${
|
||||
stepsaleCooperationSystem == 0 ? "" : " opacity-40"
|
||||
}`}
|
||||
>
|
||||
<p
|
||||
className={`mb-0 xs:text-[12px] lg:text-base ${
|
||||
stepsaleCooperationSystem == 0 ? "font-bold" : "font-medium"
|
||||
}`}
|
||||
>
|
||||
قوانین همکاری
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
className={`xs:pr-2 lg:pr-4 ${
|
||||
stepsaleCooperationSystem == 1 ? "" : " opacity-40"
|
||||
}`}
|
||||
>
|
||||
<p
|
||||
className={`mb-0 xs:text-[12px] lg:text-base ${
|
||||
stepsaleCooperationSystem == 1 ? "font-bold" : "font-medium"
|
||||
}`}
|
||||
>
|
||||
اطلاعات تکمیلی
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
className={`xs:pr-2 lg:pr-4 ${
|
||||
stepsaleCooperationSystem == 2 ? "" : " opacity-40"
|
||||
}`}
|
||||
>
|
||||
<p
|
||||
className={`mb-0 xs:text-[12px] lg:text-base ${
|
||||
stepsaleCooperationSystem == 2 ? "font-bold" : "font-medium"
|
||||
}`}
|
||||
>
|
||||
داشبورد
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{stepsaleCooperationSystem == 0 ? (
|
||||
<div className="pr-5">
|
||||
<div
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: cooperationSystemProfileContractData,
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className="flex mt-10 cursor-pointer">
|
||||
<input
|
||||
id="checkBox"
|
||||
type="checkbox"
|
||||
className="scale-150"
|
||||
onChange={(e) => {
|
||||
setRulesAccept(e.target.checked);
|
||||
}}
|
||||
/>
|
||||
<label
|
||||
htmlFor="checkBox"
|
||||
className="mb-0 text-sm font-bold mr-2"
|
||||
>
|
||||
{" "}
|
||||
قوانین را مطالعه کرده و آن را میپذیرم{" "}
|
||||
</label>
|
||||
</div>
|
||||
|
||||
{!rulesAccept ? (
|
||||
<div className="mt-10">
|
||||
<button className="btn btn-primary rounded-full text-sm p-3 !px-5 opacity-45">
|
||||
مرحله بعد
|
||||
</button>
|
||||
</div>
|
||||
) : (
|
||||
<div
|
||||
className="mt-10"
|
||||
onClick={() => setStepsaleCooperationSystem(1)}
|
||||
>
|
||||
<button className="btn btn-primary rounded-full text-sm p-3 !px-5">
|
||||
مرحله بعد
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
) : stepsaleCooperationSystem == 1 ? (
|
||||
<div className="pr-2">
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-2 gap-8 ">
|
||||
<div className="text-right my-2">
|
||||
<div className=" rtl pb-2 pr-3">
|
||||
<label className=" px-2 text-sm ml-0 text-gray-500 ">
|
||||
کد ملی
|
||||
<small className="text-red-900">*</small>
|
||||
</label>
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
className={`form-control`}
|
||||
name="nationalCode"
|
||||
value={nationalCode}
|
||||
maxLength={11}
|
||||
onChange={(e) => {
|
||||
setNationalCode(e.target.value);
|
||||
validator.current.showMessageFor("nationalCode");
|
||||
}}
|
||||
/>
|
||||
{!submited ? (
|
||||
<>
|
||||
{validator.current.message(
|
||||
"nationalCode",
|
||||
nationalCode,
|
||||
"required"
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="text-right my-2">
|
||||
<div className=" rtl pb-2 pr-3">
|
||||
<label className=" px-2 text-sm ml-0 text-gray-500 ">
|
||||
نام پدر <small className="text-red-900">*</small>
|
||||
</label>
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
className={`form-control`}
|
||||
name="fatherName"
|
||||
value={fatherName}
|
||||
maxLength={11}
|
||||
onChange={(e) => {
|
||||
setFatherName(e.target.value);
|
||||
validator.current.showMessageFor("fatherName");
|
||||
}}
|
||||
/>
|
||||
{!submited ? (
|
||||
<>
|
||||
{validator.current.message(
|
||||
"fatherName",
|
||||
fatherName,
|
||||
"required"
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="text-right my-2">
|
||||
<div className=" rtl pb-2 pr-3">
|
||||
<label className=" px-2 text-sm ml-0 text-gray-500 ">
|
||||
شماره شبا<small className="text-red-900">*</small>
|
||||
</label>
|
||||
</div>
|
||||
<div className="flex">
|
||||
<input
|
||||
type="text"
|
||||
className={`form-control !text-left`}
|
||||
name="shabaNumber"
|
||||
value={shabaNumber}
|
||||
onChange={(e) => {
|
||||
setShabaNumber(e.target.value);
|
||||
validator.current.showMessageFor("shabaNumber");
|
||||
}}
|
||||
/>
|
||||
<div className="w-[40px] mr-2">
|
||||
<p className="ltr text-gray-700 font-bold mt-4">
|
||||
IR -{" "}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{!submited ? (
|
||||
<>
|
||||
{validator.current.message(
|
||||
"shabaNumber",
|
||||
shabaNumber,
|
||||
"required"
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="text-right my-2">
|
||||
<div className=" rtl pb-2 pr-3">
|
||||
<label className=" px-2 text-sm ml-0 text-gray-500 ">
|
||||
تاریخ تولد<small className="text-red-900">*</small>
|
||||
</label>
|
||||
</div>
|
||||
<div className="flex ltr">
|
||||
<select
|
||||
type="number"
|
||||
className={`form-control !text-center mx-1`}
|
||||
name="year"
|
||||
value={year}
|
||||
onChange={(e) => {
|
||||
handleBirthDate(e.target.value, month, day);
|
||||
validator.current.showMessageFor("year");
|
||||
}}
|
||||
placeholder="سال"
|
||||
maxLength={4}
|
||||
>
|
||||
{yearsOptions.map((y) => (
|
||||
<option key={y} value={y}>
|
||||
{y}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
|
||||
<select
|
||||
type="number"
|
||||
className={`form-control !text-center mx-1`}
|
||||
name="month"
|
||||
value={month}
|
||||
onChange={(e) => {
|
||||
handleBirthDate(year, e.target.value, day);
|
||||
validator.current.showMessageFor("month");
|
||||
}}
|
||||
placeholder="ماه"
|
||||
maxLength={2}
|
||||
>
|
||||
{monthsOptions.map((m) => (
|
||||
<option key={m} value={m}>
|
||||
{m}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
|
||||
<select
|
||||
type="number"
|
||||
className={`form-control !text-center mx-1`}
|
||||
name="day"
|
||||
value={day}
|
||||
onChange={(e) => {
|
||||
handleBirthDate(year, month, e.target.value);
|
||||
validator.current.showMessageFor("day");
|
||||
}}
|
||||
placeholder="روز"
|
||||
maxLength={4}
|
||||
>
|
||||
{daysOptions.map((d) => (
|
||||
<option key={d} value={d}>
|
||||
{d}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
{!submited ? (
|
||||
<div className="flex">
|
||||
<>{validator.current.message("day", day, "required")}</>
|
||||
<>
|
||||
{validator.current.message("year", year, "required")}
|
||||
</>
|
||||
<>
|
||||
{validator.current.message(
|
||||
"month",
|
||||
month,
|
||||
"required"
|
||||
)}
|
||||
</>
|
||||
</div>
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
className="mt-10"
|
||||
onClick={() => sendInfoUserCooperationSystem()}
|
||||
>
|
||||
<button className="btn btn-primary rounded-full text-sm p-3 !px-5">
|
||||
مرحله بعد
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
) : stepsaleCooperationSystem == 2 ? (
|
||||
<div className="grid xs:grid-cols-1 lg:grid-cols-4 gap-8">
|
||||
<div className="xs:col-span-1 lg:col-span-2 ">
|
||||
<div className="bg-white rounded-2xl p-5 ">
|
||||
<p className=" text-sm mb-2 text-center font-medium text-primary-600">
|
||||
کد معرف شما{" "}
|
||||
</p>
|
||||
|
||||
<div className="bg-gray-200 p-5 rounded-2xl">
|
||||
<p className="mb-0 font-bold text-center">
|
||||
{cooperationSystemProfileData?.discountCode}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="bg-primary-500 text-center rounded-2xl p-10">
|
||||
<PersianNumber
|
||||
number={cooperationSystemProfileData?.orderCount}
|
||||
style={"text-white !text-[30px]"}
|
||||
/>
|
||||
<p className="mb-0 text-sm text-center text-white mt-1">
|
||||
فروش شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div className="bg-green-700 text-center rounded-2xl p-10">
|
||||
<div className="flex justify-center">
|
||||
<PersianNumber
|
||||
number={cooperationSystemProfileData?.balance}
|
||||
style={"text-white !text-[30px]"}
|
||||
/>
|
||||
|
||||
<small className="text-white mr-1 opacity-70">
|
||||
تومان
|
||||
</small>
|
||||
</div>
|
||||
<p className="mb-0 text-sm text-center text-white mt-1">
|
||||
سود شما از خرید{" "}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
""
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Page;
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
import Footer from "@comp/Footer/page";
|
||||
import NavbarTransparent from "@comp/Navbar/NavbarTransparent";
|
||||
import Navbar from "@comp/Navbar/page";
|
||||
export const metadata = {
|
||||
title: "قوانین و مقررات فروشگاه وسمه ",
|
||||
|
|
@ -7,82 +8,23 @@ const Page = () => {
|
|||
const number = "02188195164";
|
||||
return (
|
||||
<>
|
||||
<div className="bg-contact-us !min-h-[100vh]">
|
||||
<div className="bg-contact-us ">
|
||||
<div className="pb-20 ">
|
||||
<Navbar theme={0} />
|
||||
<NavbarTransparent />
|
||||
|
||||
<div>
|
||||
<div className="flex justify-center xs:hidden lg:block">
|
||||
<div className="absolute mr-[-1100px] mt-[-200px]">
|
||||
<p className="mb-0 text-[300px] opacity-10 font-extrabold text-white ">
|
||||
{", "}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-[150px] ">
|
||||
<div className="my-[80px] ">
|
||||
<div className="px-5">
|
||||
<h1 className="text-white font-bold text-center xs:text-[20px] lg:text-[40px]">
|
||||
قوانین و مقررات{" "}
|
||||
</h1>
|
||||
|
||||
<p className="mx-auto mb-0 text-base text-center text-gray-100 xs:text-sm lg:text-base lg:w-7/12">
|
||||
کلیه عناصر موجود در این وب سایت، شامل اطلاعات، اسناد، تولیدات، لوگوها، گرافیک، تصاویر و خدمات، کلاً متعلق به فروشگاه اینترنتی وسمه(شرکت وسمه رسام ویستا) است. هیچ شخص حقیقی و حقوقی ای اجازه ی بدون اجازه کتبی صاحب سایت وسمه، اجازه کپی کردن، توزیع، نشر مجدد، واگذاری,نمایش و ارسال و انتقال عناصر مذکور را ندارد.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="pb-20 xs:px-3 lg:px-20 lg:flex rtl lg:m-10 xs:m-3">
|
||||
<div>
|
||||
<h2 className="mb-0 text-right font-semibold xs:text-[17px] lg:text-[20px] my-2 ">
|
||||
قوانین و مقررات فروشگاه وسمه{" "}
|
||||
</h2>
|
||||
<p className="mb-0 text-right xs:text-sm lg:text-base">
|
||||
ز نظر حقوقی، در معاملات سایت فروشگاه اینترنتی وسمه، شرکت (X) به
|
||||
عنوان فروشنده و کاربر اینترنتی سفارش دهنده به عنوان خریدار تلقی می
|
||||
شوند. فروش کالا بر مبنای نوع و مقداری صورت می گیرد که کاربر سفارش
|
||||
دهنده آن را در سایت فروشگاه وسمه درج نموده است. کاربر گرامی عکس
|
||||
محصول قرار داده شده داخل سایت صرفا جهت آشنایی شما با نوع محصول است و
|
||||
با کالای ارسال شده برای شما قطعا متفاوت خواهد بود. لذا به توضیحات
|
||||
محصول توجه فرمایید. ارزش کالا یا کالاهای سفارش داده شده طبق فهرست
|
||||
قیمت سایت محاسبه شده و شامل کلیه مالیاتها و عوارض فروش خواهد بود.
|
||||
تنها مبلغی که در موارد معین به قیمت کالا اضافه می شود، هزینه ارسال و
|
||||
بیمه کالا است. مکان تحویل کالا توسط مشتری سفارش دهنده در سایت درج
|
||||
شده و فروشگاه وسمه به عنوان فروشنده متعهد است با رعایت سیاستهای
|
||||
معین ارسال کالا، سفارش را در آن محل تحویل دهد. در صورت عدم حضور
|
||||
سفارش دهنده در مکان تعیین شده، این فروشگاه هزینههای مربوطه را از
|
||||
خریدار طلب خواهد نمود. در صورتی که فروشگاه اینترنتی وسمه به دلایلی
|
||||
که خارج از اراده فروشگاه باشد، توان تحویل کالا را در موعد مقرر
|
||||
نداشته باشد سفارش رد میشود و اگر پرداخت توسط خریدار انجام شده باشد
|
||||
، به خریدار وجه آن را برگشت خواهد داد. اگر پرداخت در محل باشد که
|
||||
تنها سفارش توسط سایت رد میشود.
|
||||
</p>
|
||||
<ul className="pr-5 mt-5">
|
||||
<li className="text-sm text-gray-600">
|
||||
1 - خریدار موظف است مبلغ سفارش را هنگام تحویل کالا (در صورت انتخاب
|
||||
پرداخت نقدی) بپردازد. در صورت عدم پرداخت وجه فروشگاه وسمه حق دارد
|
||||
از تحویل کالا خودداری و سفارش را فسخ نماید.
|
||||
</li>
|
||||
<li className="text-sm text-gray-600">
|
||||
2- هر گونه نقص و یا عیب فنی بایستی در لحظه تحویل سفارش به متصدی
|
||||
تحویل کالا اعلام و کالا مرجوع گردد.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2 className="mb-0 text-right font-semibold xs:text-[17px] lg:text-[20px] my-5 ">
|
||||
مالکیت معنوی
|
||||
</h2>
|
||||
<p className="mb-0 text-right xs:text-sm lg:text-base">
|
||||
به محض پذیرش عضویت شما در سایت فروشگاه اینترنتی وسمه، عضویت شما
|
||||
بیانگر پذیرش کلیه ضوابط و مقررات سایت بوده و متعهد هستید به این
|
||||
ضوابط احترام گذاشته و آنها را رعایت کنید{" "}
|
||||
</p>
|
||||
</div>
|
||||
<div className=" xs:px-3 lg:px-20 lg:flex rtl lg:m-10 xs:m-3 pb-20 ">
|
||||
متن ندارد
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in New Issue