\n \n \n \n \n \n \n \n
\n \n \n DIGNITY
INDEPENDENCE
HOPE \n
\n \n INDEPENDENCE
HOPE \n
\n Others is a Salvation Army initiative using fair trade principles
\n to achieve job creation, empowerment and poverty alleviation.
\n Our products are hand made by producers affiliated with
\n The Salvation Army’s community work in Bangladesh and Kenya.\n
\n FEATURED PRODUCTS\n
\n \n {/*\n Behind every product from Sally Ann is a unique story of dignity, independence and hope.\n Others is The Salvation Army's global social enterprise linking local markets with global opportunities.\n Others partners with artisans in Kenya and Bangladesh.\n
*/}\n\n \n {/* \n MEN\n \n \n WOMEN\n \n \n MOBILE COVERS\n */} \n
\n );\n};\n\nexport default MenuNav;\n\nconst Div = styled.div`\n display: flex;\n flex-flow: row nowrap;\n flex: 1;\n padding-left: 3%;\n\n .loginlogout {\n display: none;\n @media (max-width: 990px) {\n display: flex;\n }\n }\n .hv a:hover{\n\n }\n \n .menu {\n list-style: none;\n display: flex;\n flex-flow: row nowrap;\n\n color: #000;\n font-size: 70%;\n font-weight: bold;\n\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n @media (max-width: 990px) {\n padding: 1rem 0;\n }\n }\n li {\n /* padding: 0 10px; */\n color: #000;\n }\n @media (max-width: 990px) {\n flex-flow: column nowrap;\n background-color: #ffff;\n position: fixed;\n transform: ${({ open }) => (open ? \"translateX(0)\" : \"translateX(100%)\")};\n top: 0;\n right: 0;\n height: 100vh;\n width: 300px;\n padding-top: 4rem;\n padding-left: 0.5rem;\n transition: transform 0.3s ease-in-out;\n\n form {\n position: absolute;\n }\n }\n`;\nconst IconGroup = styled.div`\n padding-left: 0.9rem;\n display: flex;\n align-items: center;\n flex-basis: 120px;\n justify-content: space-between;\n border-left: 3px solid #444444;\n @media (max-width: 990px) {\n border: none;\n display: grid;\n padding-left: 0;\n margin-top: 7rem;\n flex-basis: 270px;\n }\n li {\n font-size: 1.2rem;\n font-weight: bolder;\n }\n a,\n button {\n &:hover {\n text-decoration: none;\n color: #000;\n }\n &:focus {\n outline: none;\n }\n }\n`;\nconst Icon = styled.span`\n .fab {\n margin-left: 0.4rem;\n background: rgba(255, 255, 255, 0.1);\n background-clip: padding-box;\n backdrop-filter: blur(40px);\n -webkit-backdrop-filter: blur(40px);\n\n &:hover {\n background: rgba(255, 255, 255, 0.5);\n }\n &:active {\n background: rgba(255, 255, 255, 0.5);\n transform: translateY(3px);\n }\n }\n\n @media (max-width: 990px) {\n display: none;\n }\n`;\nconst SPAN = styled.div`\n display: none;\n text-transform: uppercase;\n margin-bottom: 1rem;\n @media (max-width: 990px) {\n display: grid;\n color: #000;\n font-size: 1rem;\n font-weight: bold;\n border-bottom: 3px solid #9e4446;\n width: max-content;\n }\n`;\n\nconst DIV = styled.div`\n display: flex;\n align-items: center;\n flex: 1;\n @media (max-width: 990px) {\n display: grid;\n position: relative;\n top: 4rem;\n flex: 0.1;\n padding-left: 0;\n }\n\n a,\n span {\n text-decoration: none;\n &:hover {\n /* text-decoration: none; */\n color: #fd3a69;\n }\n }\n`;\nconst Space = styled.div`\n width: 14%;\n /* height: 100%; */\n @media (min-device-width: 320px) and (max-device-width: 480px) {\n width: 0;\n height: 0;\n }\n @media (min-device-width: 768px) and (max-device-width: 1024px) {\n width: 0;\n height: 0;\n }\n`;\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport MenuNav from \"./MenuNav\";\n\nconst StyledBurger = styled.div`\n width: 2rem;\n height: 2rem;\n position: fixed;\n top: 15px;\n right: 20px;\n z-index: 20;\n display: none;\n @media (max-width: 990px) {\n display: flex;\n justify-content: space-around;\n flex-flow: column nowrap;\n }\n div {\n width: 2rem;\n height: 0.25rem;\n background-color: ${({ open }) => (open ? \"#ccc\" : \"#181818\")};\n border-radius: 10px;\n transform-origin: 1px;\n transition: all 0.3s linear;\n &:nth-child(1) {\n transform: ${({ open }) => (open ? \"rotate(45deg)\" : \"rotate(0)\")};\n }\n &:nth-child(2) {\n transform: ${({ open }) => (open ? \"translateX(100%)\" : \"translateX(0)\")};\n opacity: ${({ open }) => (open ? 0 : 1)};\n }\n &:nth-child(3) {\n transform: ${({ open }) => (open ? \"rotate(-45deg)\" : \"rotate(0)\")};\n }\n }\n`;\n\nconst Menu = () => {\n const [open, setOpen] = useState(false);\n\n return (\n <>\n \n\n \n {/* MegaMenu\n */}\n\n \n\n
\n \n \n \n {basic.Title}
\n{parse(basic.Content.slice(0, 180))}..
\n Learn More..\n\n \n +_.ImageURL}/)
\n \n
\n )\n }\n\n;\n \n \n {about?.Content}\n
\n\n \n {/*\n {loading ? (\n \n \n \n \n \n \n {loading==false ?\n (\n \n \n \n \n \n \n \n ):\"\"\n\n }\n\n \n )}\n
\n \n \n \n );\n};\n\nexport default Home;\n\nconst Styles = styled.div`\n /* padding: 0 12% 0 11%; */\n color: #ffff;\n .card-deck,\n .container {\n display: flex;\n text-align: center;\n \n }\n \n`;\n\nconst WhiteSpace = styled.div`\n height: 2.3rem;\n @media (min-device-width: 320px) and (max-device-width: 480px) {\n height: 0.7rem;\n }\n @media (min-device-width: 768px) and (max-device-width: 1024px) {\n height: 1.3rem;\n }\n`;\n\nconst SmallSpace = styled(WhiteSpace)`\n height: 1.8rem;\n @media (min-device-width: 320px) and (max-device-width: 480px) {\n height: 0.5rem;\n }\n @media (min-device-width: 768px) and (max-device-width: 1024px) {\n height: 1rem;\n }\n`;\n","import React, { useState, useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { Link } from \"react-router-dom\";\nimport { Card } from \"react-bootstrap\";\nimport { useStateValue } from \"../../context/State\";\n\nimport { Catalog } from \"../../Spinner\";\nimport { Favorite, LocalMall, Star } from \"@material-ui/icons\";\nimport { toast } from \"react-toastify\";\n\nfunction ItemCard({ id, pName, image, rating, price, originalPrice,slug}) {\n const [{}, dispatch] = useStateValue();\n\n const Msg = () => (\n <>\n Our Customers
\n\n
\n \n \n \n \n \n Mission Statement
\n\n
\n \n );\n\n const addToBag = () => {\n dispatch({\n type: \"ADD_TO_BAG\",\n item: {\n id: id,\n pName: pName,\n price: price,\n image: image,\n rating: rating,\n originalPrice: originalPrice,\n quantity:1,\n status:false\n },\n });\n toast(Msg);\n };\n const addToWishlist = () => {\n dispatch({\n type: \"ADD_TO_WISHLIST\",\n item: {\n id: id,\n pName: pName,\n price: price,\n image: image,\n rating: rating,\n originalPrice: originalPrice,\n quantity:1,\n status:false\n },\n });\n toast(\"Add To Wishlist\");\n };\n\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n setLoading(true);\n const timing = setTimeout(() => {\n setLoading(false);\n }, 800);\n return () => clearTimeout(timing);\n }, []);\n return (\n <>\n Product added to Bag
\n\n {loading ? (\n \n \n \n \n \n \n )}\n
\n \n );\n}\n\nexport default ItemCard;\n\nconst RoundDiv = styled.div`\n display: flex;\n @media (max-width: 990px) {\n // display: grid;\n position: absolute;\n right: 0;\n }\n`;\n\nconst Div = styled.div`\n margin-bottom: 1rem;\n padding: 0.45rem;\n background: transparent;\n h3 {\n font-size: 12px;\n font-weight: 500;\n @media (max-width: 990px) {\n font-size: 10px;\n }\n }\n h3,\n a {\n color: #292929;\n text-decoration: none;\n &:hover {\n color: #7289ab;\n }\n }\n .card {\n width: 25rem;\n height: 47rem;\n border: none;\n box-shadow: inset 3px 3px 8px #dbdbdb, inset -6px -6px 12px #ffffff;\n padding: 20px;\n border-radius: 5px;\n margin-bottom: 30px;\n &:hover {\n box-shadow: 6px 6px 12px #b8b8b8, -6px -6px 12px #ffffff;\n }\n @media (max-width: 990px) {\n width: 15rem;\n height: 32rem;\n margin-bottom: 0.8rem;\n \n }\n }\n .rating {\n width: 47px;\n background: rgba(253, 184, 39, 0.5);\n border-radius: 26px;\n font-size: 10px;\n font-weight: bolder;\n padding: 3px;\n text-align: center;\n margin-top: 0.7rem;\n margin-left: 0.2rem;\n @media (max-width: 990px) {\n position: relative;\n top: 9px;\n }\n }\n .card-img-top {\n margin-bottom: 5px;\n display: inline-block;\n /* max-width: 100%; */\n /* height: 13rem; */\n }\n\n .card-body {\n /* margin-bottom: 20px; */\n text-align: center;\n align-items: center;\n padding: 1rem 0.5rem;\n }\n\n .product-btns {\n display: flex;\n justify-content: center;\n }\n .btn-small {\n display: inline-block;\n font-size: 14px;\n text-align:center;\n font-weight: 700;\n text-transform: uppercase;\n padding: 6px 12px;\n border-radius: 5px;\n margin-bottom: 4px;;\n box-shadow: inset -2px -2px 8px white,\n inset -2px -2px 12px rgba(255, 255, 255, 0.5),\n inset 2px 2px 4px rgba(255, 255, 255, 0.1),\n inset 2px 2px 8px rgba(0, 0, 0, 0.15);\n transition: 0.4s;\n &:hover {\n box-shadow: -2px -2px 8px white, -2px -2px 12px rgba(255, 255, 255, 0.5),\n inset 2px 2px 4px rgba(255, 255, 255, 0.1),\n 2px 2px 8px rgba(0, 0, 0, 0.15);\n color: #7289ab;\n text-decoration: none;\n }\n @media (max-width: 990px) {\n position: relative;\n right: 0rem;\n top: 5px;\n\n \n }\n }\n\n .btn-round {\n cursor: pointer;\n display: inline-block;\n font-weight: 700;\n font-size: 14px;\n text-transform: uppercase;\n height: 4rem;\n width: 5rem;\n text-align: center;\n line-height: 30px;\n // border-radius: 50%;\n text-decoration: none;\n box-shadow: -2px -2px 8px white, -2px -2px 12px rgba(255, 255, 255, 0.5),\n inset 2px 2px 4px rgba(255, 255, 255, 0.1),\n 2px 2px 8px rgba(0, 0, 0, 0.15);\n &:hover {\n box-shadow: inset -2px -2px 8px white,\n inset -2px -2px 12px rgba(255, 255, 255, 0.5),\n inset 2px 2px 4px rgba(255, 255, 255, 0.1),\n inset 2px 2px 8px rgba(0, 0, 0, 0.15);\n color: #7289ab;\n }\n @media (max-width: 990px) {\n margin-bottom: 0.5rem;\n margin-right: 0px !IMPORTANT;\n }\n }\n`;\n\nconst OriginalPrice = styled.span`\n text-decoration: line-through;\n font-size: 10px;\n\n font-weight: 500;\n color: #7e818c;\n padding-left: 5px !IMPORTANT;\n padding: 0 0.2rem;\n`;\n","import React, { useState, useEffect } from \"react\";\nimport { MyLoader } from \"../../Spinner\";\nimport styled from \"styled-components\";\nimport Box from \"@material-ui/core/Box\";\nimport Rating from \"@material-ui/lab/Rating\";\n\nconst Filter = () => {\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n setLoading(true);\n const timing = setTimeout(() => {\n setLoading(false);\n }, 700);\n return () => clearTimeout(timing);\n }, []);\n return (\n {pName}
\n\n {localStorage.getItem(\"lang\")==='true' ? \"$\":\"৳\"} {price}\n { price\n
\n \n \n \n \n \n \n \n
\n \n \n
\n \n
\n \n \n {parseInt(rating)}
\n \n \n {loading ? (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )}\n
\n );\n};\nexport default Filter;\n\nconst SPACE = styled.div`\n margin-bottom: 1rem;\n height: 1px;\n background: rgba(0, 0, 0, 0.4);\n width: 100%;\n`;\n\nconst Heading = styled.div``;\n\nconst Div = styled.div`\n max-width: 30%;\n text-transform: uppercase;\n .rating {\n list-style: none;\n padding: 0;\n }\n`;\nconst Category = styled.div`\n ul {\n padding-left: 18px;\n }\n`;\nconst AvgReview = styled.div`\n ul {\n display: flex;\n }\n`;\n\nconst Price = styled.div`\n ul {\n padding-left: 18px;\n }\n`;\n\nconst Size = styled.div`\n ul {\n \n padding-left: 18px;\n }\n`;\n\nconst Color = styled.div`\n display: flex;\n flex-wrap: wrap;\n .MuiBox-root,\n .MuiBox-root-40 {\n width: 1rem;\n margin: 0.4rem;\n }\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport getData from \"../../Getdata\";\nimport ItemCard from \"./ItemCard\";\nimport Filter from \"./Filter\";\nimport { Container } from \"react-bootstrap\";\nimport Breadcrumbs from \"@material-ui/core/Breadcrumbs\";\nimport { Link } from \"react-router-dom\";\n\nfunction MenClothing() {\n const { docs } = getData(\"men-clothing\" );\n\n console.log(docs);\n return (\n Filters
\nCategory
\n- \n
Avg. Customer Review
\n- \n
- \n
- \n
\n & Up\n
\n \n
- \n
- \n
- \n
\n & Up\n
\n \n
- \n
- \n
- \n
\n & Up\n
\n \n
- \n
- \n
- \n
\n & Up\n
\n \n
Price
\n- \n
- \n
- \n
- \n
- \n
- \n
Size
\n- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
Color
\n\n \n {/* \n \n \n */}\n \n \n \n {product &&\n product.filter(s=>s.CategoryId==cat_id).map((pro) => (\n a = a + v.Rating , 0 )>0 ? (pro.ReviewList.reduce((a,v) => a = a + v.Rating , 0 )/pro.ReviewList.length):'0'} \n price={localStorage.getItem(\"lang\")===\"true\" ? pro.PriceUSD-pro.DiscountUSD:pro.PriceBDT-pro.DiscountBDT }\n originalPrice={localStorage.getItem(\"lang\")===\"true\" ? pro.PriceUSD:pro.PriceBDT }\n slug={pro.Slug}\n />\n ))}\n \n \n \n \n
\n \n );\n}\n\nexport default Products;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport getPro from \"../../Getpro\";\nimport ItemCard from \"./ItemCard\";\nimport { Container, Image } from \"react-bootstrap\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport SiteHeader from \"../SiteHeader\";\n\nimport { Link ,useParams } from \"react-router-dom\";\nimport Breadcrumb from 'react-bootstrap/Breadcrumb'\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n \"& > *\": {\n margin: theme.spacing(0),\n },\n },\n}));\n\nfunction Products() {\n const {product } = getPro(\"product\");\n const { slug } = useParams();\n\n //console.log(slug);\n //let cat_id=category.find(s=>s.Slug==slug)?.CategoryId;\n //console.log(product.ReviewList);\n\n\n return (\n <>\n \n \n Home \n \n {slug} \n \n
\n \n \n \n \n \n \n {product &&\n product.filter(s=>s.ProductName.toLowerCase().includes(slug.toLowerCase())).map((pro) => (\n a = a + v.Rating , 0 )>0 ? (pro.ReviewList.reduce((a,v) => a = a + v.Rating , 0 )/pro.ReviewList.length).toFixed(1):'0'} \n price={localStorage.getItem(\"lang\")===\"true\" ? pro.PriceBDT-pro.DiscountBDT : pro.PriceUSD-pro.DiscountUSD}\n originalPrice={localStorage.getItem(\"lang\")===\"true\" ? pro.PriceBDT : pro.PriceUSD}\n slug={pro.Slug}\n />\n ))}\n \n \n \n \n
\n \n );\n}\n\nexport default Products;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport getData from \"../../Getdata\";\nimport ItemCard from \"./ItemCard\";\nimport { Container, Image } from \"react-bootstrap\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Row0 from \"../subHome/Row0\";\nimport Banner_menu from \"../subHome/Banner_menu\";\nimport { Fade, Zoom } from \"react-reveal\";\nimport SiteHeader from \"../SiteHeader\";\n\nimport { Link ,useParams } from \"react-router-dom\";\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n \"& > *\": {\n margin: theme.spacing(0),\n },\n },\n}));\n\nfunction Events() {\n const { category,product } = getData(\"category\");\n const { slug } = useParams();\n let cat_id=category.find(s=>s.Slug==slug)?.CategoryId;\n\n //console.log(Boolean(localStorage.getItem(\"lang\")));\n\n return (\n <>\n \n \n Home \n \n {slug} \n \n
\n\n\n \n \n {/* \n \n \n */}\n \n \n \n {product &&\n product.filter(s=>s.CategoryId==cat_id).map((pro) => (\n \n \n \n
\n \n );\n}\n\nexport default Events;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","\n\nconst cart =JSON.parse(localStorage.getItem('carts')||\"[]\");\nconst wlist =JSON.parse(localStorage.getItem('wlist')||\"[]\");\n\nconst Storage = (bag) => {\n localStorage.setItem('carts', JSON.stringify(bag.length > 0 ? bag: []));\n}\n\nconst StorageWishlist = (wishlist) => {\n localStorage.setItem('wlist', JSON.stringify(wishlist.length > 0 ? wishlist: []));\n}\n\nexport const initialState = {\n bag: cart,\n user: null,\n wishlist: wlist,\n};\n\nexport const getBagTotal = (bag) =>{\n //console.log(bag);\n Storage(bag);\n return bag.filter(s=>s.status==true)?.reduce((amount, item) => item.price * item.quantity + amount, 0);\n}\n\nconst reducer = (state, action) => {\n \n switch (action.type) {\n // ADD TO WISHLIST\n \n case \"ADD_TO_WISHLIST\":\n // console.log(action.item.id);\n if (!state.wishlist.find(item => item.id === action.item.id)) {\n state.wishlist.push(action.item)\n }\n else{\n\n state.wishlist[state.wishlist.findIndex(item => item.id === action.item.id)].quantity++\n } \n return {\n ...state, \n ...StorageWishlist(state.wishlist),\n wishlist: [...state.wishlist],\n };\n\n case \"REMOVE_FROM_WISHLIST\":\n const indexWish = state.wishlist.findIndex(\n (wishlistItem) => wishlistItem.id === action.item.id\n );\n let newwishlist = [...state.wishlist];\n if (indexWish >= 0) {\n newwishlist.splice(indexWish, 1);\n } else {\n console.warn(\n `Something Wrong with product (id: ${action.item.id}) maybe its not added`\n );\n }\n return {\n ...state,\n ...StorageWishlist(state.wishlist),\n wishlist: newwishlist,\n };\n\n // ADD TO BAG\n\n case \"ADD_TO_BAG\":\n \n if (!state.bag.find(item => item.id === action.item.id)) {\n state.bag.push(action.item)\n }\n else{\n \n state.bag[state.bag.findIndex(item => item.id === action.item.id)].quantity++\n } \n return {\n ...state,\n ...getBagTotal(state.bag),\n bag: [...state.bag]\n }\n\n // const cart =JSON.parse(localStorage.getItem('carts')||\"[]\");\n // cart.push(action.item);\n // localStorage.setItem('carts', JSON.stringify(cart))\n // return {\n // ...state,\n // bag: [...state.bag, action.item],\n // };\n case \"CHECKED\":\n state.bag[state.bag.findIndex(item => item.id === action.item.id)].status=action.item.status\n return {\n ...state,\n ...getBagTotal(state.bag),\n bag: [...state.bag]\n }\n case \"INCREASE\":\n state.bag[state.bag.findIndex(item => item.id === action.item.id)].quantity++\n return {\n ...state,\n ...getBagTotal(state.bag),\n bag: [...state.bag]\n }\n case \"DECREASE\":\n state.bag[state.bag.findIndex(item => item.id === action.item.id)].quantity--\n return {\n ...state,\n ...getBagTotal(state.bag),\n bag: [...state.bag]\n }\n case \"CLEAR\":\n return {\n bag: [],\n ...getBagTotal([]),\n }\n case \"REMOVE_FROM_BAG\":\n const index = state.bag.findIndex((bagItem) => bagItem.id === action.id);\n let newbag = [...state.bag];\n if (index >= 0) {\n newbag.splice(index, 1);\n } else {\n console.warn(\n `Something Wrong with product (id: ${action.id}) maybe its not added`\n );\n }\n return {\n ...state,\n ...getBagTotal(state.bag),\n bag: newbag,\n };\n case \"SET_USER\":\n return {\n ...state,\n user: action.user,\n };\n case \"LOGOUT_USER\":\n return {\n ...state,\n user: null,\n };\n default:\n return state;\n }\n};\n\nexport default reducer;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { useStateValue } from \"../../context/State\";\nimport DeleteForever from \"@material-ui/icons/DeleteForever\";\nimport { Rating } from \"@material-ui/lab\";\nimport { Container, Row, Col, Image } from \"react-bootstrap\";\n\nimport {\n Dialog,\n DialogTitle,\n DialogActions,\n DialogContent,\n DialogContentText,\n Button,\n} from \"@material-ui/core\";\n\nfunction Product({ id, pName, image, price, originalPrice, rating,quantity }) {\n const [{ }, dispatch] = useStateValue();\n const [open, setOpen] = React.useState(false);\n const [ischeck, SetIscheck] = React.useState(true);\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const removeItem = () => {\n dispatch({\n type: \"REMOVE_FROM_BAG\",\n id: id,\n });\n \n };\n const check = (id) => {\n\n if(ischeck==true) {\n SetIscheck(false);\n \n }\n else{\n SetIscheck(true);\n \n }\n\n dispatch({\n type: \"CHECKED\",\n item: {\n id:id,\n status:ischeck\n } \n });\n \n };\n\n const addToWishlist = () => {\n dispatch({\n type: \"REMOVE_FROM_BAG\",\n id: id,\n });\n dispatch({\n type: \"ADD_TO_WISHLIST\",\n item: {\n id: id,\n pName: pName,\n price: price,\n image: image,\n rating: rating,\n originalPrice: originalPrice,\n },\n });\n };\n const increase = (id) => {\n dispatch( {\n type: \"INCREASE\", \n item: {\n id:id\n } \n }); \n };\n const decrease = (id) => {\n dispatch( {\n type: \"DECREASE\", \n item: {\n id:id\n } \n }); \n };\n return (\n \n
\n\n {pName}
\n \n\n\n \n {localStorage.getItem(\"lang\")==='true' ? \"USD\":\"BDT\"} {price}\n \n\n {originalPrice} \n
\n {/* \n \n \n \n \n \n \n \n \n \n \n \n \n
*/}\n\n \n \n decrease(id)} style={{fontSize:\"20px\", fontWeight:\"bold\", cursor:\"pointer\"}}>-\n \n increase(id)} style={{fontSize:\"20px\", fontWeight:\"bold\", cursor:\"pointer\"}}>+\n
\n \n \n \n REMOVE ITEM\n
\n\n Are you sure you want to remove this item ?\n
\n\n
\n \n {bag.map((item) => (\n
\n\n \n
\n
\n
\n )\n :(\"\")\n\n }\n \n\n \n
Delivary Address
\n \n\n
\n \n
\n \n \n setAddress(e.target.value)}\n type=\"text\"\n placeholder=\"Road No, Holding No, Area, Address\"\n >\n \n
\n \n \n
\n\n \n setPostalcode(e.target.value)}\n type=\"text\"\n placeholder=\"Postal Code\"\n />\n
\n \n \n
\n {\n isBangladesh ==true? (\n \n handleSelect(e.target.value)} \n >\n {countries && countries.map((country) => {\n return \n })\n }\n \n
\n \n \n
\n ):\n (\n \n districtSelect(e.target.value)} \n >\n {districts && districts.map((district) => {\n return \n })\n }\n \n
\n \n \n
\n )\n }\n \n setCity(e.target.value)}\n type=\"text\"\n placeholder=\"City\"\n />\n
\n \n \n
\n\n \n \n setAlterphobe(e.target.value)}\n type=\"text\"\n placeholder=\"Phone No\"\n \n />\n
\n \n \n {ShippingCost}\n
\n \n
\n \n\n \n isPayment(e.target.value)} />\n
\n \n \n isPayment(e.target.value)} />\n
\n \n\n \n ischeck1Fun()} />\n
\n \n I HAVE READ AND AGREE TO THE \n Terms and Condtions, \n Privacy Policy\n And Return & Refund Policy\n
\n \n\n {/* \n ischeck2Fun()} />\n
\n \n\n \n ischeck3Fun()} />\n
*/}\n \n \n
\n \n \n ![](\"/images/logo.png\")
\n \n
\n
\n
\n \n \n \n \n
\n
Sign In
\nYou're just one step away from signing up
\n\n {parse(terms?.Content!=null? terms?.Content :\"\")}\n
\n\n\n
\n \n \n \n \n
\n
\n \n
\n \n \n \n \n
\n \n
Sign Up
\n {/*Sally Ann BD
*/}\nYou're just one step away from signing up
\n\n {parse(terms?.Content!=null? terms?.Content :\"\")}\n
\n\n{pName}
\n\n {localStorage.getItem(\"lang\")==='true' ? \"USD\":\"BDT\"} {price}\n {originalPrice} \n
\n \n \n \n
\n \n \n \n
\n \n
\n \n {rating}
\n \n
\n \n {wishlist.map((item) => (\n
\n )}\n \n
\n \n \n
\n
\n
\n \n \n \n
\n
Verify
\nEnter OTP HERE
\n\n
\n \n \n
\n
\n
\n \n \n \n
\n
Change Password
\nEnter Your Phone Number or Email
\n{CustomerName}
\n \nCustomer
\n\n \n\n {onFileChange(event)}} name=\"img\"/>\n
\n\n \n \n | SL | \nInvoice No | \nDate | \nPayment Mode | \nTotal Amount | \n \nOrder Status | \nETA | \nAction | \n \n \n
|---|---|---|---|---|---|---|---|
| {key+1} | \n{item.OrderId} | \n\n \n | \n {item.Discount} | \n{item.TotalCost} | \n \n{item.Status} | \n\n | \n\n \n \n |
\r\n
\r\n {/* \r\n
\r\n\r\n\r\n
\r\n\r\n\r\nOrder Completed\r\n\r\n0\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n
\r\n\r\n\r\nOrder Pending\r\n0\r\n
\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n\r\nPayment Pending\r\n0\r\n
\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n\r\nCancellation\r\n0\r\n
\r\n\r\n\n
\n \n );\n function addToBag(id,pName,price,image) {\n dispatch({\n type: \"ADD_TO_BAG\",\n item: {\n id: id,\n pName: pName,\n price: price,\n image: image,\n rating: 0,\n originalPrice: 0,\n quantity:quantity,\n status:false\n },\n });\n toast(Msg);\n };\n\n function addToBuyNow(id,pName,price,image) {\n dispatch({\n type: \"ADD_TO_BAG\",\n item: {\n id: id,\n pName: pName,\n price: price,\n image: image,\n rating: 0,\n originalPrice: 0,\n quantity:quantity,\n status:false\n },\n });\n\n window.location.href=\"/cart\";\n // toast(Msg);\n };\n\n function addToWishlist(id, pName,price,image){\n dispatch({\n type: \"ADD_TO_WISHLIST\",\n item: {\n id: id,\n pName: pName,\n price: price,\n image: image,\n rating: 0,\n originalPrice: 0,\n\n \n },\n });\n };\n\n //comments\n const [rate, setRate] = useState(\"\");\n const [comments, setComments] = useState(\"\");\n const postReview = (e) => {\n e.preventDefault(); \n if(user!=null){\n if(rate<=5){\n var myHeaders = new Headers();\n myHeaders.append(\"Content-Type\", \"application/json\");\n \n\n var raw= JSON.stringify({Rating:rate, ReviewString:comments,ProductId:pro.ProductId,CustomerId:user.CustomerId});\n console.log(raw);\n var requestOptions = { \n method: 'POST', \n headers:myHeaders,\n body: raw, \n redirect: 'follow'\n };\n\n fetch(config.API()+\"api/Apireview\", requestOptions)\n .then(response => response.text())\n .then(result => {\n \n alert('Submit Successful');\n })\n .catch(error => console.log('error', error));\n }\n else{\n alert('Rating Must be less then 5');\n }\n }\n else{\n alert('Please Login First');\n }\n }\n return (\n <>\n Product added to Bag
\n\n \n {/* \n \n \n */}\n \n \n {product && product.length>0? (\n <>\n \n \n \n 
\n \n \n
\n \n ):\"\"} \n \n\n \n {product &&\n product.filter(s=>s.SubCategoryId==pro.SubCategoryId).slice(0,4).map((pro) => (\n a = a + v.Rating , 0 )>0 ? (pro.ReviewList.reduce((a,v) => a = a + v.Rating , 0 )/pro.ReviewList.length).toFixed(1):'0'} \n price={localStorage.getItem(\"lang\")===\"true\" ? pro.PriceUSD-pro.DiscountUSD: pro.PriceBDT-pro.DiscountBDT }\n \n originalPrice={ localStorage.getItem(\"lang\")===\"true\" ? pro.PriceUSD:pro.PriceBDT }\n slug={pro.Slug}\n />\n ))}\n \n \n \n \n
\n\n \n \n Home \n \n {pro.Category.CategoryName}\n \n {pro.ProductName} \n \n
\n \n \n {\n pro.ImageList.length!=null ? pro.ImageList.map((item)=>(\n \n ![]()
{showimage(item.Address)}} style={{width:\"70px\", padding:\"5px\"}} src={item?.Address}/> \n
\n\n \n {pro.ProductName}
\n \nDescription { parse(pro.ProductDescription) }
\nMetarial Used { pro.Metarial }
\n \nSKU: {pro.Sku}
\nSize: {pro.SizeList.SizeName}
\nColor: {pro.ColorList.ColorName}
\nWeight: {pro.Weight}
\n \n { localStorage.getItem(\"lang\")==='true' ?(\n\n USD: $ {pro.PriceUSD}\n
\n ):\n (\n\n BDT: ৳ {pro.PriceBDT}\n
\n )\n }\n \n\n
\n\n \n QTY setQuantity(e.target.value)} step=\"1\" type=\"number\" style={{width:\"50px\", textAlign:\"center\"}} /> EACH\n
\n \n addToBuyNow(pro.ProductId, pro.ProductName, localStorage.getItem(\"lang\")==='true' ? pro.PriceUSD : pro.PriceBDT,pro.ImageList[0]?.Address )} className=\"btn btn-primary\" value=\"BUY NOW\"/>\n \n
\n { pro.IsGlobal ? \"Only available in Bangladesh\" : \"\"} \n \n \n \n
\n\n \n \n \n
\n\n\n \n addToBag(pro.ProductId, pro.ProductName, localStorage.getItem(\"lang\")==='true' ? pro.PriceUSD : pro.PriceBDT,pro.ImageList[0]?.Address )} className=\"btn btn-primary\" value=\"Add to Cart\"/> \n \n \n addToWishlist(pro.ProductId, pro.ProductName, pro.PriceUSD,pro.ImageList[0]?.Address )} value=\"Add to Wishlist\"/>\n \n
\n \n \n
\n {pro &&\n pro.ReviewList.slice(0,2).map((rv) => (\n <>\n
\n
\n Reviews({pro.ReviewList.length})
\n\n {pro &&\n pro.ReviewList.slice(0,2).map((rv) => (\n <>\n
\n {Array(rv.Rating).fill(1).map((el, i) =>\n
\n \n {rv.ReviewString}\n
\n By {rv.Name}\n
\n \n \n \n ))}\n View all\n \n By {rv.Name}\n
\n
\n \n
\n Estimated Delivery
\n\n Inside Dhaka: Up to 5 days \n
\n\n Outside Dhaka: Up to 10 days \n
\n\n \n
\n \n Delivery
\n\n Inside Dhaka: ৳60 \n
\n\n Outside Dhaka: ৳120 \n
\n\n \n setRate(e.target.value)} className=\"form-control\"/>\n
\n \n \n \n
\n\n {pro &&\n pro.ReviewList.map((rv) => (\n <>\n \n {Array(rv.Rating).fill(1).map((el, i) =>\n
\n \n {rv.ReviewString}\n
\n By {rv.Name}\n
\n \n \n \n ))}\n \n \n \n By {rv.Name}\n
\n
\n Invoice
\n\n Customer Name {order.Customer?.CustomerName}\n
\n\n Billing Address {order.Customer?.BillingAddress}\n
\n\n Phone: {order.Customer?.PhoneNumber}\n
\n\n \n\n \n \n \n
\n Delivary Address
\n\n Address: {order.Address}\n
\n\n Postal Code: {order.PostalCode}\n
\n\n Country: {order.Country}\n
\n\n\n City: {order.City}\n
\n\n Alternet Phone: {order.AlterPhone}\n
\n\n\n \n\n
\n \n Order Details
\n\n Order Date: {order.Created}\n
\n\n Invoice Id: {order.OrderId}\n
\n\n Payment Mode: {order.Payment_Mode}\n
\n\n Payment Status: {order.Payment_Status==0 ? \"Pending\":order.Payment_Status}\n
\n\n
\n \n \n
\n\n
\n \n | SL# | \nName | \nSKU | \nQuantity | \nRate | \nPrice | \n \n \n
|---|---|---|---|---|---|
| {key+1} | \n{item.ProductName} | \n{item.Sku} | \n{item.Quantity} | \n{Number(item.Price).toFixed(2)} | \n{Number(item.Price*item.Quantity).toFixed(2)} | \n \n
| \n | Sub Total | \n{order.OrderDetails?.reduce((a,v) => a = a + v.Price*v.Quantity , 0 )} | \n|||
| \n | Delivery Charge | \n{order.ShippingCost} | \n|||
| \n | Discount | \n{order.Discount} | \n|||
| \n | Coupon Discount | \n{order.CouponDiscount} | \n|||
| \n | Grand Total (Including VAT 5%) | \n{Number(order.TotalCost).toFixed(2)} | \n
\n \n {/* \n \n \n */}\n \n \n \n \n
\n \n );\n}\n\nexport default About;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport getData from \"../Getdata\";\nimport { Container, Image,Modal, Button } from \"react-bootstrap\";\nimport SiteHeader from \"../components/SiteHeader\";\nimport parse from 'html-react-parser';\nimport { Link ,useParams } from \"react-router-dom\";\nimport Breadcrumb from 'react-bootstrap/Breadcrumb'\nimport config from \"../config/config\";\n\nimport ImageGallery from 'react-image-gallery';\nimport \"react-image-gallery/styles/css/image-gallery.css\";\n\nfunction Story() {\n const { basics } = getData(\"basics\");\n const { slug } = useParams(); \n\n let about= basics.find(s=>(s.Title||'').toLowerCase() ==slug.replace(/-/g, ' ')); \n\n\n const images = [ \n ];\n\n if(about)\n { about.BasicDetails.map((cat) => (\n images.push({\n original:config.API() +cat.ImageURL, \n thumbnail:config.API() +cat.ImageURL\n })\n )) \n }\n\n\n return (\n <>\n \n \n Home \n \n About \n \n
\n \n \n \n \n
\n \n
\n \n
\n {about.map((item) => (\n <>\n {about?.Title}
\n\n \n
\n \n
\n \n ))\n}\n \n
\n \n {parse(item?.Content)}\n \n
\n\n +item?.ImageURL}/)
\n
\n \n \n \n \n \n \n
\n\n \n \n );\n}\n\nexport default Story;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n \n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\n\n\nimport { Container, Image } from \"react-bootstrap\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport SiteHeader from \"../../components/SiteHeader\";\nimport parse from 'html-react-parser';\nimport { Link ,useParams } from \"react-router-dom\";\nimport Breadcrumb from 'react-bootstrap/Breadcrumb'\n\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n \"& > *\": {\n margin: theme.spacing(0),\n },\n },\n}));\n\nfunction Cancel() {\n // const { basics } = getData(\"basics\");\n // let about= basics.filter(s=>s.BasicTypeId==4);\n window.location.href=\"/\";\n \n\n return (\n <>\n \n \n Home \n \n Story \n \n
\n \n \n {/*
\n \n +about?.ImageURL})
\n
*/}\n \n \n\n
\n {about?.Title}
\n \n\n {parse(about?.Content!=null? about?.Content :\"\")}\n \n
\n \n \n\n
\n \n \n \n
\n \n \n {/* \n \n \n */}\n \n \n \n \n
\n \n );\n}\n\nexport default Cancel;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React,{useEffect} from \"react\";\nimport styled from \"styled-components\";\n\n\nimport { Container, Image } from \"react-bootstrap\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport SiteHeader from \"../../components/SiteHeader\";\nimport parse from 'html-react-parser';\nimport { Link ,useParams } from \"react-router-dom\";\nimport Breadcrumb from 'react-bootstrap/Breadcrumb'\n\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n \"& > *\": {\n margin: theme.spacing(0),\n },\n },\n}));\n\nfunction Fail() {\n // const { basics } = getData(\"basics\");\n // let about= basics.filter(s=>s.BasicTypeId==4);\n useEffect(() => { \n window.location.href=\"/\";\n \n })\n \n\n return (\n <>\n \n \n Home \n \n Cancel \n \n
\n \n \n \n \n
\n \n
\n \n Your Payment has been Cancel
\n\n \n {/* \n \n \n */}\n \n \n \n \n
\n \n );\n}\n\nexport default Fail;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport getData from \"../Getdata\";\n\nimport { Container, Image } from \"react-bootstrap\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport SiteHeader from \"./SiteHeader\";\n\nimport parse from 'html-react-parser';\nimport Breadcrumb from 'react-bootstrap/Breadcrumb'\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n \"& > *\": {\n margin: theme.spacing(0),\n },\n },\n}));\n\nfunction Contact() {\n const { basics } = getData(\"basics\");\n let about= basics.find(s=>s.BasicTypeId==7);\n\n return (\n <>\n \n \n Home \n \n Fail \n \n
\n \n \n \n \n
\n \n
\n \n Your Payment has been failed
\n\n \n {/* \n \n \n */}\n \n \n \n \n
\n \n );\n}\n\nexport default Contact;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport getData from \"../Getdata\";\nimport { Container, Image } from \"react-bootstrap\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport SiteHeader from \"./SiteHeader\";\n\n\nimport Breadcrumb from 'react-bootstrap/Breadcrumb'\nimport parse from 'html-react-parser';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n \"& > *\": {\n margin: theme.spacing(0),\n },\n },\n}));\n\nfunction TermsCondition() {\n const { basics } = getData(\"basics\");\n let about= basics.find(s=>s.BasicTypeId==5);\n\n \n return (\n <>\n \n \n Home \n \n Contact Us \n \n
\n \n
\n {about?.Title}
\n \n\n 365/2, Lane 6 (west), DOHS Baridhara, Dhaka-1206.
\n Tel: 880-2-8411755-6
\n Fax: 880-2-8411757
\n e-mail: info@ban.salvationarmy.org
\n
\n
\n \n Tel: 880-2-8411755-6
\n Fax: 880-2-8411757
\n e-mail: info@ban.salvationarmy.org
\n
\n
\n \n
\n \n \n {/* \n \n \n */}\n \n \n \n \n
\n \n );\n}\n\nexport default TermsCondition;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport getData from \"../Getdata\";\nimport ItemCard from \"./productComponents/ItemCard\";\nimport { Container, Image } from \"react-bootstrap\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n\nimport SiteHeader from \"./SiteHeader\";\nimport parse from 'html-react-parser';\nimport { Link ,useParams } from \"react-router-dom\";\nimport Breadcrumb from 'react-bootstrap/Breadcrumb'\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n \"& > *\": {\n margin: theme.spacing(0),\n },\n },\n}));\n\nfunction PrivacyPolicy() {\n const { basics } = getData(\"basics\");\n let about= basics.find(s=>s.BasicTypeId==6);\n\n return (\n <>\n \n \n Home \n \n Terms Condition \n \n
\n \n
\n {about?.Title}
\n\n {parse(about?.Content!=null? about?.Content :\"\")}\n
\n\n \n {/* \n \n \n */}\n \n \n \n \n
\n \n );\n}\n\nexport default PrivacyPolicy;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport getData from \"../Getdata\";\nimport ItemCard from \"./productComponents/ItemCard\";\nimport { Container, Image } from \"react-bootstrap\";\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n\nimport SiteHeader from \"./SiteHeader\";\nimport parse from 'html-react-parser';\nimport { Link ,useParams } from \"react-router-dom\";\nimport Breadcrumb from 'react-bootstrap/Breadcrumb'\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n \"& > *\": {\n margin: theme.spacing(0),\n },\n },\n}));\n\nfunction ReturnPolicy() {\n const { basics } = getData(\"basics\");\n let about= basics.find(s=>s.BasicTypeId==8);\n\n return (\n <>\n \n \n Home \n \n Privacy Policy \n \n
\n \n
\n {about?.Title}
\n\n {parse(about?.Content!=null? about?.Content :\"\")}\n
\n\n \n {/* \n \n \n */}\n \n \n \n \n
\n \n );\n}\n\nexport default ReturnPolicy;\n\nconst BREADCRUMB = styled.div`\n background: #b5b0b0;\n button {\n padding: 1rem 2rem;\n color: #000;\n font-weight: bolder;\n background: #b5b0b0;\n outline: none;\n &:hover,\n &:focus {\n background: #b5b0b0;\n box-shadow: inset 19px 19px 37px #a19f74, inset -19px -19px 37px #ffffe6;\n outline: none;\n }\n }\n a {\n color: #000;\n text-decoration: none;\n &:hover,\n &:focus {\n color: rgba(255, 255, 255, 0.5);\n }\n }\n`;\n\nconst CardStyle = styled.div`\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n margin: 2.5rem auto 0 auto;\n\n @media (max-width: 990px) {\n width: 100%;\n margin: auto;\n margin-top: 2.5rem;\n width: 100%;\n justify-content: space-evenly;\n }\n`;\n\nconst Title = styled.div`\n position: relative;\n top: 1.5rem;\n`;\n\nconst Styles = styled.div`\n margin-top: 3rem;\n`;\n","import React from \"react\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport BottomNavigation from 'reactjs-bottom-navigation'\nimport 'reactjs-bottom-navigation/dist/index.css'\nimport * as Icon from 'react-bootstrap-icons';\nimport { useStateValue } from \"../context/State\";\n\nfunction BottomNav() {\n\n const history = useHistory();\n const [{ bag, user,wishlist }] = useStateValue();\n\n const home = (url) => {\n \n history.push(url);\n }\n\n const profile = () => {\n \n if(user!=null){\n history.push(\"/user/profile\");\n }\n else{\n history.push(\"/login\");\n }\n }\n const bottomNavItems = [\n {\n title: 'Home',\n icon: \n \n Home \n \n Privacy Policy \n \n
\n \n
\n {about?.Title}
\n\n {parse(about?.Content!=null? about?.Content :\"\")}\n
\n\n \n \n Some features are under construction will be here soon.......\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n