├── public
├── robots.txt
├── favicon.png
├── assets
│ └── img
│ │ ├── logo.png
│ │ ├── favicon.png
│ │ ├── loading.gif
│ │ ├── bg
│ │ ├── shape-2.png
│ │ ├── shape.png
│ │ ├── footer-bg.jpg
│ │ ├── medicine-bg.jpg
│ │ ├── newsletter-bg.jpg
│ │ ├── testimonial-bg-2.jpg
│ │ └── testimonial-bg-3.jpg
│ │ ├── icon-img
│ │ ├── 2.png
│ │ ├── 13.png
│ │ ├── 14.png
│ │ ├── cart.png
│ │ ├── play.png
│ │ ├── select.png
│ │ ├── snow1.png
│ │ ├── payment.png
│ │ ├── suscribe.png
│ │ ├── support-1.png
│ │ ├── support-10.png
│ │ ├── support-11.png
│ │ ├── support-12.png
│ │ ├── support-13.png
│ │ ├── support-14.png
│ │ ├── support-15.png
│ │ ├── support-2.png
│ │ ├── support-3.png
│ │ ├── support-4.png
│ │ ├── support-5.png
│ │ ├── support-6.png
│ │ ├── support-7.png
│ │ ├── support-8.png
│ │ ├── support-9.png
│ │ ├── slider-shape.png
│ │ ├── medical-contact.png
│ │ └── medical-contact-shape.png
│ │ ├── logo
│ │ ├── logo-1.png
│ │ ├── logo-2.1.png
│ │ ├── payment-logo.png
│ │ ├── payment-accept.png
│ │ └── logo-for-website-2.png
│ │ ├── slider
│ │ ├── asus-rog.png
│ │ └── Apple-Watch-with-macbook-.png
│ │ └── brand-logo
│ │ ├── app-store.png
│ │ ├── apps-google.png
│ │ └── google-play.png
├── .htaccess
├── manifest.json
└── index.html
├── src
├── components
│ ├── homemodal.png
│ ├── alert
│ │ └── Alert.js
│ ├── admin
│ │ ├── Dashboard.jsx
│ │ ├── HeaderNav.jsx
│ │ ├── Sidebar.jsx
│ │ ├── Product.jsx
│ │ └── OrderList.jsx
│ ├── Loader
│ │ └── Loader.js
│ ├── header
│ │ ├── sub-components
│ │ │ ├── MobileSearch.js
│ │ │ ├── MobileWidgets.js
│ │ │ ├── HeaderSocial.js
│ │ │ ├── LanguageCurrencyChanger.js
│ │ │ └── MobileLangCurrChange.js
│ │ ├── Logo.js
│ │ ├── OffcanvasMenu.js
│ │ ├── HeaderTop.js
│ │ └── MobileMenu.js
│ ├── product
│ │ ├── ShopSearch.js
│ │ ├── sub-components
│ │ │ └── ProductRating.js
│ │ ├── ProductImageFixed.js
│ │ ├── ShopTag.js
│ │ ├── ProductImageGallerySticky.js
│ │ ├── ShopColor.js
│ │ ├── ShopTopActionFilter.js
│ │ ├── ShopCategories.js
│ │ ├── ShopSize.js
│ │ ├── ProductImageGallerySlider.js
│ │ └── ShopTopAction.js
│ ├── text-grid
│ │ └── TextGridOneSingle.js
│ ├── image-slider
│ │ └── ImageSliderOneSingle.js
│ ├── brand-logo
│ │ └── BrandLogoOneSingle.js
│ ├── feature-icon
│ │ └── FeatureIconSingle.js
│ ├── category
│ │ └── CategoryOneSingle.js
│ ├── section-title
│ │ ├── SectionTitle.js
│ │ └── SectionTitleWithText.js
│ ├── footer
│ │ ├── FooterCopyright.js
│ │ ├── FooterNewsletter.js
│ │ └── sub-components
│ │ │ ├── SocialLinks.js
│ │ │ └── SubscribeEmail.js
│ ├── contact
│ │ ├── LocationMap.js
│ │ └── MedicalContact.js
│ ├── banner
│ │ └── BannerOneSingle.js
│ ├── HomeModal.js
│ ├── hero-slider
│ │ └── HeroSliderOneSingle.js
│ └── newsletter
│ │ ├── SubscribeEmail.js
│ │ └── SubscribeEmailTwo.js
├── assets
│ ├── fonts
│ │ ├── FontAwesome.otf
│ │ ├── Pe-icon-7-stroke.eot
│ │ ├── Pe-icon-7-stroke.ttf
│ │ ├── Pe-icon-7-stroke.woff
│ │ ├── fontawesome-webfont.eot
│ │ ├── fontawesome-webfont.ttf
│ │ ├── fontawesome-webfont.woff
│ │ └── fontawesome-webfont.woff2
│ └── scss
│ │ ├── _image-slider.scss
│ │ ├── _brand-logo.scss
│ │ ├── style.scss
│ │ ├── _variables.scss
│ │ ├── _breadcrumb.scss
│ │ ├── _preloader.scss
│ │ ├── _helper.scss
│ │ └── _404.scss
├── data
│ ├── form
│ │ ├── division.js
│ │ └── districts.js
│ ├── hero-sliders
│ │ ├── hero-slider-thirty.json
│ │ ├── hero-slider-thirty-five.json
│ │ ├── hero-slider-thirty-four.json
│ │ ├── hero-slider-thirty-three.json
│ │ ├── hero-slider-fourteen.json
│ │ ├── hero-slider-nine.json
│ │ ├── hero-slider-seven.json
│ │ ├── hero-slider-five.json
│ │ ├── hero-slider-one.json
│ │ ├── hero-slider-thirty-one.json
│ │ ├── hero-slider-twenty.json
│ │ ├── hero-slider-two.json
│ │ ├── hero-slider-eight.json
│ │ ├── hero-slider-six.json
│ │ ├── hero-slider-twenty-five.json
│ │ ├── hero-slider-eighteen.json
│ │ ├── hero-slider-fifteen.json
│ │ ├── hero-slider-three.json
│ │ ├── hero-slider-nineteen.json
│ │ ├── hero-slider-twenty-eight.json
│ │ ├── hero-slider-twenty-four.json
│ │ ├── hero-slider-twenty-six.json
│ │ ├── hero-slider-four.json
│ │ ├── hero-slider-twenty-three.json
│ │ ├── hero-slider-seventeen.json
│ │ ├── hero-slider-twenty-one.json
│ │ ├── hero-slider-ten.json
│ │ ├── hero-slider-twelve.json
│ │ ├── hero-slider-twenty-seven.json
│ │ ├── hero-slider-twenty-two.json
│ │ ├── hero-slider-thirty-two.json
│ │ ├── hero-slider-twenty-nine.json
│ │ ├── hero-slider-thirty-six.json
│ │ ├── hero-slider-sixteen.json
│ │ ├── scroll-slider.json
│ │ ├── hero-slider-eleven.json
│ │ └── hero-slider-thirteen.json
│ ├── feature-icons
│ │ ├── feature-icon-six.json
│ │ ├── feature-icon-five.json
│ │ ├── feature-icon-eight.json
│ │ ├── feature-icon-three.json
│ │ ├── feature-icon-two.json
│ │ ├── feature-icon-seven.json
│ │ ├── feature-icon.json
│ │ ├── feature-icon-four.json
│ │ └── feature-icon-nine.json
│ ├── brand-logos
│ │ └── brand-logo-one.json
│ ├── category
│ │ ├── category-five.json
│ │ ├── category-one.json
│ │ ├── category-four.json
│ │ └── category-two.json
│ ├── banner
│ │ └── banner-one.json
│ ├── image-slider
│ │ ├── image-slider-one.json
│ │ └── image-slider-two.json
│ └── text-grid
│ │ └── text-grid-one.json
├── helpers
│ ├── scroll-top.js
│ └── shippingPrice.js
├── pages
│ ├── admin
│ │ ├── AdminBlog.jsx
│ │ ├── AdminOrderList.jsx
│ │ ├── AdminUsers.jsx
│ │ ├── AdminProduct.jsx
│ │ └── AdminDashboard.jsx
│ ├── other
│ │ ├── About.js
│ │ └── ActivateAccount.js
│ ├── home
│ │ └── HomeScreen.js
│ └── shop-product
│ │ ├── ProductSlider.js
│ │ ├── ProductSticky.js
│ │ ├── ProductTabLeft.js
│ │ ├── ProductTabRight.js
│ │ └── ProductFixedImage.js
├── wrappers
│ ├── product
│ │ ├── ShopProducts.js
│ │ ├── ShopTopbar.js
│ │ ├── ProductGridSixContainer.js
│ │ ├── ProductGridFiveContainer.js
│ │ ├── ShopTopbarFilter.js
│ │ ├── NewProductGrid.js
│ │ ├── ShopSidebar.js
│ │ ├── ProductSliderFive.js
│ │ ├── RelatedProductSlider.js
│ │ ├── ProductSliderTwo.js
│ │ ├── ProductSlider.js
│ │ ├── NewProductSlider.js
│ │ ├── ProductSliderSix.js
│ │ ├── ProductSliderFour.js
│ │ └── ProductSliderThree.js
│ ├── breadcrumb
│ │ └── Breadcrumb.js
│ ├── slider-banner
│ │ └── SliderBanner.js
│ ├── text-grid
│ │ └── TextGridOne.js
│ ├── cta
│ │ └── CtaOne.js
│ ├── feature-icon
│ │ └── FeatureIcon.js
│ ├── banner
│ │ └── BannerOne.js
│ ├── image-slider
│ │ ├── ImageSliderOne.js
│ │ └── ImageSliderTwo.js
│ ├── newsletter
│ │ └── Newsletter.js
│ ├── category
│ │ └── CategoryOneSlider.js
│ ├── hero-slider
│ │ └── HeroSliderOne.js
│ └── brand-logo
│ │ └── BrandLogoSliderOne.js
├── redux
│ ├── actions
│ │ ├── currencyActions.js
│ │ ├── compareActions.js
│ │ ├── wishlistActions.js
│ │ └── cartActions.js
│ ├── reducers
│ │ ├── compareReducer.js
│ │ ├── currencyReducer.js
│ │ ├── wishlistReducer.js
│ │ └── rootReducer.js
│ └── constants
│ │ ├── orderConstants.js
│ │ ├── productConstants.js
│ │ └── userConstants.js
├── layouts
│ ├── LayoutAdmin.jsx
│ └── LayoutOne.js
└── index.js
├── .gitignore
└── package.json
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 |
--------------------------------------------------------------------------------
/public/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/favicon.png
--------------------------------------------------------------------------------
/public/assets/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/logo.png
--------------------------------------------------------------------------------
/public/assets/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/favicon.png
--------------------------------------------------------------------------------
/public/assets/img/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/loading.gif
--------------------------------------------------------------------------------
/src/components/homemodal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/src/components/homemodal.png
--------------------------------------------------------------------------------
/public/assets/img/bg/shape-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/bg/shape-2.png
--------------------------------------------------------------------------------
/public/assets/img/bg/shape.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/bg/shape.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/2.png
--------------------------------------------------------------------------------
/src/assets/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/src/assets/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/public/assets/img/bg/footer-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/bg/footer-bg.jpg
--------------------------------------------------------------------------------
/public/assets/img/icon-img/13.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/13.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/14.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/14.png
--------------------------------------------------------------------------------
/public/assets/img/logo/logo-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/logo/logo-1.png
--------------------------------------------------------------------------------
/public/assets/img/bg/medicine-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/bg/medicine-bg.jpg
--------------------------------------------------------------------------------
/public/assets/img/icon-img/cart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/cart.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/play.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/play.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/select.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/select.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/snow1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/snow1.png
--------------------------------------------------------------------------------
/public/assets/img/logo/logo-2.1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/logo/logo-2.1.png
--------------------------------------------------------------------------------
/public/assets/img/slider/asus-rog.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/slider/asus-rog.png
--------------------------------------------------------------------------------
/src/assets/fonts/Pe-icon-7-stroke.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/src/assets/fonts/Pe-icon-7-stroke.eot
--------------------------------------------------------------------------------
/src/assets/fonts/Pe-icon-7-stroke.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/src/assets/fonts/Pe-icon-7-stroke.ttf
--------------------------------------------------------------------------------
/public/.htaccess:
--------------------------------------------------------------------------------
1 | Options -MultiViews
2 | RewriteEngine On
3 | RewriteCond %{REQUEST_FILENAME} !-f
4 | RewriteRule ^ index.html [QSA,L]
--------------------------------------------------------------------------------
/public/assets/img/bg/newsletter-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/bg/newsletter-bg.jpg
--------------------------------------------------------------------------------
/public/assets/img/icon-img/payment.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/payment.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/suscribe.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/suscribe.png
--------------------------------------------------------------------------------
/public/assets/img/logo/payment-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/logo/payment-logo.png
--------------------------------------------------------------------------------
/src/assets/fonts/Pe-icon-7-stroke.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/src/assets/fonts/Pe-icon-7-stroke.woff
--------------------------------------------------------------------------------
/public/assets/img/bg/testimonial-bg-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/bg/testimonial-bg-2.jpg
--------------------------------------------------------------------------------
/public/assets/img/bg/testimonial-bg-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/bg/testimonial-bg-3.jpg
--------------------------------------------------------------------------------
/public/assets/img/brand-logo/app-store.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/brand-logo/app-store.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-1.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-10.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-11.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-12.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-13.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-13.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-14.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-14.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-15.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-15.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-2.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-3.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-4.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-5.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-6.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-7.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-8.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/support-9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/support-9.png
--------------------------------------------------------------------------------
/public/assets/img/logo/payment-accept.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/logo/payment-accept.png
--------------------------------------------------------------------------------
/src/assets/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/src/assets/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/src/assets/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/src/assets/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/src/assets/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/src/assets/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/src/assets/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/src/assets/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/public/assets/img/brand-logo/apps-google.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/brand-logo/apps-google.png
--------------------------------------------------------------------------------
/public/assets/img/brand-logo/google-play.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/brand-logo/google-play.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/slider-shape.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/slider-shape.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/medical-contact.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/medical-contact.png
--------------------------------------------------------------------------------
/public/assets/img/logo/logo-for-website-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/logo/logo-for-website-2.png
--------------------------------------------------------------------------------
/public/assets/img/icon-img/medical-contact-shape.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/icon-img/medical-contact-shape.png
--------------------------------------------------------------------------------
/public/assets/img/slider/Apple-Watch-with-macbook-.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tanvir-Niloy/wonderstech-frontend/HEAD/public/assets/img/slider/Apple-Watch-with-macbook-.png
--------------------------------------------------------------------------------
/src/components/alert/Alert.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const Alert = ({ variant, children }) => {
4 | return {children}
;
5 | };
6 |
7 | export default Alert;
8 |
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "Flone React",
3 | "name": "React Minimalist eCommerce Template",
4 | "start_url": ".",
5 | "display": "standalone",
6 | "theme_color": "#000000",
7 | "background_color": "#ffffff"
8 | }
9 |
--------------------------------------------------------------------------------
/src/data/form/division.js:
--------------------------------------------------------------------------------
1 | const divisions = [
2 | "Dhaka",
3 | "Barishal",
4 | "Chattogram",
5 | "Khulna",
6 | "Mymensingh",
7 | "Rajshahi",
8 | "Rangpur",
9 | "Sylhet",
10 | ];
11 |
12 | export default divisions;
13 |
--------------------------------------------------------------------------------
/src/data/hero-sliders/hero-slider-thirty.json:
--------------------------------------------------------------------------------
1 | {
2 | "id": 1,
3 | "title": "Made For You",
4 | "subtitle": "On Every Wooden Furniture",
5 | "url": "/shop-grid-standard",
6 | "backgroundImage": "/assets/img/slider/slider-32.jpg"
7 | }
8 |
--------------------------------------------------------------------------------
/src/data/hero-sliders/hero-slider-thirty-five.json:
--------------------------------------------------------------------------------
1 | {
2 | "id": 1,
3 | "title": "Black Friday
7 | Admin blog actions
8 |
9 | );
10 | };
11 |
12 | export default AdminBlog;
13 |
--------------------------------------------------------------------------------
/src/data/hero-sliders/hero-slider-thirty-three.json:
--------------------------------------------------------------------------------
1 | {
2 | "id": 1,
3 | "title": "Christmas Sale",
4 | "subtitle": "New Year Offer
7 |
Welcome to your Dashboard
8 |
14 |
16 | );
17 | };
18 |
19 | export default Loader;
20 |
--------------------------------------------------------------------------------
/src/components/header/sub-components/MobileSearch.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const MobileSearch = () => {
4 | return (
5 |
6 |
12 |
13 | );
14 | };
15 |
16 | export default MobileSearch;
17 |
--------------------------------------------------------------------------------
/src/data/hero-sliders/hero-slider-fourteen.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "id": 1,
4 | "title": "Welcome to Flone",
5 | "subtitle": "30% off Summer Vacation",
6 | "image": "/assets/img/slider/slider-5.jpg",
7 | "url": "/shop-grid-standard"
8 | },
9 | {
10 | "id": 2,
11 | "title": "Smart Products",
12 | "subtitle": "40% off Summer Vacation",
13 | "image": "/assets/img/slider/slider-5-1.jpg",
14 | "url": "/shop-grid-standard"
15 | }
16 | ]
17 |
--------------------------------------------------------------------------------
/src/data/hero-sliders/hero-slider-nine.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "id": 1,
4 | "title": "Sale Off 40%",
5 | "subtitle": "Summer Offer To 40% ",
5 | "subtitle": "Summer To 40% ",
12 | "subtitle": "Summer 2020 ",
5 | "subtitle": "Sale up to 40% off ",
6 | "image": "/assets/img/slider/slider-34.jpg",
7 | "url": "/shop-grid-standard"
8 | },
9 | {
10 | "id": 2,
11 | "title": "Furniture 2020 ",
12 | "subtitle": "Sale up to 30% off ",
13 | "image": "/assets/img/slider/slider-34.jpg",
14 | "url": "/shop-grid-standard"
15 | }
16 | ]
17 |
--------------------------------------------------------------------------------
/src/data/hero-sliders/hero-slider-twenty-nine.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "id": 1,
4 | "title": "Furniture 2020 ",
5 | "subtitle": "Sale up to 40% off ",
6 | "image": "/assets/img/slider/slider-31.jpg",
7 | "url": "/shop-grid-standard"
8 | },
9 | {
10 | "id": 2,
11 | "title": "Furniture 2020 ",
12 | "subtitle": "Sale up to 30% off ",
13 | "image": "/assets/img/slider/slider-31.jpg",
14 | "url": "/shop-grid-standard"
15 | }
16 | ]
17 |
--------------------------------------------------------------------------------
/src/data/hero-sliders/hero-slider-thirty-six.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "id": 1,
4 | "image": "/assets/img/slider/valentine-text.png",
5 | "backgroundImage": "/assets/img/slider/slider-38.jpg",
6 | "title": "New Collection For
7 |
Search
8 |
9 |
15 |
16 |
7 |
10 |
{data.title}
11 |
{data.text}
12 |
13 |
8 |
9 |
10 | /}
12 | item={NavLink}
13 | finalItem={"span"}
14 | />
15 |
16 |
17 |
8 |
9 |
10 |
11 |
8 |
9 |
15 |
16 |
{rating} ;
16 | };
17 |
18 | ProductRating.propTypes = {
19 | ratingValue: PropTypes.number
20 | };
21 |
22 | export default ProductRating;
23 |
--------------------------------------------------------------------------------
/src/data/banner/banner-one.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "id": 1,
4 | "image": "/assets/img/banner/banner-1.jpg",
5 | "title": "Watches",
6 | "subtitle": "Starting at",
7 | "price": "$99.00",
8 | "link": "/shop-grid-standard"
9 | },
10 | {
11 | "id": 2,
12 | "image": "/assets/img/banner/banner-2.jpg",
13 | "title": "Plo Bag",
14 | "subtitle": "Starting at",
15 | "price": "$79.00",
16 | "link": "/shop-grid-standard"
17 | },
18 | {
19 | "id": 3,
20 | "image": "/assets/img/banner/banner-3.jpg",
21 | "title": "Sunglass",
22 | "subtitle": "Starting at",
23 | "price": "$29.00",
24 | "link": "/shop-grid-standard"
25 | }
26 | ]
27 |
--------------------------------------------------------------------------------
/src/wrappers/slider-banner/SliderBanner.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import BannerEight from "../banner/BannerEight";
3 | import HeroSliderSeven from "../hero-slider/HeroSliderSeven";
4 |
5 | const SliderBanner = () => {
6 | return (
7 |
8 |
9 |
10 |
11 | {/* hero slider */}
12 |
14 | {/* banner */}
15 |
16 |
17 |
18 |
11 |
12 |
20 | {sidebar && {children}
22 |
23 |
24 | );
25 | };
26 |
27 | export default LayoutAdmin;
28 |
--------------------------------------------------------------------------------
/src/components/feature-icon/FeatureIconSingle.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 |
4 | const FeatureIconSingle = ({ singleFeature }) => {
5 | return (
6 |
7 |
8 |
9 |
14 |
15 |
16 |
{singleFeature.title}
17 |
{singleFeature.subtitle}
18 |
19 |
20 |
13 | {/* shop top action */}
14 |
21 | );
22 | };
23 |
24 | ShopTopbar.propTypes = {
25 | getFilterSortParams: PropTypes.func,
26 | getLayout: PropTypes.func,
27 | productCount: PropTypes.number,
28 | sortedProductCount: PropTypes.number
29 | };
30 |
31 | export default ShopTopbar;
32 |
--------------------------------------------------------------------------------
/src/components/category/CategoryOneSingle.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import { Link } from "react-router-dom";
4 |
5 | const CategoryOneSingle = ({ data, sliderClass }) => {
6 | return (
7 |
8 |
9 |
10 |
11 |
12 | {data.subtitle}
13 |
14 |
16 |
17 |
18 |
{titleText}
19 |
20 | {subtitleText}
21 |
22 |
7 |
8 | {/*
*/}
9 |
Wonders Smart Tech (Admin Panel)
10 |
11 |
12 |
13 |
15 |
16 |
18 |
19 |
21 |
22 |
24 |
25 |
26 |
28 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
24 |
18 |
26 | );
27 | };
28 |
29 | FooterMap.propTypes = {
30 | google: PropTypes.object,
31 | latitude: PropTypes.string,
32 | longitude: PropTypes.string
33 | };
34 |
35 | export default GoogleApiWrapper({
36 | apiKey: "AIzaSyB2D8wrWMY3XZnuHO6C31uq90JiuaFzGws"
37 | })(FooterMap);
38 |
--------------------------------------------------------------------------------
/src/wrappers/text-grid/TextGridOne.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import textGridData from "../../data/text-grid/text-grid-one.json";
4 | import TextGridOneSingle from "../../components/text-grid/TextGridOneSingle.js";
5 |
6 | const TextGridOne = ({ spaceBottomClass }) => {
7 | return (
8 |
13 |
14 |
15 | {textGridData &&
16 | textGridData.map((single, key) => {
17 | return (
18 |
26 |
27 |
8 |
9 |
15 |
16 |
Shop and save money
17 |
18 |
22 |
23 |
24 |
25 |
8 |
11 |
12 |
13 |
14 |
15 |
{data.title}
16 |
17 | {data.subtitle} {data.price}
18 |
19 |
23 |
24 |
15 | {/* shop top action */}
16 |
25 | );
26 | };
27 |
28 | ShopTopbar.propTypes = {
29 | getFilterSortParams: PropTypes.func,
30 | getLayout: PropTypes.func,
31 | getSortParams: PropTypes.func,
32 | productCount: PropTypes.number,
33 | products: PropTypes.array,
34 | sortedProductCount: PropTypes.number
35 | };
36 |
37 | export default ShopTopbar;
38 |
--------------------------------------------------------------------------------
/src/wrappers/feature-icon/FeatureIcon.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import featureIconData from "../../data/feature-icons/feature-icon.json";
4 | import FeatureIconSingle from "../../components/feature-icon/FeatureIconSingle";
5 |
6 | const FeatureIcon = ({ spaceTopClass, spaceBottomClass }) => {
7 | return (
8 |
13 |
14 |
15 | {featureIconData.map(singleFeature => {
16 | return (
17 |
24 |
25 |
7 | {product.discount || product.new ? (
8 |
9 | {product.discount ? (
10 | -{product.discount}%
11 | ) : (
12 | ""
13 | )}
14 | {product.new ? New : ""}
15 |
16 | ) : (
17 | ""
18 | )}
19 |
20 |
21 | {product.image ? (
22 |
27 | ) : (
28 | ""
29 | )}
30 |
31 |
15 |
28 | );
29 | };
30 |
31 | LayoutOne.propTypes = {
32 | children: PropTypes.any,
33 | headerContainerClass: PropTypes.string,
34 | headerPaddingClass: PropTypes.string,
35 | headerPositionClass: PropTypes.string,
36 | headerTop: PropTypes.string,
37 | };
38 |
39 | export default LayoutOne;
40 |
--------------------------------------------------------------------------------
/src/wrappers/banner/BannerOne.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import bannerData from "../../data/banner/banner-one.json";
4 | import BannerOneSingle from "../../components/banner/BannerOneSingle.js";
5 |
6 | const BannerOne = ({ spaceTopClass, spaceBottomClass }) => {
7 | return (
8 |
13 |
14 |
15 | {bannerData &&
16 | bannerData.map((single, key) => {
17 | return (
18 |
26 |
27 |
8 |
Tag
9 |
10 | {tags ? (
11 |
12 | {tags.map((tag, key) => {
13 | return (
14 |
15 | {
17 | getSortParams("tag", tag);
18 | setActiveSort(e);
19 | }}
20 | >
21 | {tag}
22 |
23 |
24 | );
25 | })}
26 |
27 | ) : (
28 | "No tags found"
29 | )}
30 |
31 |
28 |
29 |
30 | {imageData &&
31 | imageData.map((single, key) => {
32 | return (
33 |
41 |
42 |
28 |
29 |
30 | {imageData &&
31 | imageData.map((single, key) => {
32 | return (
33 |
41 |
42 |
10 |
11 | getActiveState(false)}
14 | >
15 |
17 |
18 |
19 |
20 |
24 |
25 |
26 | {/* nav menu*/}
27 |
28 |
29 | {/* header social */}
30 |
31 |
19 | {/* shop search */}
20 |
30 | );
31 | };
32 |
33 | ShopSidebar.propTypes = {
34 | getSortParams: PropTypes.func,
35 | products: PropTypes.array,
36 | sideSpaceClass: PropTypes.string,
37 | };
38 |
39 | export default ShopSidebar;
40 |
--------------------------------------------------------------------------------
/src/assets/scss/_variables.scss:
--------------------------------------------------------------------------------
1 | // Font Family
2 | $poppins: "Poppins", sans-serif;
3 | $abrilfatface: "Abril Fatface", cursive;
4 | $cormorantgaramond: "Cormorant Garamond";
5 | $greatvibes: "Great Vibes", cursive;
6 | $lobster: "Lobster", cursive;
7 | $josefin: "Josefin Sans", sans-serif;
8 |
9 | // text Colors ---------------
10 |
11 | $white: #ffffff;
12 | $black: #000000;
13 | $grey: #f6f7f8;
14 | $red: #f6f7f8;
15 | $green: #f6f7f8;
16 |
17 | // bg Colors ---------------
18 |
19 | $bg-white: #ffffff;
20 | $bg-black: #000000;
21 | $bg-grey: #f6f6f8;
22 | $bg-purple: #f0e0ff;
23 |
24 | // Heading Color
25 | $heading-color: #000000;
26 |
27 | // Theme Color
28 | // $theme-color: #a749ff;
29 | // $theme-color: #ff9800;
30 | $theme-color: #f3b632;
31 |
32 | // Responsive Variables
33 | $xx-layout: "only screen and (min-width: 1366px) and (max-width: 1600px)";
34 | $xl-layout: "only screen and (min-width: 1200px) and (max-width: 1365px)";
35 | $lg-layout: "only screen and (min-width: 992px) and (max-width: 1199px)";
36 | $md-layout: "only screen and (min-width: 768px) and (max-width: 991px)";
37 | $xs-layout: "only screen and (max-width: 767px)";
38 | $sm-layout: "only screen and (min-width: 576px) and (max-width: 767px)";
39 | $xxs-layout: "only screen and (min-width: 320px) and (max-width: 479px)";
40 |
--------------------------------------------------------------------------------
/src/data/form/districts.js:
--------------------------------------------------------------------------------
1 | const Districts = [
2 | "Gazipur",
3 | "Bagerhat",
4 | "Bandarban",
5 | "Barguna",
6 | "Barishal",
7 | "Bhola",
8 | "Bogura",
9 | "Brahmanbaria",
10 | "Chandpur",
11 | "Chapai Nawabganj",
12 | "Chattogram",
13 | "Chuadanga",
14 | "Cox's Bazar",
15 | "Cumilla",
16 | "Dhaka",
17 | "Dinajpur",
18 | "Faridpur",
19 | "Feni",
20 | "Gaibandha",
21 | "Gopalganj",
22 | "Habiganj",
23 | "Jamalpur",
24 | "Jashore",
25 | "Jhalokati",
26 | "Jhenaidah",
27 | "Joypurhat",
28 | "Khagrachari",
29 | "Khulna",
30 | "Kishoreganj",
31 | "Kurigram",
32 | "Kushtia",
33 | "Lakshmipur",
34 | "Lalmonirhat",
35 | "Madaripur",
36 | "Magura",
37 | "Manikganj",
38 | "Meherpur",
39 | "Moulvibazar",
40 | "Munshiganj",
41 | "Mymensingh",
42 | "Naogaon",
43 | "Narail",
44 | "Narayanganj",
45 | "Narsingdi",
46 | "Natore",
47 | "Netrokona",
48 | "Nilphamari",
49 | "Noakhali",
50 | "Pabna",
51 | "Panchagarh",
52 | "Patuakhali",
53 | "Pirojpur",
54 | "Rajbari",
55 | "Rajshahi",
56 | "Rangamati",
57 | "Rangpur",
58 | "Satkhira",
59 | "Shariatpur",
60 | "Sherpur",
61 | "Sirajganj",
62 | "Sunamganj",
63 | "Sylhet",
64 | "Tangail",
65 | "Thakurgaon",
66 | ];
67 |
68 | export default Districts;
69 |
--------------------------------------------------------------------------------
/src/assets/scss/_breadcrumb.scss:
--------------------------------------------------------------------------------
1 | /*------ 16. Breadcrumb style --------*/
2 |
3 | .breadcrumb-content {
4 | ul {
5 | li {
6 | display: inline-block;
7 | font-size: 15px;
8 | font-weight: 500;
9 | color: #5b5858;
10 | margin-right: 18px;
11 | text-transform: uppercase;
12 | position: relative;
13 | &::before {
14 | position: absolute;
15 | width: 18px;
16 | height: 1px;
17 | background-color: #5b5858;
18 | content: "";
19 | right: -21px;
20 | top: 12px;
21 | z-index: 99;
22 | transform: rotate(115deg);
23 | }
24 | &:last-child::before {
25 | display: none;
26 | }
27 | a {
28 | color: #5b5858;
29 | &:hover {
30 | color: $theme-color;
31 | }
32 | }
33 | }
34 | }
35 |
36 | span {
37 | & > span {
38 | display: inline-block;
39 | font-size: 15px;
40 | font-weight: 500;
41 | text-transform: uppercase;
42 |
43 | & > a {
44 | font-weight: 500;
45 | color: #5b5858;
46 | &:hover {
47 | color: $theme-color;
48 | }
49 | }
50 |
51 | & > span {
52 | margin-right: 0;
53 | margin: 0 15px;
54 | }
55 | }
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/src/components/product/ProductImageGallerySticky.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 |
4 | const productImageGallerySticky = ({ product }) => {
5 | return (
6 |
7 | {product.discount || product.new ? (
8 |
9 | {product.discount ? (
10 | -{product.discount}%
11 | ) : (
12 | ""
13 | )}
14 | {product.new ? New : ""}
15 |
16 | ) : (
17 | ""
18 | )}
19 |
20 | {product.image &&
21 | product.image.map((single, key) => {
22 | return (
23 |
24 |
29 |
30 | );
31 | })}
32 |
33 |
19 |
20 |
SUBSCRIBE
21 |
22 |
23 |
Get E-mail updates about our latest shop and special offers.
24 | {/* subscribe email */}
25 | {/*
*/}
26 |
27 |
28 |
19 |
20 |
21 |
22 |
23 |
Subscribe
24 |
Subscribe to our newsletter to receive news on update
25 | {/* subscription form */}
26 |
27 |
28 |
29 |
30 |
31 |
6 |
20 | {/*Off Canvas Widget Social Start*/}
21 |
35 | {/*Off Canvas Widget Social End*/}
36 |
39 |
40 |
47 | X
48 |
50 |
51 |
52 |
53 | );
54 | }
55 |
56 |
57 | export default HomeModal;
--------------------------------------------------------------------------------
/src/pages/other/About.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React, { Fragment } from "react";
3 | import MetaTags from "react-meta-tags";
4 | import { BreadcrumbsItem } from "react-breadcrumbs-dynamic";
5 | import LayoutOne from "../../layouts/LayoutOne";
6 | import Breadcrumb from "../../wrappers/breadcrumb/Breadcrumb";
7 | import SectionTitleWithText from "../../components/section-title/SectionTitleWithText";
8 |
9 |
10 | const About = ({ location }) => {
11 | const { pathname } = location;
12 |
13 | return (
14 |
15 |
16 | Wonders Tech | About Us
17 |
22 | Home
23 |
24 | About us
25 |
26 |
27 | {/* breadcrumb */}
28 |
34 |
35 | );
36 | };
37 |
38 | About.propTypes = {
39 | location: PropTypes.object,
40 | };
41 |
42 | export default About;
43 |
--------------------------------------------------------------------------------
/src/pages/other/ActivateAccount.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react";
2 | import { Link } from "react-router-dom";
3 | import Alert from "../../components/alert/Alert";
4 | import Loader from "../../components/Loader/Loader";
5 |
6 | const ActivateAccount = ({ match }) => {
7 | const [error, setError] = useState("");
8 | const [loading, setLoading] = useState(false);
9 | // const [status, setStatus] = useState("");
10 | useEffect(() => {
11 | setLoading(true);
12 | fetch(`/api/users/activate/${match.params.token}`)
13 | .then((res) => res.json())
14 | .then((data) => {
15 | // setStatus(data.message);
16 | setLoading(false);
17 | })
18 | .catch((err) => {
19 | setLoading(false);
20 | console.log(err);
21 | setError(err.message);
22 | });
23 | }, [match]);
24 |
25 | // console.log(error);
26 |
27 | return (
28 | <>
29 | {loading ? (
30 | {error}
33 | ) : (
34 |
35 |
36 | Your acccount is Active Please
37 |
42 |
38 | ,
40 | document.getElementById("root")
41 | );
42 |
43 | // If you want your app to work offline and load faster, you can change
44 | // unregister() to register() below. Note this comes with some pitfalls.
45 | // Learn more about service workers: https://bit.ly/CRA-PWA
46 | serviceWorker.unregister();
47 |
--------------------------------------------------------------------------------
/src/wrappers/product/ProductSliderFive.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import Swiper from "react-id-swiper";
4 | import ProductGridEleven from "./ProductGridEleven";
5 |
6 | const ProductSliderFive = ({
7 | spaceBottomClass,
8 | category,
9 | productGridStyleClass,
10 | type
11 | }) => {
12 | const settings = {
13 | loop: false,
14 | slidesPerView: 4,
15 | grabCursor: true,
16 | breakpoints: {
17 | 1024: {
18 | slidesPerView: 4
19 | },
20 | 768: {
21 | slidesPerView: 3
22 | },
23 | 640: {
24 | slidesPerView: 2
25 | },
26 | 320: {
27 | slidesPerView: 1
28 | }
29 | }
30 | };
31 |
32 | return (
33 |
51 | );
52 | };
53 |
54 | ProductSliderFive.propTypes = {
55 | category: PropTypes.string,
56 | productGridStyleClass: PropTypes.string,
57 | spaceBottomClass: PropTypes.string
58 | };
59 |
60 | export default ProductSliderFive;
61 |
--------------------------------------------------------------------------------
/src/wrappers/product/RelatedProductSlider.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import Swiper from "react-id-swiper";
4 | import SectionTitle from "../../components/section-title/SectionTitle";
5 | import ProductGrid from "./ProductGrid";
6 |
7 | const RelatedProductSlider = ({ spaceBottomClass, category }) => {
8 | const settings = {
9 | loop: true,
10 | slidesPerView: 2,
11 | grabCursor: true,
12 | breakpoints: {
13 | 1024: {
14 | slidesPerView: 2
15 | },
16 | 768: {
17 | slidesPerView: 2
18 | },
19 | 640: {
20 | slidesPerView: 2
21 | },
22 | 320: {
23 | slidesPerView: 1
24 | }
25 | }
26 | };
27 |
28 | return (
29 |
51 | );
52 | };
53 |
54 | RelatedProductSlider.propTypes = {
55 | category: PropTypes.string,
56 | spaceBottomClass: PropTypes.string
57 | };
58 |
59 | export default RelatedProductSlider;
60 |
--------------------------------------------------------------------------------
/src/pages/admin/AdminOrderList.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import OrdersList from "../../components/admin/OrderList";
3 | import LayoutAdmin from "../../layouts/LayoutAdmin";
4 | import { Link } from "react-router-dom";
5 | import { useDispatch, useSelector } from "react-redux";
6 | import { getOrderList } from "../../redux/actions/orderActions";
7 | import Loader from "../../components/Loader/Loader";
8 | import Alert from "../../components/alert/Alert";
9 |
10 | const AdminOrders = ({ history }) => {
11 | const dispatch = useDispatch();
12 |
13 | const { userInfo } = useSelector((state) => state.userLogin);
14 |
15 | const { loading, error, orders } = useSelector((state) => state.orderList);
16 |
17 | useEffect(() => {
18 | if (userInfo && userInfo.isAdmin) {
19 | dispatch(getOrderList());
20 | } else {
21 | history.push("/");
22 | }
23 | }, [dispatch, userInfo, history]);
24 |
25 | return (
26 | <>
27 |
28 |
29 |
30 |
Orders List
31 |
32 |
33 |
← Back
34 |
35 | {loading ? (
36 |
37 | ) : error ? (
38 |
{error}
39 | ) : (
40 |
41 | )}
42 |
44 |
45 | );
46 | };
47 |
48 | export default AdminOrders;
49 |
--------------------------------------------------------------------------------
/src/wrappers/product/ProductSliderTwo.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import Swiper from "react-id-swiper";
4 | import SectionTitle from "../../components/section-title/SectionTitle";
5 | import ProductGrid from "./ProductGrid";
6 |
7 | const ProductSliderTwo = ({ spaceBottomClass, category }) => {
8 | const settings = {
9 | loop: false,
10 | slidesPerView: 4,
11 | grabCursor: true,
12 | breakpoints: {
13 | 1024: {
14 | slidesPerView: 4
15 | },
16 | 768: {
17 | slidesPerView: 3
18 | },
19 | 640: {
20 | slidesPerView: 2
21 | },
22 | 320: {
23 | slidesPerView: 1
24 | }
25 | }
26 | };
27 |
28 | return (
29 |
52 | );
53 | };
54 |
55 | ProductSliderTwo.propTypes = {
56 | category: PropTypes.string,
57 | spaceBottomClass: PropTypes.string
58 | };
59 |
60 | export default ProductSliderTwo;
61 |
--------------------------------------------------------------------------------
/src/wrappers/category/CategoryOneSlider.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import Swiper from "react-id-swiper";
4 | import categoryData from "../../data/category/category-one.json";
5 | import CategoryOneSingle from "../../components/category/CategoryOneSingle.js";
6 |
7 | const CategoryOneSlider = ({ spaceBottomClass }) => {
8 | // swiper slider settings
9 | const settings = {
10 | loop: false,
11 | spaceBetween: 30,
12 | breakpoints: {
13 | 992: {
14 | slidesPerView: 3
15 | },
16 | 576: {
17 | slidesPerView: 2
18 | },
19 | 320: {
20 | slidesPerView: 1
21 | }
22 | }
23 | };
24 | return (
25 |
28 |
29 |
30 |
31 |
32 | {categoryData &&
33 | categoryData.map((single, key) => {
34 | return (
35 |
43 |
44 |
45 |
46 |
22 | //
24 | // ),
25 | // renderNextButton: () => (
26 | //
27 | //
29 | // )
30 | };
31 |
32 | return (
33 |
34 |
35 |
36 | {heroSliderData &&
37 | heroSliderData.map((single, key) => {
38 | return (
39 |
47 |
48 |
12 |
13 |
14 |
15 |
16 |
{data.title}
17 |
{data.subtitle}
18 |
19 |
26 |
27 |
28 |
29 |
30 |
35 |
36 |
37 |
38 |
39 |
20 |
21 | Wonders Tech
22 |
27 |
31 |
32 | {/*home modal */}
33 | {/*
46 |
47 | );
48 | };
49 |
50 | export default HomeScreen;
51 |
--------------------------------------------------------------------------------
/src/components/header/sub-components/HeaderSocial.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const HeaderSocial = () => {
4 | return (
5 |
59 | );
60 | };
61 |
62 | export default HeaderSocial;
63 |
--------------------------------------------------------------------------------
/src/components/header/HeaderTop.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import { multilanguage } from "redux-multilanguage";
4 | import { connect } from "react-redux";
5 | import { setCurrency } from "../../redux/actions/currencyActions";
6 | import LanguageCurrencyChanger from "./sub-components/LanguageCurrencyChanger";
7 |
8 | const HeaderTop = ({
9 | currency,
10 | setCurrency,
11 | currentLanguageCode,
12 | dispatch,
13 | borderStyle,
14 | }) => {
15 | return (
16 |
34 | );
35 | };
36 |
37 | HeaderTop.propTypes = {
38 | borderStyle: PropTypes.string,
39 | setCurrency: PropTypes.func,
40 | currency: PropTypes.object,
41 | currentLanguageCode: PropTypes.string,
42 | dispatch: PropTypes.func,
43 | };
44 |
45 | const mapStateToProps = (state) => {
46 | return {
47 | currency: state.currencyData,
48 | };
49 | };
50 |
51 | const mapDispatchToProps = (dispatch) => {
52 | return {
53 | setCurrency: (currencyName) => {
54 | dispatch(setCurrency(currencyName));
55 | },
56 | };
57 | };
58 |
59 | export default connect(
60 | mapStateToProps,
61 | mapDispatchToProps
62 | )(multilanguage(HeaderTop));
63 |
--------------------------------------------------------------------------------
/src/components/product/ShopColor.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import { setActiveSort } from "../../helpers/product";
4 |
5 | const ShopColor = ({ colors, getSortParams }) => {
6 | return (
7 |
8 |
Color
9 |
10 | {colors ? (
11 |
12 |
13 |
14 | {
16 | getSortParams("color", "");
17 | setActiveSort(e);
18 | }}
19 | >
20 |
22 |
23 |
24 | {colors.map((color, key) => {
25 | return (
26 |
27 |
28 | {
30 | getSortParams("color", color);
31 | setActiveSort(e);
32 | }}
33 | >
34 |
36 |
37 |
38 | );
39 | })}
40 |
41 | ) : (
42 | "No colors found"
43 | )}
44 |
45 |
15 |
16 |
17 |
18 | getFilterSortParams("filterSort", e.target.value)}
20 | >
21 | Default
22 | Price - High to Low
23 | Price - Low to High
24 |
25 |
26 |
27 | Showing {sortedProductCount} of {productCount} result
28 |
29 |
30 |
31 |
32 | toggleShopTopFilter(e)}>
33 |
35 |
36 |
41 | );
42 | };
43 |
44 | ShopTopActionFilter.propTypes = {
45 | getFilterSortParams: PropTypes.func,
46 | getSortParams: PropTypes.func,
47 | productCount: PropTypes.number,
48 | products: PropTypes.array,
49 | sortedProductCount: PropTypes.number
50 | };
51 |
52 | export default ShopTopActionFilter;
53 |
--------------------------------------------------------------------------------
/src/wrappers/product/NewProductSlider.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import Swiper from "react-id-swiper";
4 | import SectionTitleThree from "../../components/section-title/SectionTitleThree";
5 | import ProductGridTwo from "./ProductGridTwo";
6 |
7 | const NewProductSlider = ({
8 | spaceTopClass,
9 | spaceBottomClass,
10 | category,
11 | limit
12 | }) => {
13 | const settings = {
14 | loop: false,
15 | grabCursor: true,
16 | breakpoints: {
17 | 1024: {
18 | slidesPerView: 4
19 | },
20 | 768: {
21 | slidesPerView: 3
22 | },
23 | 640: {
24 | slidesPerView: 2
25 | },
26 | 320: {
27 | slidesPerView: 1
28 | }
29 | }
30 | };
31 |
32 | return (
33 |
56 | );
57 | };
58 |
59 | NewProductSlider.propTypes = {
60 | category: PropTypes.string,
61 | limit: PropTypes.number,
62 | spaceBottomClass: PropTypes.string,
63 | spaceTopClass: PropTypes.string
64 | };
65 |
66 | export default NewProductSlider;
67 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Wonders Smartshop
21 |
22 |
23 | You need to enable JavaScript to run this app.
24 |
25 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/src/wrappers/product/ProductSliderSix.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import Swiper from "react-id-swiper";
4 | import SectionTitle from "../../components/section-title/SectionTitle";
5 | import ProductGridTwo from "./ProductGridTwo";
6 |
7 | const ProductSliderSix = ({ spaceBottomClass, spaceTopClass, category }) => {
8 | const settings = {
9 | loop: false,
10 | slidesPerView: 4,
11 | grabCursor: true,
12 | breakpoints: {
13 | 1024: {
14 | slidesPerView: 4
15 | },
16 | 768: {
17 | slidesPerView: 3
18 | },
19 | 640: {
20 | slidesPerView: 2
21 | },
22 | 320: {
23 | slidesPerView: 1
24 | }
25 | }
26 | };
27 |
28 | return (
29 |
54 | );
55 | };
56 |
57 | ProductSliderSix.propTypes = {
58 | category: PropTypes.string,
59 | spaceBottomClass: PropTypes.string
60 | };
61 |
62 | export default ProductSliderSix;
63 |
--------------------------------------------------------------------------------
/src/wrappers/product/ProductSliderFour.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import Swiper from "react-id-swiper";
4 | import SectionTitleSeven from "../../components/section-title/SectionTitleSeven";
5 | import ProductGridNine from "./ProductGridNine";
6 |
7 | const ProductSliderFour = ({ spaceBottomClass, category }) => {
8 | const settings = {
9 | loop: false,
10 | slidesPerView: 4,
11 | grabCursor: true,
12 | breakpoints: {
13 | 1024: {
14 | slidesPerView: 4
15 | },
16 | 768: {
17 | slidesPerView: 3
18 | },
19 | 640: {
20 | slidesPerView: 2
21 | },
22 | 320: {
23 | slidesPerView: 1
24 | }
25 | }
26 | };
27 |
28 | return (
29 |
54 | );
55 | };
56 |
57 | ProductSliderFour.propTypes = {
58 | category: PropTypes.string,
59 | spaceBottomClass: PropTypes.string
60 | };
61 |
62 | export default ProductSliderFour;
63 |
--------------------------------------------------------------------------------
/src/wrappers/brand-logo/BrandLogoSliderOne.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import Swiper from "react-id-swiper";
4 | import BrandLogoOneSingle from "../../components/brand-logo/BrandLogoOneSingle";
5 | import brandLogoData from "../../data/brand-logos/brand-logo-one.json";
6 |
7 | const BrandLogoSliderOne = ({ spaceBottomClass, spaceTopClass }) => {
8 | const settings = {
9 | loop: true,
10 | autoplay: {
11 | delay: 3000,
12 | disableOnInteraction: false
13 | },
14 | grabCursor: true,
15 | breakpoints: {
16 | 1024: {
17 | slidesPerView: 5
18 | },
19 | 768: {
20 | slidesPerView: 4
21 | },
22 | 640: {
23 | slidesPerView: 3
24 | },
25 | 320: {
26 | slidesPerView: 2
27 | }
28 | }
29 | };
30 |
31 | return (
32 |
37 |
38 |
39 |
40 | {brandLogoData &&
41 | brandLogoData.map((single, key) => {
42 | return (
43 |
52 |
53 |
54 |
8 |
Categories
9 |
10 | {categories ? (
11 |
12 |
13 |
14 | {
16 | getSortParams("category", "");
17 | setActiveSort(e);
18 | }}
19 | >
20 |
22 |
23 |
24 | {categories.map((category, key) => {
25 | return (
26 |
27 |
28 | {
30 | getSortParams("category", category);
31 | setActiveSort(e);
32 | }}
33 | >
34 | {" "}
35 |
37 |
38 |
39 | );
40 | })}
41 |
42 | ) : (
43 | "No categories found"
44 | )}
45 |
46 |
8 |
Size
9 |
10 | {sizes ? (
11 |
12 |
13 |
14 | {
16 | getSortParams("size", "");
17 | setActiveSort(e);
18 | }}
19 | >
20 |
22 |
23 |
24 | {sizes.map((size, key) => {
25 | return (
26 |
27 |
28 | {
31 | getSortParams("size", size);
32 | setActiveSort(e);
33 | }}
34 | >
35 | {" "}
36 |
39 |
40 |
41 | );
42 | })}
43 |
44 | ) : (
45 | "No sizes found"
46 | )}
47 |
48 |
17 |
19 | ),
20 | renderNextButton: () => (
21 |
22 |
24 | ),
25 | breakpoints: {
26 | 1024: {
27 | slidesPerView: 3
28 | },
29 | 768: {
30 | slidesPerView: 2
31 | },
32 | 640: {
33 | slidesPerView: 2
34 | },
35 | 320: {
36 | slidesPerView: 1
37 | }
38 | }
39 | };
40 | return (
41 |
42 |
43 | {product.image &&
44 | product.image.map((single, key) => {
45 | return (
46 |
47 |
48 |
53 |
54 |
58 |
13 |
14 |
15 | getFilterSortParams("filterSort", e.target.value)}
17 | >
18 | Default
19 | Price - High to Low
20 | Price - Low to High
21 |
22 |
23 |
24 | Showing {sortedProductCount} of {productCount} result
25 |
26 |
27 |
28 |
29 | {
31 | getLayout("grid two-column");
32 | setActiveLayout(e);
33 | }}
34 | >
35 |
37 | {
39 | getLayout("grid three-column");
40 | setActiveLayout(e);
41 | }}
42 | >
43 |
45 | {
47 | getLayout("list");
48 | setActiveLayout(e);
49 | }}
50 | >
51 |
53 |
54 |
23 |
24 |
25 | {currentLanguageCode === "en"
26 | ? "English"
27 | : currentLanguageCode === "fn"
28 | ? "French"
29 | : currentLanguageCode === "de"
30 | ? "Germany"
31 | : ""}{" "}
32 |
34 |
35 |
36 |
37 | changeLanguageTrigger(e)}>
38 | English
39 |
40 |
41 |
42 | changeLanguageTrigger(e)}>
43 | Bangla
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
Call Us +8801150338042
52 |
53 |
43 |
44 |
Users List
45 |
46 |
← Back
47 |
48 | {loading ? (
49 |
50 | ) : error ? (
51 |
{error}
52 | ) : (
53 |
54 | )}
55 |
57 | );
58 | };
59 |
60 | export default AdminUsers;
61 |
--------------------------------------------------------------------------------
/src/components/admin/Sidebar.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Link } from "react-router-dom";
3 | import classNames from "classnames";
4 |
5 | const Sidebar = ({ onCloseSidebar, sidebar }) => {
6 | return (
7 | <>
8 |
9 |
10 |
11 |
12 |
13 | Login:Admin
14 |
15 | ×
16 |
17 |
18 |
19 |
20 |
21 |
22 | Dashboard
25 |
26 |
27 |
28 | Product
31 |
32 |
33 |
34 | Users
37 |
38 |
39 |
40 | Orders
43 |
44 |
45 |
46 |
47 |
48 |
Certified user
49 |
50 |
13 |
14 |
15 |
16 |
17 |
Please Call
18 | Emergency Order
19 |
20 |
21 |
22 |
23 |
24 |
25 |
32 |
33 |
34 |
35 |
36 |
37 |
44 |
45 |
46 |
+88 254 254 123
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
36 |
37 |
38 |
Product List
39 | Create Product
41 |
42 |
43 |
44 |
← Back
45 |
46 | {loadingDelete &&
}
47 | {errorDelete &&
{errorDelete} }
48 | {loading ? (
49 |
50 | ) : error ? (
51 |
{error}
52 | ) : (
53 |
54 | )}
55 |
57 |
58 | );
59 | };
60 |
61 | export default AdminProduct;
62 |
--------------------------------------------------------------------------------
/src/pages/admin/AdminDashboard.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import LayoutAdmin from "../../layouts/LayoutAdmin";
3 | import { Link } from "react-router-dom";
4 | import { useSelector } from "react-redux";
5 |
6 | const AdminDashboard = ({ history }) => {
7 | const { userInfo } = useSelector((state) => state.userLogin);
8 |
9 | useEffect(() => {
10 | if (!userInfo || !userInfo.isAdmin) {
11 | history.push("/");
12 | }
13 | }, [userInfo, history]);
14 |
15 | return (
16 |
17 |
18 |
Welcome to your Dashboard
19 |
20 |
21 |
22 |
Modify Users List
23 | users
25 |
26 |
27 |
28 |
29 |
30 |
Modify Products
31 | product
33 |
34 |
35 |
36 |
37 |
38 |
Go To All Orders
39 | Orders
41 |
42 |
43 |
44 |
45 |
46 |
Go To HomePage
47 | Home
49 |
50 |
51 |
52 |
53 |
55 | );
56 | };
57 |
58 | export default AdminDashboard;
59 |
--------------------------------------------------------------------------------
/src/components/newsletter/SubscribeEmail.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import MailchimpSubscribe from "react-mailchimp-subscribe";
4 |
5 | const CustomForm = ({ status, message, onValidated }) => {
6 | let email;
7 | const submit = () => {
8 | email &&
9 | email.value.indexOf("@") > -1 &&
10 | onValidated({
11 | EMAIL: email.value
12 | });
13 | email.value = "";
14 | };
15 |
16 | return (
17 |
18 |
19 |
20 |
28 |
29 |
30 |
32 |
33 |
34 |
35 | {status === "sending" && (
36 |
sending...
37 | )}
38 | {status === "error" && (
39 |
43 | )}
44 | {status === "success" && (
45 |
49 | )}
50 |
57 | (
60 | subscribe(formData)}
64 | />
65 | )}
66 | />
67 |
68 | );
69 | };
70 |
71 | SubscribeEmail.propTypes = {
72 | mailchimpUrl: PropTypes.string
73 | };
74 |
75 | export default SubscribeEmail;
76 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "baby-product",
3 | "proxy": "https://wonderstech.herokuapp.com/",
4 | "version": "1.5.0",
5 | "private": true,
6 | "dependencies": {
7 | "animate.css": "^3.7.2",
8 | "axios": "^0.21.4",
9 | "bootstrap": "4.5.0",
10 | "classnames": "^2.3.1",
11 | "google-maps-react": "^2.0.2",
12 | "node-sass": "^4.14.1",
13 | "prop-types": "^15.7.2",
14 | "react": "16.13.1",
15 | "react-app-polyfill": "^1.0.4",
16 | "react-bootstrap": "1.0.1",
17 | "react-breadcrumbs-dynamic": "^1.2.1",
18 | "react-countdown-now": "^2.1.2",
19 | "react-countup": "^4.2.3",
20 | "react-dom": "^16.12.0",
21 | "react-fullpage": "^0.1.19",
22 | "react-google-login": "^5.2.2",
23 | "react-hooks-paginator": "^0.4.0",
24 | "react-id-swiper": "2.4.0",
25 | "react-lightgallery": "0.6.3",
26 | "react-mailchimp-subscribe": "^2.1.0",
27 | "react-meta-tags": "^0.7.4",
28 | "react-modal": "^3.14.4",
29 | "react-modal-video": "^1.2.3",
30 | "react-redux": "^7.1.3",
31 | "react-router-dom": "^5.1.2",
32 | "react-scripts": "3.2.0",
33 | "react-scroll": "^1.7.14",
34 | "react-spinners-kit": "^1.9.1",
35 | "react-sticky-el": "^1.1.0",
36 | "react-toast-notifications": "^2.2.5",
37 | "react-visibility-sensor": "^5.1.1",
38 | "redux": "^4.0.4",
39 | "redux-devtools-extension": "^2.13.9",
40 | "redux-localstorage-simple": "^2.1.6",
41 | "redux-multilanguage": "^0.1.2",
42 | "redux-thunk": "^2.3.0",
43 | "restful-react": "^15.9.0",
44 | "swiper": "^5.2.0",
45 | "uuid": "^3.3.3"
46 | },
47 | "scripts": {
48 | "start": "react-scripts start",
49 | "build": "react-scripts build",
50 | "test": "react-scripts test",
51 | "eject": "react-scripts eject"
52 | },
53 | "eslintConfig": {
54 | "extends": "react-app"
55 | },
56 | "browserslist": {
57 | "production": [
58 | ">0.2%",
59 | "not dead",
60 | "not op_mini all",
61 | "ie 11"
62 | ],
63 | "development": [
64 | "last 1 chrome version",
65 | "last 1 firefox version",
66 | "last 1 safari version",
67 | "ie 11"
68 | ]
69 | },
70 | "devDependencies": {}
71 | }
72 |
--------------------------------------------------------------------------------
/src/components/footer/sub-components/SubscribeEmail.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import MailchimpSubscribe from "react-mailchimp-subscribe";
4 |
5 | const CustomForm = ({ status, message, onValidated }) => {
6 | let email;
7 | const submit = () => {
8 | email &&
9 | email.value.indexOf("@") > -1 &&
10 | onValidated({
11 | EMAIL: email.value
12 | });
13 |
14 | let emailInput = document.getElementById("mc-form-email");
15 | emailInput.value = "";
16 | };
17 |
18 | return (
19 |
20 |
21 |
22 |
30 |
31 |
32 | SUBSCRIBE
33 |
34 |
35 |
36 |
37 | {status === "sending" && (
38 |
sending...
39 | )}
40 | {status === "error" && (
41 |
45 | )}
46 | {status === "success" && (
47 |
51 | )}
52 |
59 | (
62 | subscribe(formData)}
66 | />
67 | )}
68 | />
69 |
70 | );
71 | };
72 |
73 | SubscribeEmail.propTypes = {
74 | mailchimpUrl: PropTypes.string
75 | };
76 |
77 | export default SubscribeEmail;
78 |
--------------------------------------------------------------------------------
/src/components/section-title/SectionTitleWithText.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 |
4 | const SectionTitleWithText = ({ spaceTopClass, spaceBottomClass }) => {
5 | return (
6 |
11 |
12 |
13 |
Who Are We
14 |
Welcome To Wonders SmartShop BD
15 |
16 | Leading Computer, Laptop & Gaming PC Retail & Online Shop in Bangladesh {" "}
17 | Technology has become a part of our daily lives and for a huge portion of our life, we are dependent on tech products daily. There is hardly a home in Bangladesh without a tech product. This is where we come in. Wonders SmartShop & Engineering Ltd had started as a Tech product shop way. We focused on giving the customers the best service possible. This is why Wonders SmartShop is one of The most trusted names in the tech industry of Bangladesh today.{" "}
18 |
19 |
20 |
21 | Best E-commerce Shop to order your desired Product
22 | {" "}Wonders SmartShop always prioritizes its customers and to ensure better customer service started the e-commerce shop in addition to the physical stores. The goal was to meet more customer needs in the shortest time. Since then, We have had the top spot as the best E-commerce shop in Bangladesh. Our website has a comprehensive search option to find the desired product. Our website has a unique PC builder feature so that you can build a Custom PC with your desired components. We arrange many promotional campaigns on different occasions and also on a regular basis. Some of our most successful events are named Flash sale, Special offer, Thursday Thunder, Anniversary Special Offer, New Year Offer, 12.12 Campaign, and many more. We even arrange special gaming events and tournaments for Bangladeshi gamers with renowned gaming Brands like Razer and Asus ROG.
23 |
24 |
25 |
26 |
17 |
18 |
19 |
20 |
21 | NAME
22 | PRICE
23 | STOCK
24 | CATEGORY
25 | RATING
26 | *
27 |
28 |
29 |
30 | {products &&
31 | products.map((product) => (
32 |
33 | {/* {product.id} */}
34 | {product.name}
35 | {product.price}৳
36 | {product.stock}
37 | {product.category.map((cat) => cat)[0]}
38 | {product.rating}
39 |
40 |
45 |
47 |
48 | deleteHandler(product.id)}
52 | >
53 |
55 |
56 |
57 | ))}
58 |
59 |
60 |
61 |
17 |
18 |
19 |
20 |
21 | ID
22 | USER
23 | DATE
24 | TOTAL
25 | PAID
26 | DELIVERED
27 | *
28 |
29 |
30 |
31 | {orders &&
32 | orders.map((order) => (
33 |
34 | {/* {order.id} */}
35 | {order._id}
36 | {order.user && order.user.name}
37 | {order.createdAt.substring(0, 10)}
38 | {order.totalPrice}৳
39 |
40 | {order.isPaid ? (
41 | order.paidAt.substring(0, 10)
42 | ) : (
43 |
46 |
47 | {order.isDelivered ? (
48 | order.deliveredAt.substring(0, 10)
49 | ) : (
50 |
53 |
54 | Details
56 |
57 |
58 |
59 | ))}
60 |
61 |
62 |
63 |
17 |
18 | Wonders Tech | Product
19 |
24 |
25 | Home
26 |
27 | Shop Product
28 |
29 |
30 |
31 | {/* breadcrumb */}
32 |
53 |
54 | );
55 | };
56 |
57 | ProductSlider.propTypes = {
58 | location: PropTypes.object,
59 | product: PropTypes.object
60 | };
61 |
62 | const mapStateToProps = (state, ownProps) => {
63 | const itemId = ownProps.match.params.id;
64 | return {
65 | product: state.productData.products.filter(
66 | single => single.id === itemId
67 | )[0]
68 | };
69 | };
70 |
71 | export default connect(mapStateToProps)(ProductSlider);
72 |
--------------------------------------------------------------------------------
/src/pages/shop-product/ProductSticky.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React, { Fragment } from "react";
3 | import MetaTags from "react-meta-tags";
4 | import { BreadcrumbsItem } from "react-breadcrumbs-dynamic";
5 | import { connect } from "react-redux";
6 | import LayoutOne from "../../layouts/LayoutOne";
7 | import Breadcrumb from "../../wrappers/breadcrumb/Breadcrumb";
8 | import RelatedProductSlider from "../../wrappers/product/RelatedProductSlider";
9 | import ProductDescriptionTab from "../../wrappers/product/ProductDescriptionTab";
10 | import ProductImageDescriptionSticky from "../../wrappers/product/ProductImageDescriptionSticky";
11 |
12 | const ProductSticky = ({ location, product }) => {
13 | const { pathname } = location;
14 |
15 | return (
16 |
17 |
18 | Wonders Tech | Product
19 |
24 |
25 | Home
26 |
27 | Shop Product
28 |
29 |
30 |
31 | {/* breadcrumb */}
32 |
53 |
54 | );
55 | };
56 |
57 | ProductSticky.propTypes = {
58 | location: PropTypes.object,
59 | product: PropTypes.object
60 | };
61 |
62 | const mapStateToProps = (state, ownProps) => {
63 | const itemId = ownProps.match.params.id;
64 | return {
65 | product: state.productData.products.filter(
66 | single => single.id === itemId
67 | )[0]
68 | };
69 | };
70 |
71 | export default connect(mapStateToProps)(ProductSticky);
72 |
--------------------------------------------------------------------------------
/src/components/header/MobileMenu.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from "react";
2 | import MobileMenuSearch from "./sub-components/MobileSearch";
3 | import MobileNavMenu from "./sub-components/MobileNavMenu";
4 | import MobileLangCurChange from "./sub-components/MobileLangCurrChange";
5 | import MobileWidgets from "./sub-components/MobileWidgets";
6 |
7 | const MobileMenu = () => {
8 | useEffect(() => {
9 | const offCanvasNav = document.querySelector("#offcanvas-navigation");
10 | const offCanvasNavSubMenu = offCanvasNav.querySelectorAll(".sub-menu");
11 | const anchorLinks = offCanvasNav.querySelectorAll("a");
12 |
13 | for (let i = 0; i < offCanvasNavSubMenu.length; i++) {
14 | offCanvasNavSubMenu[i].insertAdjacentHTML(
15 | "beforebegin",
16 | "
17 |
18 | Wonders Tech | Product
19 |
24 |
25 | Home
26 |
27 | Shop Product
28 |
29 |
30 |
31 | {/* breadcrumb */}
32 |
54 |
55 | );
56 | };
57 |
58 | ProductTabLeft.propTypes = {
59 | location: PropTypes.object,
60 | product: PropTypes.object
61 | };
62 |
63 | const mapStateToProps = (state, ownProps) => {
64 | const itemId = ownProps.match.params.id;
65 | return {
66 | product: state.productData.products.filter(
67 | single => single.id === itemId
68 | )[0]
69 | };
70 | };
71 |
72 | export default connect(mapStateToProps)(ProductTabLeft);
73 |
--------------------------------------------------------------------------------
/src/pages/shop-product/ProductTabRight.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React, { Fragment } from "react";
3 | import MetaTags from "react-meta-tags";
4 | import { BreadcrumbsItem } from "react-breadcrumbs-dynamic";
5 | import { connect } from "react-redux";
6 | import LayoutOne from "../../layouts/LayoutOne";
7 | import Breadcrumb from "../../wrappers/breadcrumb/Breadcrumb";
8 | import RelatedProductSlider from "../../wrappers/product/RelatedProductSlider";
9 | import ProductDescriptionTab from "../../wrappers/product/ProductDescriptionTab";
10 | import ProductImageDescription from "../../wrappers/product/ProductImageDescription";
11 |
12 | const ProductTabRight = ({ location, product }) => {
13 | const { pathname } = location;
14 |
15 | return (
16 |
17 |
18 | Wonders Tech | Product
19 |
24 |
25 | Home
26 |
27 | Shop Product
28 |
29 |
30 |
31 | {/* breadcrumb */}
32 |
54 |
55 | );
56 | };
57 |
58 | ProductTabRight.propTypes = {
59 | location: PropTypes.object,
60 | product: PropTypes.object
61 | };
62 |
63 | const mapStateToProps = (state, ownProps) => {
64 | const itemId = ownProps.match.params.id;
65 | return {
66 | product: state.productData.products.filter(
67 | single => single.id === itemId
68 | )[0]
69 | };
70 | };
71 |
72 | export default connect(mapStateToProps)(ProductTabRight);
73 |
--------------------------------------------------------------------------------
/src/helpers/shippingPrice.js:
--------------------------------------------------------------------------------
1 | // Dhaka, Gazipur, Narsingdi, Manikganj, Munshiganj, Narayanganj, Mymensingh, Sherpur, Jamalpur, Netrokona, Kishoreganj, Tangail, Faridpur, Maradipur, Shariatpur, Rajbari and Gopalganj
2 |
3 | // const addShippingPrice = (division, district) => {
4 | // if (division === "Dhaka") {
5 | // return 70;
6 | // } else if (district === "Gazipur") {
7 | // return 70;
8 | // } else if (district === "Narsingdi") {
9 | // return 70;
10 | // } else if (district === "Manikganj") {
11 | // return 70;
12 | // } else if (district === "Munshiganj") {
13 | // return 70;
14 | // } else if (district === "Narayanganj") {
15 | // return 70;
16 | // } else if (district === "Mymensingh") {
17 | // return 70;
18 | // } else if (district === "Sherpur") {
19 | // return 70;
20 | // } else if (district === "Jamalpur") {
21 | // return 70;
22 | // } else if (district === "Netrokona") {
23 | // return 70;
24 | // } else if (district === "Kishoreganj") {
25 | // return 70;
26 | // } else if (district === "Tangail") {
27 | // return 70;
28 | // } else if (district === "Faridpur") {
29 | // return 70;
30 | // } else if (district === "Maradipur") {
31 | // return 70;
32 | // } else if (district === "Shariatpur") {
33 | // return 70;
34 | // } else if (district === "Rajbari") {
35 | // return 70;
36 | // } else if (district === "Gopalganj") {
37 | // return 70;
38 | // } else {
39 | // return 120;
40 | // }
41 | // };
42 |
43 | // export const divisionShippingPrice = (division, district) => {
44 | // if (division !== "Dhaka") {
45 | // return 120;
46 | // } else {
47 | // return 70;
48 | // }
49 | // };
50 |
51 | export const districtShippingPrice = (division, district) => {
52 | if (
53 | division === "Dhaka" &&
54 | (district === "Dhaka" ||
55 | district === "Gazipur" ||
56 | district === "Narsingdi" ||
57 | district === "Manikganj" ||
58 | district === "Munshiganj" ||
59 | district === "Narayanganj" ||
60 | district === "Mymensingh" ||
61 | district === "Sherpur" ||
62 | district === "Jamalpur" ||
63 | district === "Netrokona" ||
64 | district === "Kishoreganj" ||
65 | district === "Tangail" ||
66 | district === "Faridpur" ||
67 | district === "Maradipur" ||
68 | district === "Shariatpur" ||
69 | district === "Rajbari" ||
70 | district === "Gopalganj")
71 | ) {
72 | return 70;
73 | } else {
74 | return 120;
75 | }
76 | };
77 |
--------------------------------------------------------------------------------
/src/pages/shop-product/ProductFixedImage.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React, { Fragment } from "react";
3 | import MetaTags from "react-meta-tags";
4 | import { BreadcrumbsItem } from "react-breadcrumbs-dynamic";
5 | import { connect } from "react-redux";
6 | import LayoutOne from "../../layouts/LayoutOne";
7 | import Breadcrumb from "../../wrappers/breadcrumb/Breadcrumb";
8 | import RelatedProductSlider from "../../wrappers/product/RelatedProductSlider";
9 | import ProductDescriptionTab from "../../wrappers/product/ProductDescriptionTab";
10 | import ProductImageDescription from "../../wrappers/product/ProductImageDescription";
11 |
12 | const ProductFixedImage = ({ location, product }) => {
13 | const { pathname } = location;
14 |
15 | return (
16 |
17 |
18 | Wonders Tech | Product
19 |
24 |
25 | Home
26 |
27 | Shop Product
28 |
29 |
30 |
31 | {/* breadcrumb */}
32 |
54 |
55 | );
56 | };
57 |
58 | ProductFixedImage.propTypes = {
59 | location: PropTypes.object,
60 | product: PropTypes.object
61 | };
62 |
63 | const mapStateToProps = (state, ownProps) => {
64 | const itemId = ownProps.match.params.id;
65 | return {
66 | product: state.productData.products.filter(
67 | single => single.id === itemId
68 | )[0]
69 | };
70 | };
71 |
72 | export default connect(mapStateToProps)(ProductFixedImage);
73 |
--------------------------------------------------------------------------------
/src/components/header/sub-components/MobileLangCurrChange.js:
--------------------------------------------------------------------------------
1 | import PropTypes from "prop-types";
2 | import React from "react";
3 | import { multilanguage, changeLanguage } from "redux-multilanguage";
4 | import { connect } from "react-redux";
5 | import { setCurrency } from "../../../redux/actions/currencyActions";
6 |
7 | const MobileLangCurrChange = ({
8 | currency,
9 | setCurrency,
10 | currentLanguageCode,
11 | dispatch
12 | }) => {
13 | const changeLanguageTrigger = e => {
14 | const languageCode = e.target.value;
15 | dispatch(changeLanguage(languageCode));
16 | };
17 |
18 | const setCurrencyTrigger = e => {
19 | const currencyName = e.target.value;
20 | setCurrency(currencyName);
21 | };
22 |
23 | const closeMobileMenu = () => {
24 | const offcanvasMobileMenu = document.querySelector(
25 | "#offcanvas-mobile-menu"
26 | );
27 | offcanvasMobileMenu.classList.remove("active");
28 | };
29 |
30 | return (
31 |
32 |
33 | Choose Language
34 | {
37 | changeLanguageTrigger(e);
38 | closeMobileMenu();
39 | }}
40 | >
41 | English
42 | Bangla
43 |
44 |
45 |
46 | Choose Currency
47 | {
50 | setCurrencyTrigger(e);
51 | closeMobileMenu();
52 | }}
53 | >
54 | USD
55 | TAKA
56 |
57 |
58 |
25 |
26 |
27 |
35 | {status === "sending" && (
36 |
sending...
37 | )}
38 | {status === "error" && (
39 |
43 | )}
44 | {status === "success" && (
45 |
49 | )}
50 |
53 |
54 | SUBSCRIBE
55 |
56 |
57 |
58 |
69 | (
72 | subscribe(formData)}
76 | spaceTopClass={spaceTopClass}
77 | subscribeBtnClass={subscribeBtnClass}
78 | />
79 | )}
80 | />
81 |
82 | );
83 | };
84 |
85 | SubscribeEmailTwo.propTypes = {
86 | mailchimpUrl: PropTypes.string,
87 | spaceTopClass: PropTypes.string
88 | };
89 |
90 | export default SubscribeEmailTwo;
91 |
--------------------------------------------------------------------------------
22 |
23 |