├── .eslintrc.json
├── .gitignore
├── README.md
├── next.config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
    ├── images
    │   ├── 404.svg
    │   ├── arrivals
    │   │   ├── arrivals-01.png
    │   │   ├── arrivals-02.png
    │   │   ├── arrivals-03.png
    │   │   ├── arrivals-04.png
    │   │   ├── arrivals-05.png
    │   │   ├── arrivals-06.png
    │   │   ├── arrivals-07.png
    │   │   ├── arrivals-08.png
    │   │   ├── arrivals-09.png
    │   │   ├── arrivals-10.png
    │   │   ├── arrivals-11.png
    │   │   └── arrivals-12.png
    │   ├── blog
    │   │   ├── blog-01.jpg
    │   │   ├── blog-02.jpg
    │   │   ├── blog-03.jpg
    │   │   ├── blog-04.jpg
    │   │   ├── blog-05.jpg
    │   │   ├── blog-06.jpg
    │   │   ├── blog-07.jpg
    │   │   ├── blog-08.jpg
    │   │   ├── blog-09.jpg
    │   │   ├── blog-details-01.jpg
    │   │   ├── blog-small-01.jpg
    │   │   ├── blog-small-02.jpg
    │   │   └── blog-small-03.jpg
    │   ├── cart
    │   │   ├── cart-01.png
    │   │   ├── cart-02.png
    │   │   └── cart-03.png
    │   ├── categories
    │   │   ├── categories-01.png
    │   │   ├── categories-02.png
    │   │   ├── categories-03.png
    │   │   ├── categories-04.png
    │   │   ├── categories-05.png
    │   │   ├── categories-06.png
    │   │   └── categories-07.png
    │   ├── checkout
    │   │   ├── bank.svg
    │   │   ├── cash.svg
    │   │   ├── dhl.svg
    │   │   ├── fedex.svg
    │   │   └── paypal.svg
    │   ├── countdown
    │   │   ├── countdown-01.png
    │   │   └── countdown-bg.png
    │   ├── hero
    │   │   ├── hero-01.png
    │   │   ├── hero-02.png
    │   │   ├── hero-03.png
    │   │   └── hero-bg.png
    │   ├── icons
    │   │   ├── icon-01.svg
    │   │   ├── icon-02.svg
    │   │   ├── icon-03.svg
    │   │   ├── icon-04.svg
    │   │   ├── icon-05.svg
    │   │   ├── icon-06.svg
    │   │   ├── icon-07.svg
    │   │   ├── icon-08.svg
    │   │   └── icon-star.svg
    │   ├── logo
    │   │   └── logo.svg
    │   ├── payment
    │   │   ├── payment-01.svg
    │   │   ├── payment-02.svg
    │   │   ├── payment-03.svg
    │   │   ├── payment-04.svg
    │   │   └── payment-05.svg
    │   ├── products
    │   │   ├── image 156.png
    │   │   ├── product-1-bg-1.png
    │   │   ├── product-1-bg-2.png
    │   │   ├── product-1-sm-1.png
    │   │   ├── product-1-sm-2.png
    │   │   ├── product-2-bg-1.png
    │   │   ├── product-2-bg-2.png
    │   │   ├── product-2-sm-1.png
    │   │   ├── product-2-sm-2.png
    │   │   ├── product-3-bg-1.png
    │   │   ├── product-3-bg-2.png
    │   │   ├── product-3-sm-1.png
    │   │   ├── product-3-sm-2.png
    │   │   ├── product-4-bg-1.png
    │   │   ├── product-4-bg-2.png
    │   │   ├── product-4-sm-1.png
    │   │   ├── product-4-sm-2.png
    │   │   ├── product-5-bg-1.png
    │   │   ├── product-5-bg-2.png
    │   │   ├── product-5-sm-1.png
    │   │   ├── product-5-sm-2.png
    │   │   ├── product-6-bg-1.png
    │   │   ├── product-6-bg-2.png
    │   │   ├── product-6-sm-1.png
    │   │   ├── product-6-sm-2.png
    │   │   ├── product-7-bg-1.png
    │   │   ├── product-7-bg-2.png
    │   │   ├── product-7-sm-1.png
    │   │   ├── product-7-sm-2.png
    │   │   ├── product-8-bg-1.png
    │   │   ├── product-8-sm-1.png
    │   │   └── product-8-sm-2.png
    │   ├── promo
    │   │   ├── promo-01.png
    │   │   ├── promo-02.png
    │   │   └── promo-03.png
    │   ├── quickview
    │   │   ├── quick-view-01.png
    │   │   ├── quick-view-02.png
    │   │   ├── quick-view-03.png
    │   │   ├── quick-view-04.png
    │   │   ├── quick-view-05.png
    │   │   ├── quick-view-06.png
    │   │   ├── quick-view-07.png
    │   │   ├── quick-view-big-03.png
    │   │   ├── quick-view-big-04.png
    │   │   ├── quick-view-big-05.png
    │   │   ├── quick-view-big-06.png
    │   │   ├── quick-view-big-07.png
    │   │   ├── thumb-01.png
    │   │   ├── thumb-02.png
    │   │   ├── thumb-03.png
    │   │   ├── thumb-04.png
    │   │   ├── thumb-05.png
    │   │   ├── thumb-06.png
    │   │   └── thumb-07.png
    │   ├── sellers
    │   │   ├── sellers-01.png
    │   │   ├── sellers-02.png
    │   │   ├── sellers-03.png
    │   │   ├── sellers-04.png
    │   │   ├── sellers-05.png
    │   │   └── sellers-06.png
    │   ├── shapes
    │   │   └── newsletter-bg.jpg
    │   └── users
    │   │   ├── user-01.jpg
    │   │   ├── user-02.jpg
    │   │   ├── user-03.jpg
    │   │   └── user-04.jpg
    ├── next.svg
    └── vercel.svg
├── src
    ├── app
    │   ├── (site)
    │   │   ├── (pages)
    │   │   │   ├── cart
    │   │   │   │   └── page.tsx
    │   │   │   ├── checkout
    │   │   │   │   └── page.tsx
    │   │   │   ├── contact
    │   │   │   │   └── page.tsx
    │   │   │   ├── error
    │   │   │   │   └── page.tsx
    │   │   │   ├── mail-success
    │   │   │   │   └── page.tsx
    │   │   │   ├── my-account
    │   │   │   │   └── page.tsx
    │   │   │   ├── shop-details
    │   │   │   │   └── page.tsx
    │   │   │   ├── shop-with-sidebar
    │   │   │   │   └── page.tsx
    │   │   │   ├── shop-without-sidebar
    │   │   │   │   └── page.tsx
    │   │   │   ├── signin
    │   │   │   │   └── page.tsx
    │   │   │   ├── signup
    │   │   │   │   └── page.tsx
    │   │   │   └── wishlist
    │   │   │   │   └── page.tsx
    │   │   ├── blogs
    │   │   │   ├── blog-details-with-sidebar
    │   │   │   │   └── page.tsx
    │   │   │   ├── blog-details
    │   │   │   │   └── page.tsx
    │   │   │   ├── blog-grid-with-sidebar
    │   │   │   │   └── page.tsx
    │   │   │   └── blog-grid
    │   │   │   │   └── page.tsx
    │   │   ├── layout.tsx
    │   │   └── page.tsx
    │   ├── context
    │   │   ├── CartSidebarModalContext.tsx
    │   │   ├── PreviewSliderContext.tsx
    │   │   └── QuickViewModalContext.tsx
    │   ├── css
    │   │   ├── async-gallery.css
    │   │   ├── euclid-circular-a-font.css
    │   │   └── style.css
    │   ├── favicon.ico
    │   └── fonts
    │   │   ├── EuclidCircularA-Bold.woff
    │   │   ├── EuclidCircularA-Bold.woff2
    │   │   ├── EuclidCircularA-BoldItalic.woff
    │   │   ├── EuclidCircularA-BoldItalic.woff2
    │   │   ├── EuclidCircularA-Italic.woff
    │   │   ├── EuclidCircularA-Italic.woff2
    │   │   ├── EuclidCircularA-Light.woff
    │   │   ├── EuclidCircularA-Light.woff2
    │   │   ├── EuclidCircularA-LightItalic.woff
    │   │   ├── EuclidCircularA-LightItalic.woff2
    │   │   ├── EuclidCircularA-Medium.woff
    │   │   ├── EuclidCircularA-Medium.woff2
    │   │   ├── EuclidCircularA-MediumItalic.woff
    │   │   ├── EuclidCircularA-MediumItalic.woff2
    │   │   ├── EuclidCircularA-Regular.woff
    │   │   ├── EuclidCircularA-Regular.woff2
    │   │   ├── EuclidCircularA-SemiBold.woff
    │   │   ├── EuclidCircularA-SemiBold.woff2
    │   │   ├── EuclidCircularA-SemiBoldItalic.woff
    │   │   └── EuclidCircularA-SemiBoldItalic.woff2
    ├── components
    │   ├── Auth
    │   │   ├── Signin
    │   │   │   └── index.tsx
    │   │   └── Signup
    │   │   │   └── index.tsx
    │   ├── Blog
    │   │   ├── BlogItem.tsx
    │   │   ├── Categories.tsx
    │   │   ├── LatestPosts.tsx
    │   │   ├── LatestProducts.tsx
    │   │   └── SearchForm.tsx
    │   ├── BlogDetails
    │   │   └── index.tsx
    │   ├── BlogDetailsWithSidebar
    │   │   └── index.tsx
    │   ├── BlogGrid
    │   │   ├── blogData.ts
    │   │   └── index.tsx
    │   ├── BlogGridWithSidebar
    │   │   └── index.tsx
    │   ├── Cart
    │   │   ├── Discount.tsx
    │   │   ├── OrderSummary.tsx
    │   │   ├── SingleItem.tsx
    │   │   └── index.tsx
    │   ├── Checkout
    │   │   ├── Billing.tsx
    │   │   ├── Coupon.tsx
    │   │   ├── Login.tsx
    │   │   ├── Notes.tsx
    │   │   ├── OrderList.tsx
    │   │   ├── PaymentMethod.tsx
    │   │   ├── Shipping.tsx
    │   │   ├── ShippingMethod.tsx
    │   │   └── index.tsx
    │   ├── Common
    │   │   ├── Breadcrumb.tsx
    │   │   ├── CartSidebarModal
    │   │   │   ├── EmptyCart.tsx
    │   │   │   ├── SingleItem.tsx
    │   │   │   └── index.tsx
    │   │   ├── Newsletter.tsx
    │   │   ├── PreLoader.tsx
    │   │   ├── PreviewSlider.tsx
    │   │   ├── ProductItem.tsx
    │   │   ├── QuickViewModal.tsx
    │   │   └── ScrollToTop.tsx
    │   ├── Contact
    │   │   └── index.tsx
    │   ├── Error
    │   │   └── index.tsx
    │   ├── Footer
    │   │   └── index.tsx
    │   ├── Header
    │   │   ├── CustomSelect.tsx
    │   │   ├── Dropdown.tsx
    │   │   ├── index.tsx
    │   │   └── menuData.ts
    │   ├── Home
    │   │   ├── BestSeller
    │   │   │   ├── SingleItem.tsx
    │   │   │   └── index.tsx
    │   │   ├── Categories
    │   │   │   ├── SingleItem.tsx
    │   │   │   ├── categoryData.ts
    │   │   │   └── index.tsx
    │   │   ├── Countdown
    │   │   │   └── index.tsx
    │   │   ├── Hero
    │   │   │   ├── HeroCarousel.tsx
    │   │   │   ├── HeroFeature.tsx
    │   │   │   └── index.tsx
    │   │   ├── NewArrivals
    │   │   │   └── index.tsx
    │   │   ├── PromoBanner
    │   │   │   └── index.tsx
    │   │   ├── Testimonials
    │   │   │   ├── SingleItem.tsx
    │   │   │   ├── index.tsx
    │   │   │   └── testimonialsData.ts
    │   │   └── index.tsx
    │   ├── MailSuccess
    │   │   └── index.tsx
    │   ├── MyAccount
    │   │   ├── AddressModal.tsx
    │   │   ├── index.tsx
    │   │   └── tabsData.tsx
    │   ├── Orders
    │   │   ├── EditOrder.tsx
    │   │   ├── OrderActions.tsx
    │   │   ├── OrderDetails.tsx
    │   │   ├── OrderModal.tsx
    │   │   ├── SingleOrder.tsx
    │   │   ├── index.tsx
    │   │   └── ordersData.tsx
    │   ├── Shop
    │   │   ├── SingleGridItem.tsx
    │   │   ├── SingleListItem.tsx
    │   │   └── shopData.ts
    │   ├── ShopDetails
    │   │   ├── RecentlyViewd
    │   │   │   └── index.tsx
    │   │   └── index.tsx
    │   ├── ShopWithSidebar
    │   │   ├── CategoryDropdown.tsx
    │   │   ├── ColorsDropdwon.tsx
    │   │   ├── CustomSelect.tsx
    │   │   ├── GenderDropdown.tsx
    │   │   ├── PriceDropdown.tsx
    │   │   ├── Progress.tsx
    │   │   ├── SizeDropdown.tsx
    │   │   └── index.tsx
    │   ├── ShopWithoutSidebar
    │   │   └── index.tsx
    │   └── Wishlist
    │   │   ├── SingleItem.tsx
    │   │   └── index.tsx
    ├── redux
    │   ├── features
    │   │   ├── cart-slice.ts
    │   │   ├── product-details.ts
    │   │   ├── quickView-slice.ts
    │   │   └── wishlist-slice.ts
    │   ├── provider.tsx
    │   └── store.ts
    └── types
    │   ├── Menu.ts
    │   ├── blogItem.ts
    │   ├── category.ts
    │   ├── product.ts
    │   └── testimonial.ts
├── tailwind.config.ts
└── tsconfig.json


/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "next/core-web-vitals",
3 |   "rules": {
4 |     // Other rules
5 |     // "@next/next/no-img-element": "off"
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # next.js
12 | /.next/
13 | /out/
14 | 
15 | # production
16 | /build
17 | 
18 | # misc
19 | .DS_Store
20 | *.pem
21 | 
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | 
27 | # local env files
28 | .env*.local
29 | 
30 | # vercel
31 | .vercel
32 | 
33 | # typescript
34 | *.tsbuildinfo
35 | next-env.d.ts
36 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Free eCommerce Template for Next.js - NextMerce
 2 | 
 3 | The free Next.js eCommerce template is a lite version of the NextMerce Next.js eCommerce boilerplate, designed to streamline the launch and management of your online store.
 4 | 
 5 | ![NextMerce](https://github.com/user-attachments/assets/57155689-a756-4222-8af7-134e556acae2)
 6 | 
 7 | 
 8 | While NextMerce Pro features advanced functionalities, seamless integration, and customizable options, providing all the essential tools needed to build and expand your business, the lite version offers a basic Next.js template specifically crafted for eCommerce websites. Both versions ensure superior performance and flexibility, all powered by Next.js.
 9 | 
10 | ### NextMerce Free VS NextMerce Pro
11 | 
12 | | ✨ Features                         | 🎁 NextMerce Free                 | 🔥 NextMerce Pro                        |
13 | |----------------------------------|--------------------------------|--------------------------------------|
14 | | Next.js Pages                    | Static                         | Dynamic Boilerplate Template         |
15 | | Components                       | Limited                        | All According to Demo                |
16 | | eCommerce Functionality          | Included                       | Included                             |
17 | | Integrations (DB, Auth, etc.)    | Not Included                   | Included                             |
18 | | Community Support                | Included                       | Included                             |
19 | | Premium Email Support            | Not Included                   | Included                             |
20 | | Lifetime Free Updates            | Included                       | Included                             |
21 | 
22 | 
23 | #### [🚀 Live Demo](https://demo.nextmerce.com/)
24 | 
25 | #### [🌐 Visit Website](https://nextmerce.com/)
26 | 


--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {};
3 | 
4 | module.exports = nextConfig;
5 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "next-commerce-community",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start",
 9 |     "lint": "next lint"
10 |   },
11 |   "dependencies": {
12 |     "@reduxjs/toolkit": "^2.6.1",
13 |     "autoprefixer": "10.4.15",
14 |     "next": "15.2.3",
15 |     "postcss": "8.4.29",
16 |     "react": "19.0.0",
17 |     "react-dom": "19.0.0",
18 |     "react-hot-toast": "^2.4.1",
19 |     "react-range-slider-input": "^3.0.7",
20 |     "react-redux": "^9.2.0",
21 |     "swiper": "^10.2.0",
22 |     "tailwindcss": "3.3.3"
23 |   },
24 |   "devDependencies": {
25 |     "typescript": "5.2.2",
26 |     "eslint": "8.49.0",
27 |     "eslint-config-next": "15.2.3",
28 |     "@types/node": "20.6.2",
29 |     "@types/react": "19.0.12",
30 |     "@types/react-dom": "19.0.4"
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/public/images/404.svg:
--------------------------------------------------------------------------------
1 | <svg width="281" height="111" viewBox="0 0 281 111" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M52.75 109V85.9H0.7V67.6L55 2.49999H75.4V65.2H89.05V85.9H75.4V109H52.75ZM28.3 65.2H52.75V35.95L28.3 65.2ZM141.937 110.65C130.037 110.65 120.337 106.65 112.837 98.65C105.337 90.65 101.587 80.45 101.587 68.05V43.3C101.587 30.9 105.337 20.7 112.837 12.7C120.337 4.69999 130.037 0.699991 141.937 0.699991C153.737 0.699991 163.387 4.69999 170.887 12.7C178.387 20.7 182.137 30.9 182.137 43.3V68.05C182.137 80.45 178.387 90.65 170.887 98.65C163.387 106.65 153.737 110.65 141.937 110.65ZM141.937 88.3C147.237 88.3 151.487 86.5 154.687 82.9C157.887 79.3 159.487 74.35 159.487 68.05V43.3C159.487 37 157.887 32.05 154.687 28.45C151.487 24.85 147.237 23.05 141.937 23.05C136.537 23.05 132.237 24.85 129.037 28.45C125.837 32.05 124.237 37 124.237 43.3V68.05C124.237 74.35 125.837 79.3 129.037 82.9C132.237 86.5 136.537 88.3 141.937 88.3ZM244.059 109V85.9H192.009V67.6L246.309 2.49999H266.709V65.2H280.359V85.9H266.709V109H244.059ZM219.609 65.2H244.059V35.95L219.609 65.2Z" fill="#3C50E0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-01.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-02.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-03.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-04.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-05.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-06.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-07.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-08.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-08.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-09.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-09.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-10.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-10.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-11.png


--------------------------------------------------------------------------------
/public/images/arrivals/arrivals-12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/arrivals/arrivals-12.png


--------------------------------------------------------------------------------
/public/images/blog/blog-01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-01.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-02.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-03.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-04.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-05.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-05.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-06.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-06.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-07.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-07.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-08.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-08.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-09.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-09.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-details-01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-details-01.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-small-01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-small-01.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-small-02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-small-02.jpg


--------------------------------------------------------------------------------
/public/images/blog/blog-small-03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/blog/blog-small-03.jpg


--------------------------------------------------------------------------------
/public/images/cart/cart-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/cart/cart-01.png


--------------------------------------------------------------------------------
/public/images/cart/cart-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/cart/cart-02.png


--------------------------------------------------------------------------------
/public/images/cart/cart-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/cart/cart-03.png


--------------------------------------------------------------------------------
/public/images/categories/categories-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/categories/categories-01.png


--------------------------------------------------------------------------------
/public/images/categories/categories-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/categories/categories-02.png


--------------------------------------------------------------------------------
/public/images/categories/categories-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/categories/categories-03.png


--------------------------------------------------------------------------------
/public/images/categories/categories-04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/categories/categories-04.png


--------------------------------------------------------------------------------
/public/images/categories/categories-05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/categories/categories-05.png


--------------------------------------------------------------------------------
/public/images/categories/categories-06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/categories/categories-06.png


--------------------------------------------------------------------------------
/public/images/categories/categories-07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/categories/categories-07.png


--------------------------------------------------------------------------------
/public/images/checkout/bank.svg:
--------------------------------------------------------------------------------
1 | <svg width="30" height="13" viewBox="0 0 30 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M8.83174 6.13904H11.6037L12.0854 7.68474H13.7898L11.1423 0.17383H9.33316L6.658 7.68547H8.30997L8.83174 6.13904ZM10.213 1.87017H10.2341L11.1641 4.83931H9.25019L10.213 1.87017ZM6.20246 5.46006C6.20246 4.71705 5.96231 3.98495 5.04246 3.64074C5.35539 3.48427 5.9623 3.18154 5.9623 2.10231C5.9623 1.32801 5.49218 0.176006 3.65029 0.176006H0V7.68839H3.18018C4.71861 7.68839 5.12686 7.4264 5.55477 7.00577C5.95138 6.6208 6.20246 6.05317 6.20246 5.46006ZM1.50714 1.47501H3.30682C4.01781 1.47501 4.45735 1.66277 4.45735 2.27988C4.45735 2.87735 3.96684 3.1175 3.34755 3.1175H1.50714V1.47501ZM3.43052 6.39011H1.50714V4.38085H3.50474C4.07091 4.38085 4.63418 4.63482 4.63418 5.29124C4.63345 6.05317 4.19391 6.39011 3.43052 6.39011ZM25.8672 3.25141L29.1092 7.68474H27.0898L24.7683 4.38958L24.0362 5.1435V7.68474H22.4672V0.17383H24.0362V3.22811L26.9035 0.17383H28.9324L25.8672 3.25141ZM6.65947 11.8561C6.65947 11.1378 6.487 11.0199 6.17044 10.8809C6.55104 10.7521 6.76571 10.3897 6.76571 9.96327C6.76571 9.63143 6.5794 8.87677 5.55548 8.87677H3.60956V12.7236H4.39912V11.2193H5.22875C5.82403 11.2193 5.85676 11.4238 5.85676 11.9463C5.85676 12.3422 5.88735 12.5431 5.9412 12.7228H6.83047V12.6224C6.65946 12.5576 6.65947 12.4172 6.65947 11.8561ZM5.33863 10.5724H4.39841V9.54118H5.39904C5.86988 9.54118 5.96159 9.83956 5.96159 10.0448C5.96086 10.4232 5.75854 10.5724 5.33863 10.5724ZM0.000732884 8.87677H3.12999V9.56011H1.96488V12.7257H1.16364V9.56011H0.000732884V8.87677ZM8.4446 8.87677L7.07353 12.7236H7.92061L8.18769 11.9296H9.60753L9.85493 12.7236H10.7282L9.37389 8.87677H8.4446ZM8.40382 11.2659L8.89725 9.74568H8.90525L9.38482 11.2659H8.40382ZM18.6976 8.87677H21.4346V9.56011H19.5017V10.4283H21.1952V11.1087H19.5017V12.7265H18.6976V8.87677ZM13.5948 8.87677H14.3458V12.7236H13.5402L11.9712 9.98H11.9588V12.7236H11.21V8.87677H12.0556L13.5846 11.5548H13.594L13.5948 8.87677ZM28.6006 11.8561C28.6006 11.1378 28.4259 11.0199 28.1115 10.8809C28.4907 10.7521 28.709 10.3897 28.709 9.96327C28.709 9.63143 28.5205 8.87677 27.4973 8.87677H25.5528V12.7236H26.3424V11.2193H27.172C27.7651 11.2193 27.8001 11.4238 27.8001 11.9463C27.8001 12.3422 27.8306 12.5431 27.8852 12.7228H28.7716V12.6224C28.6006 12.5576 28.6006 12.4172 28.6006 11.8561ZM27.2826 10.5724H26.3409V9.54118H27.3401C27.8131 9.54118 27.9048 9.83956 27.9048 10.0448C27.9048 10.4232 27.7011 10.5724 27.2826 10.5724ZM18.0841 11.5672C18.0841 12.7207 16.9038 12.8262 16.5683 12.8262C15.1638 12.8262 14.925 12.0191 14.925 11.5395H15.6935C15.6993 11.7542 15.8071 12.161 16.51 12.161C16.8877 12.161 17.3127 12.0679 17.3127 11.6654C17.3127 11.3634 17.0216 11.2848 16.6155 11.1866L16.2044 11.0891C15.5822 10.9464 14.9832 10.8053 14.9832 9.95745C14.9832 9.52955 15.2125 8.77489 16.4613 8.77489C17.6402 8.77489 17.9553 9.54482 17.9612 10.0164H17.1926C17.1708 9.84538 17.106 9.4393 16.403 9.4393C16.0996 9.4393 15.7328 9.55064 15.7328 9.8985C15.7328 10.1983 15.9803 10.2631 16.1418 10.3017L17.0769 10.5324C17.6009 10.6597 18.0841 10.8759 18.0841 11.5672ZM22.762 12.0431H24.8949V12.7257H21.9746V8.87896H24.8047V9.56084H22.762V10.3693H24.6373V11.0498H22.762V12.0431ZM16.1877 7.68839H14.7235V0.176739H16.3761L19.3584 5.40694H19.378V0.176739H20.8422V7.68911H19.2754L16.2088 2.33374H16.1891L16.1877 7.68839Z" fill="#1C274C"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/public/images/checkout/cash.svg:
--------------------------------------------------------------------------------
1 | <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V6.31673C14.3804 6.60867 15.75 7.83361 15.75 9.5C15.75 9.91421 15.4142 10.25 15 10.25C14.5858 10.25 14.25 9.91421 14.25 9.5C14.25 8.65573 13.3765 7.75 12 7.75C10.6235 7.75 9.75 8.65573 9.75 9.5C9.75 10.3443 10.6235 11.25 12 11.25C13.9372 11.25 15.75 12.5828 15.75 14.5C15.75 16.1664 14.3804 17.3913 12.75 17.6833V18C12.75 18.4142 12.4142 18.75 12 18.75C11.5858 18.75 11.25 18.4142 11.25 18V17.6833C9.61957 17.3913 8.25 16.1664 8.25 14.5C8.25 14.0858 8.58579 13.75 9 13.75C9.41421 13.75 9.75 14.0858 9.75 14.5C9.75 15.3443 10.6235 16.25 12 16.25C13.3765 16.25 14.25 15.3443 14.25 14.5C14.25 13.6557 13.3765 12.75 12 12.75C10.0628 12.75 8.25 11.4172 8.25 9.5C8.25 7.83361 9.61957 6.60867 11.25 6.31673V6C11.25 5.58579 11.5858 5.25 12 5.25Z" fill="#1C274C"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/public/images/checkout/dhl.svg:
--------------------------------------------------------------------------------
 1 | <svg width="65" height="21" viewBox="0 0 65 21" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_124_7983)">
 3 | <path d="M64.6828 0.503342V14.7777H0V0.503342H64.6828Z" fill="#FFCC00"/>
 4 | <path d="M11.3752 3.06668L9.30859 5.8743H20.5716C21.1409 5.8743 21.1334 6.09062 20.8551 6.46759C20.5725 6.85026 20.0996 7.51577 19.8117 7.90448C19.6657 8.10175 19.4016 8.46115 20.2768 8.46115H24.8827C24.8827 8.46115 25.6251 7.45096 26.2472 6.60632C27.0939 5.45752 26.3207 3.0668 23.2941 3.0668L11.3752 3.06668Z" fill="#D2002E"/>
 5 | <path d="M8.47238 12.2136L12.6232 6.57358H17.7741C18.3434 6.57358 18.336 6.7899 18.0577 7.16687C17.7751 7.54954 17.2945 8.20797 17.0066 8.59669C16.8604 8.79396 16.5964 9.15392 17.4715 9.15392H24.3722C23.7983 9.94014 21.9367 12.2135 18.5941 12.2135L8.47238 12.2136ZM32.2444 9.15324L29.9934 12.2133H24.0558C24.0558 12.2133 26.3055 9.15392 26.3074 9.15392L32.2444 9.15324ZM41.3406 8.46115H26.8175L30.789 3.06668H36.725L34.4486 6.15988H37.0982L39.3755 3.06668H45.3108L41.3406 8.46115ZM40.8309 9.15404L38.5789 12.2136H32.6434C32.6434 12.2136 34.8931 9.15404 34.895 9.15404H40.8309ZM0 10.3605H8.74734L8.26952 11.0105H0V10.3605ZM0 9.15404H9.63602L9.15728 9.80312H0V9.15404ZM0 11.5676H7.85912L7.38358 12.2136H0V11.5676ZM64.6831 11.0105H55.9694L56.4477 10.3606H64.6831V11.0105ZM64.6831 12.2136L55.0836 12.2145L55.5591 11.5676H64.6831V12.2136ZM57.3352 9.15404H64.6831V9.80346L56.8574 9.80403L57.3352 9.15404ZM53.5313 3.06668L49.5605 8.46103H43.2706C43.2706 8.46103 47.2425 3.06668 47.2445 3.06668H53.5313ZM42.7617 9.15404C42.7617 9.15404 42.3278 9.74698 42.1172 10.032C41.3716 11.0397 42.0307 12.2136 44.4637 12.2136H53.9966L56.2484 9.15404H42.7617Z" fill="#D2002E"/>
 6 | <path d="M0 17.0984H64.6831V17.4217H0V17.0984ZM0 18.6073H64.6831V18.9306H0V18.6073ZM0 20.1158H64.6831V20.4392H0V20.1158Z" fill="#FFCC00"/>
 7 | <path d="M21.7207 20.4392H23.6674L23.9781 20.018H22.5294L23.3417 18.9173H24.661L24.9718 18.496H23.6525L24.3729 17.5198H25.8217L26.1325 17.0986H24.1859L21.7207 20.4392ZM24.1097 20.4392H24.7071L26.7433 19.0226L26.7234 20.4392H27.3507L27.3553 18.6924L29.7013 17.0986H29.1338L27.2663 18.3813L27.2868 17.0986H26.6894L26.6712 18.702L24.1097 20.4392ZM30.4549 17.5198H30.8781C31.1868 17.5198 31.5317 17.673 31.221 18.0941C30.896 18.5343 30.3982 18.6827 30.0895 18.6827H29.5966L30.4549 17.5198ZM27.8027 20.4392H28.3005L29.2858 19.1039H29.7737C30.401 19.1039 31.1976 18.8407 31.745 18.0988C32.3066 17.3377 31.8907 17.0984 31.1789 17.0984H30.2678L27.8027 20.4392ZM30.6695 20.4392H31.1674L32.2623 18.9555H32.5609C32.8247 18.9555 32.9892 18.9555 32.9034 19.2809L32.5814 20.4392H33.149L33.4737 19.1086C33.5161 18.9029 33.4945 18.8311 33.3823 18.7735L33.3894 18.7639C33.8423 18.6968 34.3677 18.4098 34.668 18.0029C35.2577 17.2038 34.6733 17.0984 33.9861 17.0984H33.1349L30.6695 20.4392ZM33.3219 17.5198H33.7997C34.2579 17.5198 34.3555 17.7113 34.1331 18.0126C33.8965 18.3334 33.4693 18.5343 32.9963 18.5343H32.5731L33.3219 17.5198ZM33.6645 20.4392H35.6112L35.9217 20.018H34.4732L35.2854 18.9173H36.6048L36.9154 18.496H35.5962L36.3166 17.5198H37.7654L38.0763 17.0986H36.1297L33.6645 20.4392ZM40.4742 17.1608C40.2953 17.0794 40.0495 17.0411 39.8206 17.0411C39.1933 17.0411 38.4723 17.3571 38.0343 17.9505C37.2679 18.9891 38.9134 18.7833 38.3623 19.5299C38.0728 19.9222 37.5614 20.0755 37.2777 20.0755C37.0237 20.0755 36.7957 19.9797 36.6759 19.9126L36.2978 20.3578C36.4738 20.4296 36.6635 20.4967 36.9074 20.4967C37.6043 20.4967 38.3853 20.2139 38.9115 19.5009C39.7237 18.4003 38.1206 18.5484 38.5939 17.9073C38.8519 17.558 39.2511 17.4622 39.5298 17.4622C39.7888 17.4622 39.8962 17.5055 40.0794 17.6011L40.4742 17.1608ZM42.9635 17.1608C42.7846 17.0794 42.539 17.0411 42.3099 17.0411C41.6826 17.0411 40.9616 17.3571 40.5236 17.9505C39.7572 18.9891 41.4027 18.7833 40.8516 19.5299C40.5622 19.9222 40.0507 20.0755 39.767 20.0755C39.513 20.0755 39.2849 19.9797 39.1653 19.9126L38.7871 20.3578C38.9631 20.4296 39.1528 20.4967 39.3966 20.4967C40.0936 20.4967 40.8744 20.2139 41.4006 19.5009C42.213 18.4003 40.61 18.5484 41.0832 17.9073C41.3411 17.558 41.7404 17.4622 42.0191 17.4622C42.2781 17.4622 42.3857 17.5055 42.5687 17.6011L42.9635 17.1608Z" fill="#D2002E"/>
 8 | </g>
 9 | <defs>
10 | <clipPath id="clip0_124_7983">
11 | <rect width="64.6831" height="20" fill="white" transform="translate(0 0.5)"/>
12 | </clipPath>
13 | </defs>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/public/images/checkout/fedex.svg:
--------------------------------------------------------------------------------
 1 | <svg width="65" height="19" viewBox="0 0 65 19" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_124_7970)">
 3 | <path d="M64.5344 16.1594C64.5344 15.159 63.825 14.4264 62.8478 14.4264C61.8722 14.4264 61.1619 15.159 61.1619 16.1594C61.1619 17.1581 61.8722 17.8894 62.8478 17.8894C63.825 17.8894 64.5344 17.1569 64.5344 16.1594ZM62.4046 16.2482V17.3801H62.039V14.8842H62.9476C63.4801 14.8842 63.7244 15.1168 63.7244 15.5701C63.7244 15.8493 63.5357 16.0705 63.2926 16.1025V16.1131C63.5036 16.1468 63.5811 16.3351 63.6245 16.6796C63.6578 16.9029 63.7021 17.29 63.7816 17.3809H63.349C63.2483 17.1464 63.2585 16.8144 63.181 16.5364C63.1168 16.3249 63.004 16.2478 62.7617 16.2478H62.4066V16.2491L62.4046 16.2482ZM62.8579 15.9256C63.213 15.9256 63.3145 15.7365 63.3145 15.5697C63.3145 15.3724 63.213 15.2166 62.8579 15.2166H62.4046V15.9264H62.8579V15.9256ZM60.7598 16.1594C60.7598 14.9268 61.7382 14.0937 62.8462 14.0937C63.9573 14.0937 64.9346 14.9268 64.9346 16.1594C64.9346 17.3895 63.9577 18.2235 62.8462 18.2235C61.7382 18.2235 60.7598 17.3895 60.7598 16.1594Z" fill="#FF5A00"/>
 4 | <path d="M53.5302 17.8635L51.1249 15.1659L48.7406 17.8635H43.7236L48.6269 12.3547L43.7236 6.84421H48.8972L51.327 9.5211L53.665 6.84421H58.6576L53.7786 12.3315L58.7254 17.8635H53.5302ZM34.0898 17.8635V0.504639H43.7236V4.37388H38.1705V6.84421H43.7236V10.5673H38.1705V13.9845H43.7236V17.8635H34.0898Z" fill="#FF5A00"/>
 5 | <path d="M30.0238 0.504639V7.60881H29.9788C29.079 6.57474 27.9544 6.21435 26.6505 6.21435C23.9785 6.21435 21.9655 8.0321 21.2589 10.4334C20.453 7.78697 18.3747 6.16484 15.2936 6.16484C12.7908 6.16484 10.8151 7.28779 9.7831 9.11811V6.84381H4.61071V4.37429H10.2559V0.505451H0V17.8635H4.61071V10.5674H9.20641C9.06485 11.1284 8.99408 11.705 8.99578 12.2836C8.99578 15.9029 11.7616 18.4463 15.2927 18.4463C18.261 18.4463 20.2188 17.0514 21.2533 14.5121H17.3016C16.7676 15.2763 16.3617 15.5019 15.2931 15.5019C14.0545 15.5019 12.9856 14.4208 12.9856 13.1408H21.0317C21.3807 16.0161 23.6209 18.4954 26.6955 18.4954C28.0218 18.4954 29.2361 17.8432 29.9783 16.7414H30.023V17.8659H34.0883V0.505451H30.0238V0.504639ZM13.1138 10.6193C13.3707 9.51624 14.2258 8.79548 15.2931 8.79548C16.4684 8.79548 17.2801 9.49392 17.4932 10.6193H13.1138ZM27.5567 15.2219C26.0588 15.2219 25.1278 13.8262 25.1278 12.3685C25.1278 10.81 25.9378 9.31292 27.5567 9.31292C29.2365 9.31292 29.9057 10.8109 29.9057 12.3685C29.9057 13.8449 29.1971 15.2219 27.5567 15.2219Z" fill="#29007C"/>
 6 | </g>
 7 | <defs>
 8 | <clipPath id="clip0_124_7970">
 9 | <rect width="64.9351" height="18" fill="white" transform="translate(0 0.5)"/>
10 | </clipPath>
11 | </defs>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/public/images/countdown/countdown-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/countdown/countdown-01.png


--------------------------------------------------------------------------------
/public/images/countdown/countdown-bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/countdown/countdown-bg.png


--------------------------------------------------------------------------------
/public/images/hero/hero-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/hero/hero-01.png


--------------------------------------------------------------------------------
/public/images/hero/hero-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/hero/hero-02.png


--------------------------------------------------------------------------------
/public/images/hero/hero-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/hero/hero-03.png


--------------------------------------------------------------------------------
/public/images/hero/hero-bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/hero/hero-bg.png


--------------------------------------------------------------------------------
/public/images/icons/icon-02.svg:
--------------------------------------------------------------------------------
1 | <svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M11.1878 18.2893C11.9453 14.0915 15.6422 10.9166 20.0728 10.9166C22.7019 10.9166 25.0718 12.0348 26.7212 13.8178C27.19 14.3246 27.1592 15.1154 26.6525 15.5842C26.1457 16.053 25.3548 16.0223 24.886 15.5155C23.6923 14.2251 21.9797 13.4166 20.0728 13.4166C17.0092 13.4166 14.4495 15.5035 13.7408 18.3088L14.1348 17.931C14.6331 17.4533 15.4244 17.4699 15.9022 17.9682C16.38 18.4665 16.3633 19.2578 15.865 19.7356L13.161 22.3282C12.9155 22.5636 12.5847 22.6887 12.2448 22.6749C11.905 22.661 11.5855 22.5092 11.3601 22.2546L9.06412 19.662C8.60643 19.1452 8.65437 18.3552 9.1712 17.8975C9.68802 17.4398 10.478 17.4878 10.9357 18.0046L11.1878 18.2893Z" fill="#1C274C"/>
3 | <path d="M27.7474 18.3265C28.087 18.3399 28.4066 18.4912 28.6324 18.7453L30.9344 21.3364C31.3929 21.8525 31.3462 22.6426 30.8301 23.1011C30.314 23.5596 29.524 23.513 29.0654 22.9969L28.8067 22.7056C28.0491 26.9096 24.3351 30.0848 19.8912 30.0848C17.2724 30.0848 14.909 28.9825 13.2551 27.2203C12.7827 26.7169 12.8078 25.9258 13.3112 25.4534C13.8146 24.981 14.6056 25.0061 15.0781 25.5095C16.2757 26.7856 17.9865 27.5848 19.8912 27.5848C22.9697 27.5848 25.5366 25.4985 26.2504 22.6988L25.8658 23.0682C25.3679 23.5464 24.5766 23.5304 24.0984 23.0325C23.6202 22.5346 23.6362 21.7433 24.1341 21.2651L26.832 18.674C27.0772 18.4385 27.4077 18.313 27.7474 18.3265Z" fill="#1C274C"/>
4 | <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9999 2.58331C10.1048 2.58331 2.08325 10.6049 2.08325 20.5C2.08325 30.3951 10.1048 38.4166 19.9999 38.4166C29.895 38.4166 37.9166 30.3951 37.9166 20.5C37.9166 10.6049 29.895 2.58331 19.9999 2.58331ZM4.58325 20.5C4.58325 11.9856 11.4855 5.08331 19.9999 5.08331C28.5143 5.08331 35.4166 11.9856 35.4166 20.5C35.4166 29.0144 28.5143 35.9166 19.9999 35.9166C11.4855 35.9166 4.58325 29.0144 4.58325 20.5Z" fill="#1C274C"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/public/images/icons/icon-03.svg:
--------------------------------------------------------------------------------
1 | <svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M25.0991 17.9992C25.5589 17.4842 25.5141 16.694 24.9992 16.2342C24.4842 15.7744 23.694 15.8192 23.2342 16.3341L18.2143 21.9565L16.7658 20.3341C16.306 19.8192 15.5158 19.7744 15.0008 20.2342C14.4859 20.694 14.4411 21.4842 14.9009 21.9992L17.2819 24.6658C17.519 24.9314 17.8582 25.0833 18.2143 25.0833C18.5704 25.0833 18.9096 24.9314 19.1467 24.6658L25.0991 17.9992Z" fill="#1C274C"/>
3 | <path fill-rule="evenodd" clip-rule="evenodd" d="M20 2.58331C18.4375 2.58331 16.9455 3.09428 14.539 3.91851L13.3266 4.33354C10.8577 5.17864 8.95234 5.83085 7.58838 6.38496C6.90131 6.66408 6.31061 6.93443 5.83497 7.21066C5.37724 7.47649 4.91804 7.80805 4.60605 8.25255C4.29767 8.69192 4.13822 9.23205 4.03802 9.75201C3.93385 10.2926 3.87104 10.941 3.8305 11.6856C3.75 13.1639 3.75 15.1892 3.75 17.816V20.4856C3.75 30.654 11.43 35.5292 15.9972 37.5243L16.0424 37.544C16.6087 37.7914 17.141 38.024 17.7527 38.1806C18.3984 38.3459 19.0846 38.4166 20 38.4166C20.9154 38.4166 21.6016 38.3459 22.2473 38.1806C22.859 38.0241 23.3913 37.7915 23.9576 37.544L24.0028 37.5243C28.57 35.5292 36.25 30.654 36.25 20.4856V17.8163C36.25 15.1893 36.25 13.164 36.1695 11.6856C36.129 10.941 36.0661 10.2926 35.962 9.75201C35.8618 9.23205 35.7023 8.69192 35.3939 8.25255C35.082 7.80805 34.6228 7.47649 34.165 7.21066C33.6894 6.93443 33.0987 6.66408 32.4116 6.38496C31.0477 5.83085 29.1423 5.17864 26.6734 4.33353L25.461 3.91851C23.0545 3.09429 21.5625 2.58331 20 2.58331ZM15.1344 6.35714C17.8252 5.43604 18.9038 5.08331 20 5.08331C21.0962 5.08331 22.1748 5.43604 24.8656 6.35714L25.8203 6.68393C28.3413 7.54688 30.1798 8.17672 31.4707 8.70112C32.115 8.96288 32.5818 9.18222 32.9095 9.37253C33.0713 9.46648 33.1828 9.54401 33.2572 9.60452C33.3203 9.65579 33.3444 9.68484 33.3478 9.68912C33.351 9.69431 33.3718 9.72893 33.401 9.81087C33.4343 9.90439 33.4712 10.0385 33.5071 10.2251C33.5799 10.6028 33.6351 11.1217 33.6732 11.8215C33.7495 13.2235 33.75 15.1805 33.75 17.8611V20.4856C33.75 29.1107 27.3002 33.3557 23.002 35.2333C22.3829 35.5037 22.0254 35.6568 21.6273 35.7587C21.2472 35.856 20.7833 35.9166 20 35.9166C19.2167 35.9166 18.7528 35.856 18.3727 35.7587C17.9746 35.6568 17.6171 35.5037 16.998 35.2333C12.6998 33.3557 6.25 29.1107 6.25 20.4856V17.8611C6.25 15.1805 6.25046 13.2235 6.3268 11.8215C6.36491 11.1217 6.42007 10.6028 6.49286 10.2251C6.52882 10.0385 6.56574 9.90439 6.59905 9.81087C6.62821 9.72899 6.64893 9.69436 6.65215 9.68912C6.6556 9.68489 6.67966 9.65584 6.74278 9.60452C6.81723 9.54401 6.9287 9.46648 7.09048 9.37253C7.41817 9.18222 7.885 8.96288 8.52932 8.70112C9.82016 8.17672 11.6587 7.54688 14.1797 6.68393L15.1344 6.35714Z" fill="#1C274C"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/public/images/icons/icon-04.svg:
--------------------------------------------------------------------------------
1 | <svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9816 9.34628C16.9482 5.34239 21.0672 2.58331 25.8333 2.58331C32.5067 2.58331 37.9166 7.99321 37.9166 14.6666C37.9166 16.4535 37.5279 18.1529 36.8294 19.6822C36.6471 20.0813 36.6116 20.4583 36.6926 20.7612L36.9049 21.5546C37.5845 24.0944 35.261 26.4179 32.7212 25.7383L31.9279 25.526C31.7024 25.4657 31.4359 25.4699 31.1498 25.5512C30.2997 32.7958 24.1395 38.4166 16.6666 38.4166C14.4166 38.4166 12.2824 37.9063 10.3764 36.9938C9.9991 36.8131 9.62759 36.7765 9.32199 36.8582L7.27859 37.405C4.73887 38.0845 2.41537 35.761 3.09491 33.2213L3.64165 31.1779C3.72342 30.8723 3.68677 30.5008 3.50613 30.1235C2.59364 28.2175 2.08325 26.0833 2.08325 23.8333C2.08325 16.3491 7.72114 10.1816 14.9816 9.34628ZM17.8916 9.3007C25.0996 9.90017 30.8189 15.7418 31.2267 23.0027C31.6642 22.961 32.1189 22.9892 32.574 23.111L33.3674 23.3233C34.0488 23.5056 34.6722 22.8822 34.4899 22.2008L34.2776 21.4074C34.0157 20.4285 34.1864 19.4513 34.5554 18.6435C35.108 17.4337 35.4166 16.0879 35.4166 14.6666C35.4166 9.37392 31.126 5.08331 25.8333 5.08331C22.5301 5.08331 19.6153 6.75471 17.8916 9.3007ZM16.6666 11.75C9.99315 11.75 4.58325 17.1599 4.58325 23.8333C4.58325 25.7017 5.00645 27.4678 5.76104 29.044C6.15338 29.8635 6.3179 30.8479 6.0567 31.8241L5.50996 33.8675C5.32764 34.5489 5.95102 35.1723 6.63241 34.9899L8.67581 34.4432C9.65202 34.182 10.6364 34.3465 11.4559 34.7389C13.0321 35.4935 14.7982 35.9166 16.6666 35.9166C23.34 35.9166 28.7499 30.5068 28.7499 23.8333C28.7499 17.1599 23.34 11.75 16.6666 11.75Z" fill="#1C274C"/>
3 | <path d="M12.4999 23.8333C12.4999 24.7538 11.7537 25.5 10.8333 25.5C9.91278 25.5 9.16659 24.7538 9.16659 23.8333C9.16659 22.9128 9.91278 22.1666 10.8333 22.1666C11.7537 22.1666 12.4999 22.9128 12.4999 23.8333Z" fill="#1C274C"/>
4 | <path d="M18.3333 23.8333C18.3333 24.7538 17.5871 25.5 16.6666 25.5C15.7461 25.5 14.9999 24.7538 14.9999 23.8333C14.9999 22.9128 15.7461 22.1666 16.6666 22.1666C17.5871 22.1666 18.3333 22.9128 18.3333 23.8333Z" fill="#1C274C"/>
5 | <path d="M24.1666 23.8333C24.1666 24.7538 23.4204 25.5 22.4999 25.5C21.5794 25.5 20.8333 24.7538 20.8333 23.8333C20.8333 22.9128 21.5794 22.1666 22.4999 22.1666C23.4204 22.1666 24.1666 22.9128 24.1666 23.8333Z" fill="#1C274C"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/public/images/icons/icon-05.svg:
--------------------------------------------------------------------------------
1 | <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M9.36509 2.33242C8.85339 2.40004 8.22152 2.54518 7.32267 2.75261L6.29918 2.9888C5.54 3.164 5.01718 3.28545 4.61785 3.4225C4.23233 3.55482 4.01423 3.68526 3.84965 3.84983C3.68507 4.01441 3.55463 4.23252 3.42232 4.61804C3.28527 5.01737 3.16381 5.54019 2.98862 6.29937L2.75243 7.32285C2.545 8.2217 2.39986 8.85357 2.33224 9.36527C2.26636 9.86378 2.28155 10.2011 2.36949 10.5077C2.45742 10.8143 2.62331 11.1084 2.94338 11.4962C3.27193 11.8943 3.7299 12.3532 4.38218 13.0055L5.90688 14.5302C7.03979 15.6631 7.84594 16.4674 8.53901 16.9962C9.21765 17.5139 9.7139 17.7084 10.2184 17.7084C10.723 17.7084 11.2192 17.5139 11.8979 16.9962C12.5909 16.4674 13.3971 15.6631 14.53 14.5302C15.6629 13.3973 16.4672 12.5911 16.996 11.8981C17.5138 11.2194 17.7082 10.7232 17.7082 10.2186C17.7082 9.71409 17.5138 9.21784 16.996 8.53919C16.4672 7.84613 15.6629 7.03997 14.53 5.90706L13.0053 4.38237C12.353 3.73008 11.8941 3.27211 11.496 2.94357C11.1082 2.62349 10.8141 2.45761 10.5075 2.36967C10.2009 2.28173 9.8636 2.26654 9.36509 2.33242ZM9.20132 1.09319C9.79908 1.0142 10.3232 1.01643 10.8521 1.16811C11.381 1.31979 11.8267 1.5957 12.2917 1.9795C12.7412 2.35053 13.2419 2.85119 13.8674 3.47666L15.4472 5.05647C16.5394 6.14864 17.4041 7.01334 17.9898 7.78097C18.5924 8.5708 18.9582 9.33089 18.9582 10.2186C18.9582 11.1064 18.5924 11.8664 17.9898 12.6563C17.4041 13.4239 16.5394 14.2886 15.4472 15.3808L15.3806 15.4473C14.2884 16.5395 13.4237 17.4043 12.6561 17.9899C11.8663 18.5926 11.1062 18.9584 10.2184 18.9584C9.33071 18.9584 8.57062 18.5926 7.78078 17.9899C7.01315 17.4042 6.14845 16.5395 5.05626 15.4473L3.47647 13.8675C2.851 13.2421 2.35034 12.7414 1.97932 12.2919C1.59552 11.8268 1.31961 11.3812 1.16792 10.8523C1.01624 10.3234 1.01401 9.79927 1.09301 9.2015C1.16938 8.62365 1.32859 7.93375 1.52749 7.07187L1.77805 5.98614C1.94402 5.26688 2.07936 4.68035 2.24002 4.21226C2.40779 3.7234 2.61911 3.3126 2.96577 2.96595C3.31242 2.6193 3.72322 2.40798 4.21208 2.2402C4.68017 2.07955 5.2667 1.9442 5.98596 1.77823L7.07169 1.52768C7.93356 1.32878 8.62346 1.16956 9.20132 1.09319ZM7.90895 6.66264C7.50216 6.25584 6.84261 6.25584 6.43581 6.66264C6.02902 7.06944 6.02902 7.72898 6.43581 8.13578C6.84261 8.54258 7.50216 8.54258 7.90895 8.13578C8.31575 7.72898 8.31575 7.06944 7.90895 6.66264ZM5.55193 5.77876C6.44688 4.88381 7.89788 4.88381 8.79284 5.77876C9.68779 6.67371 9.68779 8.12471 8.79284 9.01966C7.89788 9.91461 6.44688 9.91461 5.55193 9.01966C4.65698 8.12471 4.65698 6.67371 5.55193 5.77876ZM15.8757 9.1585C16.1198 9.40257 16.1198 9.7983 15.8757 10.0424L10.0599 15.8584C9.81584 16.1025 9.42011 16.1025 9.17603 15.8584C8.93195 15.6144 8.93194 15.2186 9.17601 14.9746L14.9918 9.15851C15.2359 8.91443 15.6317 8.91442 15.8757 9.1585Z" fill="#3C50E0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/public/images/icons/icon-06.svg:
--------------------------------------------------------------------------------
1 | <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M7.43433 6.07751C7.75978 5.96248 8.11686 6.13306 8.23189 6.4585C8.48958 7.18759 9.18495 7.70845 10.0004 7.70845C10.8158 7.70845 11.5111 7.18759 11.7688 6.4585C11.8839 6.13306 12.2409 5.96248 12.5664 6.07751C12.8918 6.19254 13.0624 6.54961 12.9474 6.87506C12.5187 8.08796 11.362 8.95845 10.0004 8.95845C8.63874 8.95845 7.48204 8.08796 7.05334 6.87506C6.93831 6.54961 7.10889 6.19254 7.43433 6.07751ZM10.3007 4.58345H9.69971C8.34487 4.58345 7.44312 4.58567 6.76017 4.67005C6.11157 4.75019 5.8126 4.88952 5.60279 5.06364C5.39299 5.23776 5.20096 5.50593 5.00266 6.12866C4.79386 6.78436 4.6255 7.67026 4.37582 9.00189C4.02583 10.8685 3.79119 12.1363 3.74951 13.0912C3.70933 14.0117 3.86357 14.403 4.08014 14.6639C4.29671 14.9249 4.65289 15.1486 5.56499 15.2787C6.51125 15.4138 7.8006 15.4168 9.69971 15.4168H10.3007C12.1998 15.4168 13.4891 15.4138 14.4354 15.2787C15.3475 15.1486 15.7037 14.9249 15.9203 14.6639C16.1368 14.403 16.2911 14.0117 16.2509 13.0912C16.2092 12.1363 15.9746 10.8685 15.6246 9.00189C15.3749 7.67026 15.2065 6.78436 14.9977 6.12866C14.7994 5.50593 14.6074 5.23776 14.3976 5.06364C14.1878 4.88952 13.8888 4.75019 13.2402 4.67005C12.5573 4.58567 11.6555 4.58345 10.3007 4.58345ZM4.8045 4.10175C3.87875 4.87006 3.63491 6.17055 3.14723 8.77153C2.46146 12.429 2.11857 14.2577 3.11826 15.4622C4.11794 16.6668 5.97853 16.6668 9.69971 16.6668H10.3007C14.0219 16.6668 15.8825 16.6668 16.8821 15.4622C17.8818 14.2577 17.5389 12.429 16.8532 8.77153C16.3655 6.17055 16.1216 4.87006 15.1959 4.10175C14.2701 3.33345 12.947 3.33345 10.3007 3.33345H9.69971C7.0534 3.33345 5.73025 3.33345 4.8045 4.10175Z" fill="#3C50E0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/public/images/icons/icon-07.svg:
--------------------------------------------------------------------------------
1 | <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0002 2.29163C8.96465 2.29163 8.12518 3.13109 8.12518 4.16663V4.38319C8.5894 4.37495 9.09879 4.37495 9.6578 4.37496H10.3426C10.9016 4.37495 11.411 4.37495 11.8752 4.38319V4.16663C11.8752 3.13109 11.0357 2.29163 10.0002 2.29163ZM13.1252 4.4399V4.16663C13.1252 2.44074 11.7261 1.04163 10.0002 1.04163C8.27429 1.04163 6.87518 2.44074 6.87518 4.16663V4.4399C6.75624 4.45014 6.6413 4.46199 6.53024 4.47571C5.6886 4.5797 4.99474 4.79815 4.40533 5.28732C3.81592 5.77649 3.47335 6.4182 3.21603 7.22626C2.96667 8.00936 2.77791 9.01613 2.54063 10.2817L2.52339 10.3736C2.18857 12.1593 1.92469 13.5665 1.87627 14.676C1.82664 15.8131 1.99581 16.755 2.63729 17.5279C3.27877 18.3008 4.17329 18.6407 5.30012 18.8015C6.39947 18.9583 7.83125 18.9583 9.64805 18.9583H10.3523C12.1691 18.9583 13.6009 18.9583 14.7002 18.8015C15.8271 18.6407 16.7216 18.3008 17.3631 17.5279C18.0045 16.755 18.1737 15.8131 18.1241 14.676C18.0757 13.5665 17.8118 12.1593 17.477 10.3736L17.4597 10.2817C17.2225 9.01614 17.0337 8.00937 16.7843 7.22626C16.527 6.4182 16.1844 5.77649 15.595 5.28732C15.0056 4.79815 14.3118 4.5797 13.4701 4.47571C13.3591 4.46199 13.2441 4.45014 13.1252 4.4399ZM6.68351 5.71628C5.97056 5.80437 5.53997 5.97007 5.20363 6.24921C4.86729 6.52834 4.62507 6.92103 4.40711 7.60553C4.18389 8.30652 4.00826 9.23716 3.7615 10.5532C3.41507 12.4009 3.16916 13.7205 3.12508 14.7305C3.08175 15.7232 3.24098 16.298 3.59918 16.7296C3.95739 17.1612 4.49301 17.4236 5.47669 17.564C6.47745 17.7068 7.81984 17.7083 9.69969 17.7083H10.3007C12.1805 17.7083 13.5229 17.7068 14.5237 17.564C15.5074 17.4236 16.043 17.1612 16.4012 16.7296C16.7594 16.298 16.9186 15.7232 16.8753 14.7305C16.8312 13.7205 16.5853 12.4009 16.2389 10.5532C15.9921 9.23716 15.8165 8.30652 15.5933 7.60553C15.3753 6.92103 15.1331 6.52834 14.7967 6.24921C14.4604 5.97007 14.0298 5.80437 13.3168 5.71628C12.5867 5.62607 11.6397 5.62496 10.3007 5.62496H9.69969C8.36069 5.62496 7.41364 5.62607 6.68351 5.71628ZM7.60293 8.55013C7.94341 8.60688 8.17342 8.92889 8.11668 9.26938L7.28334 14.2694C7.22659 14.6099 6.90458 14.8399 6.5641 14.7831C6.22361 14.7264 5.9936 14.4044 6.05035 14.0639L6.88368 9.06388C6.94043 8.7234 7.26245 8.49338 7.60293 8.55013ZM12.3974 8.55013C12.7379 8.49338 13.0599 8.7234 13.1167 9.06388L13.95 14.0639C14.0068 14.4044 13.7767 14.7264 13.4363 14.7831C13.0958 14.8399 12.7738 14.6099 12.717 14.2694L11.8837 9.26938C11.8269 8.92889 12.0569 8.60688 12.3974 8.55013Z" fill="#3C50E0"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/public/images/icons/icon-08.svg:
--------------------------------------------------------------------------------
1 | <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path fill-rule="evenodd" clip-rule="evenodd" d="M7.49984 1.04175C5.31371 1.04175 3.5415 2.81395 3.5415 5.00008C3.5415 7.18621 5.31371 8.95842 7.49984 8.95842C9.68596 8.95842 11.4582 7.18621 11.4582 5.00008C11.4582 2.81395 9.68596 1.04175 7.49984 1.04175ZM4.7915 5.00008C4.7915 3.50431 6.00407 2.29175 7.49984 2.29175C8.99561 2.29175 10.2082 3.50431 10.2082 5.00008C10.2082 6.49585 8.99561 7.70842 7.49984 7.70842C6.00407 7.70842 4.7915 6.49585 4.7915 5.00008Z" fill="#3C50E0"/>
3 | <path d="M12.4998 1.87508C12.1547 1.87508 11.8748 2.1549 11.8748 2.50008C11.8748 2.84526 12.1547 3.12508 12.4998 3.12508C13.5354 3.12508 14.3748 3.96455 14.3748 5.00008C14.3748 6.03562 13.5354 6.87508 12.4998 6.87508C12.1547 6.87508 11.8748 7.1549 11.8748 7.50008C11.8748 7.84526 12.1547 8.12508 12.4998 8.12508C14.2257 8.12508 15.6248 6.72597 15.6248 5.00008C15.6248 3.27419 14.2257 1.87508 12.4998 1.87508Z" fill="#3C50E0"/>
4 | <path fill-rule="evenodd" clip-rule="evenodd" d="M3.06496 11.2671C4.2311 10.6007 5.80039 10.2084 7.49984 10.2084C9.19928 10.2084 10.7686 10.6007 11.9347 11.2671C13.0832 11.9233 13.9582 12.9252 13.9582 14.1667C13.9582 15.4083 13.0832 16.4102 11.9347 17.0664C10.7686 17.7328 9.19928 18.1251 7.49984 18.1251C5.80039 18.1251 4.2311 17.7328 3.06496 17.0664C1.9165 16.4102 1.0415 15.4083 1.0415 14.1667C1.0415 12.9252 1.9165 11.9233 3.06496 11.2671ZM3.68513 12.3524C2.72234 12.9025 2.2915 13.5674 2.2915 14.1667C2.2915 14.7661 2.72234 15.431 3.68513 15.9811C4.63025 16.5212 5.97762 16.8751 7.49984 16.8751C9.02205 16.8751 10.3694 16.5212 11.3145 15.9811C12.2773 15.431 12.7082 14.7661 12.7082 14.1667C12.7082 13.5674 12.2773 12.9025 11.3145 12.3524C10.3694 11.8123 9.02205 11.4584 7.49984 11.4584C5.97762 11.4584 4.63025 11.8123 3.68513 12.3524Z" fill="#3C50E0"/>
5 | <path d="M15.1337 11.0563C14.7965 10.9823 14.4633 11.1957 14.3893 11.5329C14.3154 11.87 14.5288 12.2033 14.866 12.2772C15.5263 12.422 16.054 12.6708 16.4022 12.9557C16.751 13.2411 16.8748 13.5198 16.8748 13.7501C16.8748 13.959 16.7743 14.2043 16.4973 14.4617C16.2182 14.7209 15.7894 14.9604 15.2363 15.127C14.9058 15.2265 14.7185 15.5751 14.818 15.9056C14.9176 16.2362 15.2662 16.4234 15.5967 16.3239C16.2822 16.1175 16.8951 15.7982 17.348 15.3775C17.803 14.9549 18.1248 14.3989 18.1248 13.7501C18.1248 13.0294 17.7296 12.4268 17.1938 11.9884C16.6576 11.5495 15.9353 11.232 15.1337 11.0563Z" fill="#3C50E0"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/public/images/icons/icon-star.svg:
--------------------------------------------------------------------------------
1 | <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M6.10227 3.60558C6.94671 2.09075 7.36892 1.33333 8.00016 1.33333C8.6314 1.33333 9.05362 2.09074 9.89805 3.60558L10.1165 3.99748C10.3565 4.42795 10.4765 4.64319 10.6635 4.7852C10.8506 4.92721 11.0836 4.97993 11.5496 5.08536L11.9738 5.18135C13.6136 5.55237 14.4335 5.73787 14.6285 6.36515C14.8236 6.99242 14.2647 7.64604 13.1468 8.95328L12.8576 9.29148C12.5399 9.66295 12.381 9.84869 12.3096 10.0785C12.2381 10.3083 12.2621 10.5561 12.3102 11.0517L12.3539 11.5029C12.5229 13.2471 12.6074 14.1191 12.0967 14.5068C11.586 14.8945 10.8184 14.541 9.28305 13.8341L8.88584 13.6512C8.44955 13.4503 8.2314 13.3499 8.00016 13.3499C7.76893 13.3499 7.55078 13.4503 7.11449 13.6512L6.71728 13.8341C5.18195 14.541 4.41428 14.8945 3.9036 14.5068C3.39291 14.1191 3.47742 13.2471 3.64643 11.5029L3.69015 11.0517C3.73818 10.5561 3.76219 10.3083 3.69074 10.0785C3.61928 9.84869 3.46045 9.66295 3.14278 9.29148L2.85356 8.95328C1.73566 7.64604 1.17671 6.99242 1.37178 6.36515C1.56684 5.73787 2.38673 5.55237 4.02652 5.18135L4.45075 5.08536C4.91673 4.97993 5.14972 4.92721 5.33679 4.7852C5.52387 4.64319 5.64385 4.42795 5.88381 3.99748L6.10227 3.60558Z" fill="#FBBF24"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------
/public/images/payment/payment-01.svg:
--------------------------------------------------------------------------------
 1 | <svg width="66" height="22" viewBox="0 0 66 22" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_317_544)">
 3 | <path d="M18.9469 0.378937L14.0208 15.5261L13.0888 11.2657C11.6745 7.57849 9.17467 4.40728 5.91968 2.1712L10.641 21.6301H16.325L24.2827 0.409661H18.9469V0.378937ZM61.3776 0.378937H55.6935L46.978 21.5891H52.2831L53.4199 18.5167H60.2408L60.9986 21.5891H65.5458L61.3776 0.378937ZM54.5567 14.7683L57.6291 6.82086L59.1449 14.7683H54.5567ZM39.3992 6.43169C39.3992 5.30512 40.1571 4.15806 42.8097 4.15806C44.1921 4.28894 45.5077 4.81516 46.599 5.67381L47.7358 1.13681C46.17 0.481579 44.5042 0.0971718 42.8097 0C37.1256 0 34.4731 3.07246 34.4731 6.44192C34.4731 13.2525 42.0518 12.126 42.0518 15.5261C42.0518 16.284 41.6728 17.4208 38.6414 17.4208C36.8128 17.4187 35.0052 17.0314 33.3362 16.284L32.5783 20.8313C34.3492 21.6766 36.3027 22.0673 38.2624 21.9681C41.6728 22.347 46.978 19.3156 46.978 14.799C46.978 9.46315 39.3992 9.09451 39.3992 6.43169Z" fill="#1565C0"/>
 4 | <path d="M23.4939 21.9681H28.799L32.2095 0.757812H26.5254L23.4939 21.9681Z" fill="#1565C0"/>
 5 | <path d="M13.314 12.116L11.3681 2.65278C11.0988 2.07003 10.6637 1.57955 10.1173 1.24258C9.57088 0.905612 8.93728 0.737107 8.29561 0.758095H0C0 0.758095 10.9891 4.16853 13.314 12.116Z" fill="#FF9800"/>
 6 | </g>
 7 | <defs>
 8 | <clipPath id="clip0_317_544">
 9 | <rect width="66" height="22" fill="white"/>
10 | </clipPath>
11 | </defs>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/public/images/payment/payment-02.svg:
--------------------------------------------------------------------------------
1 | <svg width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M5.77879 23.184L6.19845 20.544H5.26244H0.846436L3.91845 1.03192C3.92668 0.971508 3.95685 0.916033 4.00279 0.875919C4.05079 0.838685 4.10976 0.817632 4.17079 0.815918H11.6225C14.1068 0.815918 15.8108 1.33192 16.7105 2.35192C17.1089 2.77981 17.3866 3.30582 17.5148 3.87565C17.6547 4.5689 17.6547 5.28274 17.5148 5.97599V6.576L17.9345 6.816C18.2547 6.97508 18.5434 7.1904 18.7868 7.45165C19.1537 7.89463 19.3902 8.43086 19.4705 9C19.561 9.744 19.5281 10.4983 19.3745 11.232C19.2167 12.1234 18.9041 12.9799 18.4508 13.7637C18.0846 14.3925 17.5895 14.9362 16.9985 15.36C16.4039 15.766 15.7415 16.0622 15.0428 16.2357C14.2583 16.4338 13.4519 16.5305 12.6428 16.5237H12.0545C11.6423 16.5244 11.2433 16.6684 10.9265 16.9317C10.6083 17.2005 10.3991 17.5762 10.3388 17.9877V18.2277L9.60645 22.8837V23.064C9.61537 23.0956 9.61537 23.1285 9.60645 23.16H9.53446L5.77879 23.184Z" fill="#253D80"/>
3 | <path d="M18.331 6.09619L18.259 6.54053C17.275 11.5805 13.9034 13.3325 9.60737 13.3325H7.42337C6.89743 13.3319 6.44966 13.7131 6.36738 14.2322L5.25103 21.3362L4.92737 23.3522C4.90268 23.514 4.94931 23.6779 5.0556 23.802C5.1612 23.9262 5.31618 23.9988 5.47938 24.0002H9.36738C9.82818 24.0002 10.2204 23.6635 10.291 23.2082V23.0162L11.0234 18.3726V18.1202C11.0885 17.6669 11.4766 17.3296 11.9354 17.3282H12.571C16.3274 17.3282 19.2794 15.8045 20.131 11.3282C20.5918 9.79837 20.308 8.14099 19.363 6.85253C19.0634 6.54465 18.7144 6.28956 18.331 6.09619Z" fill="#189BD7"/>
4 | <path d="M17.2989 5.68791L16.8429 5.56791L16.3389 5.47191C15.7033 5.37659 15.0615 5.3327 14.4189 5.33956H8.56293C8.42579 5.33613 8.2907 5.36493 8.16659 5.42391C7.88887 5.55419 7.69481 5.81545 7.65093 6.11991L6.45093 14.0036V14.2319C6.53321 13.7128 6.98168 13.3309 7.50693 13.3316H9.69094C13.9869 13.3316 17.3586 11.5796 18.3426 6.53956L18.4146 6.09591C18.1568 5.96219 17.8873 5.84973 17.6109 5.7599L17.2989 5.68791Z" fill="#242E65"/>
5 | <path d="M7.65094 6.12001C7.69483 5.81623 7.88889 5.55429 8.16729 5.42401C8.29072 5.36503 8.42649 5.33623 8.56295 5.33966H14.419C15.0615 5.3328 15.7033 5.37669 16.3389 5.472L16.843 5.568L17.299 5.68801L17.5273 5.76C17.8036 5.84983 18.0724 5.96229 18.331 6.09601C18.7211 4.59703 18.3639 3.00144 17.371 1.812C16.171 0.539998 14.2029 7.47343e-07 11.6349 7.47343e-07H4.17094C3.64568 -0.000616396 3.19792 0.381053 3.11495 0.900002L0.00727756 20.592C-0.0208368 20.7779 0.0333371 20.9664 0.155394 21.1091C0.277452 21.2517 0.455051 21.3347 0.642937 21.336H5.25094L6.45094 14.0044L7.65094 6.12001Z" fill="#253D80"/>
6 | </svg>
7 | 


--------------------------------------------------------------------------------
/public/images/payment/payment-04.svg:
--------------------------------------------------------------------------------
 1 | <svg width="53" height="22" viewBox="0 0 53 22" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_317_534)">
 3 | <path d="M7.08082 4.07879C8.07082 4.16239 9.06082 3.57719 9.68122 2.83139V2.82919C10.2906 2.068 10.6932 1.0384 10.5942 0C9.71202 0.0417999 8.63182 0.585199 8.01362 1.3486C7.44162 1.99979 6.95542 3.07339 7.08082 4.07879ZM4.63004 17.7011C5.72564 17.6593 6.15684 16.9818 7.47682 16.9818C8.80562 16.9818 9.19282 17.7011 10.3478 17.6857C11.5446 17.6615 12.2948 16.599 13.0274 15.5078C13.859 14.2692 14.2066 13.0702 14.2242 13.0042C14.2 12.98 11.9142 12.0912 11.8878 9.4116C11.8636 7.1676 13.6962 6.10279 13.7754 6.03679C12.7436 4.47919 11.1354 4.31199 10.5744 4.27019L10.5788 4.27239C9.14222 4.18659 7.91462 5.09959 7.23702 5.09959C6.54404 5.09959 5.50564 4.31199 4.36604 4.33619C2.89204 4.36259 1.52145 5.20959 0.77125 6.55599C-0.77975 9.2598 0.366451 13.255 1.86685 15.4572C2.60164 16.544 3.47504 17.7429 4.63004 17.7011ZM31.382 9.2114H33.6348C33.824 8.206 34.7392 7.5438 35.9954 7.5438C37.5222 7.5438 38.3802 8.2632 38.3802 9.5942V10.4984L35.2628 10.692C32.3676 10.868 30.799 12.0736 30.799 14.1658C30.8078 16.2756 32.4226 17.6814 34.7414 17.6835C36.31 17.6835 37.762 16.8806 38.4198 15.6002H38.4682V17.5604H40.7782V9.438C40.7782 7.0862 38.9214 5.56159 36.068 5.56159C33.4192 5.56159 31.459 7.0994 31.382 9.2114ZM38.389 13.1406C38.389 14.6652 37.1086 15.752 35.419 15.752C34.0902 15.752 33.241 15.0986 33.241 14.1108C33.241 13.079 34.0572 12.4872 35.617 12.3948L38.389 12.2188V13.1406ZM18.8596 1.2386V17.5582H21.3588V11.9812H24.815C27.9742 11.9812 30.1852 9.779 30.1852 6.59779C30.1852 3.41659 28.0094 1.2386 24.8964 1.2386H18.8596ZM27.6464 6.60659C27.6464 8.6658 26.41 9.856 24.2298 9.856H21.3588V3.37479H24.2386C26.4078 3.37479 27.6464 4.54519 27.6464 6.60659Z" fill="black"/>
 4 | <path d="M47.3089 15.3562L44.3719 5.72021H41.7649L45.9889 17.6024L45.7579 18.3218C45.3773 19.5428 44.7591 20.0224 43.6547 20.0224C43.4567 20.0224 43.0783 19.9982 42.9199 19.9806V21.9408C43.0695 21.976 43.6899 22.0002 43.8791 22.0002L43.8769 21.9958C46.3101 21.9958 47.4563 21.0498 48.4573 18.1942L52.8375 5.72021H50.2965L47.3595 15.3562H47.3089Z" fill="black"/>
 5 | </g>
 6 | <defs>
 7 | <clipPath id="clip0_317_534">
 8 | <rect width="52.9375" height="22" fill="white"/>
 9 | </clipPath>
10 | </defs>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/public/images/payment/payment-05.svg:
--------------------------------------------------------------------------------
 1 | <svg width="57" height="22" viewBox="0 0 57 22" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g clip-path="url(#clip0_317_527)">
 3 | <path d="M26.7852 10.6968V17.1198H24.7495V1.2646H30.1484C31.4507 1.23931 32.7024 1.73241 33.6507 2.64276C34.599 3.48989 35.13 4.71632 35.1047 5.98069C35.13 7.25768 34.599 8.48411 33.6507 9.3439C32.7024 10.2416 31.5392 10.6968 30.161 10.6968H26.7852ZM26.7852 3.21173V8.74962H30.199C30.9576 8.77492 31.6909 8.47153 32.2093 7.92779C33.284 6.89104 33.2967 5.18414 32.2599 4.10943L32.2093 4.05885C31.6909 3.50253 30.9576 3.19909 30.199 3.22437L26.7852 3.21173ZM39.7955 5.91747C41.3001 5.91747 42.4886 6.32207 43.361 7.1186C44.2335 7.92779 44.6634 9.02779 44.6634 10.4312V17.1071H42.7162V15.6026H42.6277C41.7806 16.8416 40.668 17.4611 39.2645 17.4611C38.0759 17.4611 37.0645 17.1071 36.268 16.3991C35.484 15.7416 35.0415 14.7681 35.0668 13.7439C35.0668 12.6186 35.4967 11.7336 36.3438 11.0635C37.1909 10.3934 38.3289 10.0646 39.7449 10.0646C40.9588 10.0646 41.9449 10.2922 42.7289 10.7221V10.2543C42.7289 9.55888 42.4254 8.90136 41.8944 8.45888C41.3507 7.97839 40.6553 7.71287 39.9346 7.71287C38.7967 7.71287 37.899 8.19337 37.2289 9.15429L35.4335 8.02899C36.407 6.62552 37.861 5.91747 39.7955 5.91747ZM37.1656 13.7945C37.1656 14.3255 37.4185 14.8186 37.8357 15.1221C38.2909 15.4761 38.8473 15.6657 39.4162 15.6531C40.276 15.6531 41.0979 15.3117 41.7047 14.7048C42.3748 14.0727 42.7162 13.3267 42.7162 12.4669C42.084 11.9611 41.199 11.7083 40.061 11.7083C39.2392 11.7083 38.5438 11.9106 37.9875 12.3026C37.4438 12.7071 37.1656 13.2002 37.1656 13.7945ZM55.8403 6.2715L49.0381 21.8991H46.9392L49.468 16.437L44.9921 6.28414H47.2047L50.4289 14.0727H50.4794L53.6277 6.28414L55.8403 6.2715Z" fill="#5F6368"/>
 4 | <path d="M18.5541 9.3059C18.5541 8.68639 18.5035 8.06682 18.4024 7.45996H9.81738V10.9622H14.7358C14.5334 12.0875 13.876 13.099 12.9151 13.7312V16.007H15.8484C17.5679 14.4266 18.5541 12.0875 18.5541 9.3059Z" fill="#4285F4"/>
 5 | <path d="M9.81736 18.2067C12.2702 18.2067 14.3438 17.3975 15.8484 16.0067L12.9151 13.7309C12.0933 14.2872 11.0438 14.6033 9.81736 14.6033C7.4404 14.6033 5.43002 12.9975 4.70934 10.8481H1.6875V13.1999C3.23002 16.2597 6.3783 18.2067 9.81736 18.2067Z" fill="#34A853"/>
 6 | <path d="M4.70925 10.8483C4.32993 9.72296 4.32993 8.49653 4.70925 7.35858V5.01953H1.68741C1.04532 6.28512 0.710693 7.68432 0.710693 9.10345C0.710693 10.5226 1.04532 11.9217 1.68741 13.1873L4.70925 10.8483Z" fill="#FBBC04"/>
 7 | <path d="M9.81736 3.60351C11.1197 3.57822 12.3714 4.07132 13.307 4.96903L15.899 2.37708C14.2553 0.821903 12.0806 -0.0252254 9.81736 6.19453e-05C6.3783 6.19453e-05 3.23002 1.94719 1.6875 5.01961L4.70934 7.37134C5.43002 5.20926 7.4404 3.60351 9.81736 3.60351Z" fill="#EA4335"/>
 8 | </g>
 9 | <defs>
10 | <clipPath id="clip0_317_527">
11 | <rect width="56.375" height="22" fill="white"/>
12 | </clipPath>
13 | </defs>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/public/images/products/image 156.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/image 156.png


--------------------------------------------------------------------------------
/public/images/products/product-1-bg-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-1-bg-1.png


--------------------------------------------------------------------------------
/public/images/products/product-1-bg-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-1-bg-2.png


--------------------------------------------------------------------------------
/public/images/products/product-1-sm-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-1-sm-1.png


--------------------------------------------------------------------------------
/public/images/products/product-1-sm-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-1-sm-2.png


--------------------------------------------------------------------------------
/public/images/products/product-2-bg-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-2-bg-1.png


--------------------------------------------------------------------------------
/public/images/products/product-2-bg-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-2-bg-2.png


--------------------------------------------------------------------------------
/public/images/products/product-2-sm-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-2-sm-1.png


--------------------------------------------------------------------------------
/public/images/products/product-2-sm-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-2-sm-2.png


--------------------------------------------------------------------------------
/public/images/products/product-3-bg-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-3-bg-1.png


--------------------------------------------------------------------------------
/public/images/products/product-3-bg-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-3-bg-2.png


--------------------------------------------------------------------------------
/public/images/products/product-3-sm-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-3-sm-1.png


--------------------------------------------------------------------------------
/public/images/products/product-3-sm-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-3-sm-2.png


--------------------------------------------------------------------------------
/public/images/products/product-4-bg-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-4-bg-1.png


--------------------------------------------------------------------------------
/public/images/products/product-4-bg-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-4-bg-2.png


--------------------------------------------------------------------------------
/public/images/products/product-4-sm-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-4-sm-1.png


--------------------------------------------------------------------------------
/public/images/products/product-4-sm-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-4-sm-2.png


--------------------------------------------------------------------------------
/public/images/products/product-5-bg-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-5-bg-1.png


--------------------------------------------------------------------------------
/public/images/products/product-5-bg-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-5-bg-2.png


--------------------------------------------------------------------------------
/public/images/products/product-5-sm-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-5-sm-1.png


--------------------------------------------------------------------------------
/public/images/products/product-5-sm-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-5-sm-2.png


--------------------------------------------------------------------------------
/public/images/products/product-6-bg-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-6-bg-1.png


--------------------------------------------------------------------------------
/public/images/products/product-6-bg-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-6-bg-2.png


--------------------------------------------------------------------------------
/public/images/products/product-6-sm-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-6-sm-1.png


--------------------------------------------------------------------------------
/public/images/products/product-6-sm-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-6-sm-2.png


--------------------------------------------------------------------------------
/public/images/products/product-7-bg-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-7-bg-1.png


--------------------------------------------------------------------------------
/public/images/products/product-7-bg-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-7-bg-2.png


--------------------------------------------------------------------------------
/public/images/products/product-7-sm-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-7-sm-1.png


--------------------------------------------------------------------------------
/public/images/products/product-7-sm-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-7-sm-2.png


--------------------------------------------------------------------------------
/public/images/products/product-8-bg-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-8-bg-1.png


--------------------------------------------------------------------------------
/public/images/products/product-8-sm-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-8-sm-1.png


--------------------------------------------------------------------------------
/public/images/products/product-8-sm-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/products/product-8-sm-2.png


--------------------------------------------------------------------------------
/public/images/promo/promo-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/promo/promo-01.png


--------------------------------------------------------------------------------
/public/images/promo/promo-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/promo/promo-02.png


--------------------------------------------------------------------------------
/public/images/promo/promo-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/promo/promo-03.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-01.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-02.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-03.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-04.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-05.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-06.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-07.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-big-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-big-03.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-big-04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-big-04.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-big-05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-big-05.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-big-06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-big-06.png


--------------------------------------------------------------------------------
/public/images/quickview/quick-view-big-07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/quick-view-big-07.png


--------------------------------------------------------------------------------
/public/images/quickview/thumb-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/thumb-01.png


--------------------------------------------------------------------------------
/public/images/quickview/thumb-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/thumb-02.png


--------------------------------------------------------------------------------
/public/images/quickview/thumb-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/thumb-03.png


--------------------------------------------------------------------------------
/public/images/quickview/thumb-04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/thumb-04.png


--------------------------------------------------------------------------------
/public/images/quickview/thumb-05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/thumb-05.png


--------------------------------------------------------------------------------
/public/images/quickview/thumb-06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/thumb-06.png


--------------------------------------------------------------------------------
/public/images/quickview/thumb-07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/quickview/thumb-07.png


--------------------------------------------------------------------------------
/public/images/sellers/sellers-01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/sellers/sellers-01.png


--------------------------------------------------------------------------------
/public/images/sellers/sellers-02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/sellers/sellers-02.png


--------------------------------------------------------------------------------
/public/images/sellers/sellers-03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/sellers/sellers-03.png


--------------------------------------------------------------------------------
/public/images/sellers/sellers-04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/sellers/sellers-04.png


--------------------------------------------------------------------------------
/public/images/sellers/sellers-05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/sellers/sellers-05.png


--------------------------------------------------------------------------------
/public/images/sellers/sellers-06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/sellers/sellers-06.png


--------------------------------------------------------------------------------
/public/images/shapes/newsletter-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/shapes/newsletter-bg.jpg


--------------------------------------------------------------------------------
/public/images/users/user-01.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/users/user-01.jpg


--------------------------------------------------------------------------------
/public/images/users/user-02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/users/user-02.jpg


--------------------------------------------------------------------------------
/public/images/users/user-03.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/users/user-03.jpg


--------------------------------------------------------------------------------
/public/images/users/user-04.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/public/images/users/user-04.jpg


--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>


--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/cart/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Cart from "@/components/Cart";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Cart Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Cart Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const CartPage = () => {
12 |   return (
13 |     <>
14 |       <Cart />
15 |     </>
16 |   );
17 | };
18 | 
19 | export default CartPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/checkout/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Checkout from "@/components/Checkout";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Checkout Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Checkout Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const CheckoutPage = () => {
12 |   return (
13 |     <main>
14 |       <Checkout />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default CheckoutPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/contact/page.tsx:
--------------------------------------------------------------------------------
 1 | import Contact from "@/components/Contact";
 2 | 
 3 | import { Metadata } from "next";
 4 | export const metadata: Metadata = {
 5 |   title: "Contact Page | NextCommerce Nextjs E-commerce template",
 6 |   description: "This is Contact Page for NextCommerce Template",
 7 |   // other metadata
 8 | };
 9 | 
10 | const ContactPage = () => {
11 |   return (
12 |     <main>
13 |       <Contact />
14 |     </main>
15 |   );
16 | };
17 | 
18 | export default ContactPage;
19 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/error/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Error from "@/components/Error";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Error Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Error Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const ErrorPage = () => {
12 |   return (
13 |     <main>
14 |       <Error />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default ErrorPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/mail-success/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import MailSuccess from "@/components/MailSuccess";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Mail Success Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Mail Success Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const MailSuccessPage = () => {
12 |   return (
13 |     <main>
14 |       <MailSuccess />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default MailSuccessPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/my-account/page.tsx:
--------------------------------------------------------------------------------
 1 | import MyAccount from "@/components/MyAccount";
 2 | import React from "react";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "My Account | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is My Account page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const MyAccountPage = () => {
12 |   return (
13 |     <main>
14 |       <MyAccount />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default MyAccountPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/shop-details/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import ShopDetails from "@/components/ShopDetails";
 3 | import { Metadata } from "next";
 4 | 
 5 | export const metadata: Metadata = {
 6 |   title: "Shop Details Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Shop Details Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const ShopDetailsPage = () => {
12 |   return (
13 |     <main>
14 |       <ShopDetails />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default ShopDetailsPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/shop-with-sidebar/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import ShopWithSidebar from "@/components/ShopWithSidebar";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Shop Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Shop Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const ShopWithSidebarPage = () => {
12 |   return (
13 |     <main>
14 |       <ShopWithSidebar />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default ShopWithSidebarPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/shop-without-sidebar/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import ShopWithoutSidebar from "@/components/ShopWithoutSidebar";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Shop Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Shop Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const ShopWithoutSidebarPage = () => {
12 |   return (
13 |     <main>
14 |       <ShopWithoutSidebar />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default ShopWithoutSidebarPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/signin/page.tsx:
--------------------------------------------------------------------------------
 1 | import Signin from "@/components/Auth/Signin";
 2 | import React from "react";
 3 | import { Metadata } from "next";
 4 | export const metadata: Metadata = {
 5 |   title: "Signin Page | NextCommerce Nextjs E-commerce template",
 6 |   description: "This is Signin Page for NextCommerce Template",
 7 |   // other metadata
 8 | };
 9 | 
10 | const SigninPage = () => {
11 |   return (
12 |     <main>
13 |       <Signin />
14 |     </main>
15 |   );
16 | };
17 | 
18 | export default SigninPage;
19 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/signup/page.tsx:
--------------------------------------------------------------------------------
 1 | import Signup from "@/components/Auth/Signup";
 2 | import React from "react";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Signup Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Signup Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const SignupPage = () => {
12 |   return (
13 |     <main>
14 |       <Signup />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default SignupPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/(pages)/wishlist/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { Wishlist } from "@/components/Wishlist";
 3 | import { Metadata } from "next";
 4 | 
 5 | export const metadata: Metadata = {
 6 |   title: "Wishlist Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Wishlist Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const WishlistPage = () => {
12 |   return (
13 |     <main>
14 |       <Wishlist />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default WishlistPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/blogs/blog-details-with-sidebar/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import BlogDetailsWithSidebar from "@/components/BlogDetailsWithSidebar";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Blog Details Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Blog Details Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const BlogDetailsWithSidebarPage = () => {
12 |   return (
13 |     <main>
14 |       <BlogDetailsWithSidebar />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default BlogDetailsWithSidebarPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/blogs/blog-details/page.tsx:
--------------------------------------------------------------------------------
 1 | import BlogDetails from "@/components/BlogDetails";
 2 | import React from "react";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Blog Details Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Blog Details Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const BlogDetailsPage = () => {
12 |   return (
13 |     <main>
14 |       <BlogDetails />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default BlogDetailsPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/blogs/blog-grid-with-sidebar/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import BlogGridWithSidebar from "@/components/BlogGridWithSidebar";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Blog Grid Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Blog Grid Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const BlogGridWithSidebarPage = () => {
12 |   return (
13 |     <>
14 |       <BlogGridWithSidebar />
15 |     </>
16 |   );
17 | };
18 | 
19 | export default BlogGridWithSidebarPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/blogs/blog-grid/page.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import BlogGrid from "@/components/BlogGrid";
 3 | 
 4 | import { Metadata } from "next";
 5 | export const metadata: Metadata = {
 6 |   title: "Blog Grid Page | NextCommerce Nextjs E-commerce template",
 7 |   description: "This is Blog Grid Page for NextCommerce Template",
 8 |   // other metadata
 9 | };
10 | 
11 | const BlogGridPage = () => {
12 |   return (
13 |     <main>
14 |       <BlogGrid />
15 |     </main>
16 |   );
17 | };
18 | 
19 | export default BlogGridPage;
20 | 


--------------------------------------------------------------------------------
/src/app/(site)/layout.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import { useState, useEffect } from "react";
 3 | import "../css/euclid-circular-a-font.css";
 4 | import "../css/style.css";
 5 | import Header from "../../components/Header";
 6 | import Footer from "../../components/Footer";
 7 | 
 8 | import { ModalProvider } from "../context/QuickViewModalContext";
 9 | import { CartModalProvider } from "../context/CartSidebarModalContext";
10 | import { ReduxProvider } from "@/redux/provider";
11 | import QuickViewModal from "@/components/Common/QuickViewModal";
12 | import CartSidebarModal from "@/components/Common/CartSidebarModal";
13 | import { PreviewSliderProvider } from "../context/PreviewSliderContext";
14 | import PreviewSliderModal from "@/components/Common/PreviewSlider";
15 | 
16 | import ScrollToTop from "@/components/Common/ScrollToTop";
17 | import PreLoader from "@/components/Common/PreLoader";
18 | 
19 | export default function RootLayout({
20 |   children,
21 | }: {
22 |   children: React.ReactNode;
23 | }) {
24 |   const [loading, setLoading] = useState<boolean>(true);
25 | 
26 |   useEffect(() => {
27 |     setTimeout(() => setLoading(false), 1000);
28 |   }, []);
29 | 
30 |   return (
31 |     <html lang="en" suppressHydrationWarning={true}>
32 |       <body>
33 |         {loading ? (
34 |           <PreLoader />
35 |         ) : (
36 |           <>
37 |             <ReduxProvider>
38 |               <CartModalProvider>
39 |                 <ModalProvider>
40 |                   <PreviewSliderProvider>
41 |                     <Header />
42 |                     {children}
43 | 
44 |                     <QuickViewModal />
45 |                     <CartSidebarModal />
46 |                     <PreviewSliderModal />
47 |                   </PreviewSliderProvider>
48 |                 </ModalProvider>
49 |               </CartModalProvider>
50 |             </ReduxProvider>
51 |             <ScrollToTop />
52 |             <Footer />
53 |           </>
54 |         )}
55 |       </body>
56 |     </html>
57 |   );
58 | }
59 | 


--------------------------------------------------------------------------------
/src/app/(site)/page.tsx:
--------------------------------------------------------------------------------
 1 | import Home from "@/components/Home";
 2 | import { Metadata } from "next";
 3 | 
 4 | export const metadata: Metadata = {
 5 |   title: "NextCommerce | Nextjs E-commerce template",
 6 |   description: "This is Home for NextCommerce Template",
 7 |   // other metadata
 8 | };
 9 | 
10 | export default function HomePage() {
11 |   return (
12 |     <>
13 |       <Home />
14 |     </>
15 |   );
16 | }
17 | 


--------------------------------------------------------------------------------
/src/app/context/CartSidebarModalContext.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import React, { createContext, useContext, useState } from "react";
 3 | 
 4 | interface CartModalContextType {
 5 |   isCartModalOpen: boolean;
 6 |   openCartModal: () => void;
 7 |   closeCartModal: () => void;
 8 | }
 9 | 
10 | const CartModalContext = createContext<CartModalContextType | undefined>(
11 |   undefined
12 | );
13 | 
14 | export const useCartModalContext = () => {
15 |   const context = useContext(CartModalContext);
16 |   if (!context) {
17 |     throw new Error("useModalContext must be used within a ModalProvider");
18 |   }
19 |   return context;
20 | };
21 | 
22 | export const CartModalProvider = ({ children }) => {
23 |   const [isCartModalOpen, setIsCartModalOpen] = useState(false);
24 | 
25 |   const openCartModal = () => {
26 |     setIsCartModalOpen(true);
27 |   };
28 | 
29 |   const closeCartModal = () => {
30 |     setIsCartModalOpen(false);
31 |   };
32 | 
33 |   return (
34 |     <CartModalContext.Provider
35 |       value={{ isCartModalOpen, openCartModal, closeCartModal }}
36 |     >
37 |       {children}
38 |     </CartModalContext.Provider>
39 |   );
40 | };
41 | 


--------------------------------------------------------------------------------
/src/app/context/PreviewSliderContext.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import React, { createContext, useContext, useState } from "react";
 3 | 
 4 | interface PreviewSliderType {
 5 |   isModalPreviewOpen: boolean;
 6 |   openPreviewModal: () => void;
 7 |   closePreviewModal: () => void;
 8 | }
 9 | 
10 | const PreviewSlider = createContext<PreviewSliderType | undefined>(undefined);
11 | 
12 | export const usePreviewSlider = () => {
13 |   const context = useContext(PreviewSlider);
14 |   if (!context) {
15 |     throw new Error("usePreviewSlider must be used within a ModalProvider");
16 |   }
17 |   return context;
18 | };
19 | 
20 | export const PreviewSliderProvider = ({ children }) => {
21 |   const [isModalPreviewOpen, setIsModalOpen] = useState(false);
22 | 
23 |   const openPreviewModal = () => {
24 |     setIsModalOpen(true);
25 |   };
26 | 
27 |   const closePreviewModal = () => {
28 |     setIsModalOpen(false);
29 |   };
30 | 
31 |   return (
32 |     <PreviewSlider.Provider
33 |       value={{ isModalPreviewOpen, openPreviewModal, closePreviewModal }}
34 |     >
35 |       {children}
36 |     </PreviewSlider.Provider>
37 |   );
38 | };
39 | 


--------------------------------------------------------------------------------
/src/app/context/QuickViewModalContext.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import React, { createContext, useContext, useState } from "react";
 3 | 
 4 | interface ModalContextType {
 5 |   isModalOpen: boolean;
 6 |   openModal: () => void;
 7 |   closeModal: () => void;
 8 | }
 9 | 
10 | const ModalContext = createContext<ModalContextType | undefined>(undefined);
11 | 
12 | export const useModalContext = () => {
13 |   const context = useContext(ModalContext);
14 |   if (!context) {
15 |     throw new Error("useModalContext must be used within a ModalProvider");
16 |   }
17 |   return context;
18 | };
19 | 
20 | export const ModalProvider = ({ children }) => {
21 |   const [isModalOpen, setIsModalOpen] = useState(false);
22 | 
23 |   const openModal = () => {
24 |     setIsModalOpen(true);
25 |   };
26 | 
27 |   const closeModal = () => {
28 |     setIsModalOpen(false);
29 |   };
30 | 
31 |   return (
32 |     <ModalContext.Provider value={{ isModalOpen, openModal, closeModal }}>
33 |       {children}
34 |     </ModalContext.Provider>
35 |   );
36 | }; 


--------------------------------------------------------------------------------
/src/app/css/euclid-circular-a-font.css:
--------------------------------------------------------------------------------
 1 | @font-face {
 2 |   font-family: "Euclid Circular A";
 3 |   src: url("../fonts/EuclidCircularA-Bold.woff2") format("woff2"),
 4 |     url("../fonts/EuclidCircularA-Bold.woff") format("woff");
 5 |   font-weight: bold;
 6 |   font-style: normal;
 7 |   font-display: swap;
 8 | }
 9 | 
10 | @font-face {
11 |   font-family: "Euclid Circular A";
12 |   src: url("../fonts/EuclidCircularA-Italic.woff2") format("woff2"),
13 |     url("../fonts/EuclidCircularA-Italic.woff") format("woff");
14 |   font-weight: normal;
15 |   font-style: italic;
16 |   font-display: swap;
17 | }
18 | 
19 | @font-face {
20 |   font-family: "Euclid Circular A";
21 |   src: url("../fonts/EuclidCircularA-BoldItalic.woff2") format("woff2"),
22 |     url("../fonts/EuclidCircularA-BoldItalic.woff") format("woff");
23 |   font-weight: bold;
24 |   font-style: italic;
25 |   font-display: swap;
26 | }
27 | 
28 | @font-face {
29 |   font-family: "Euclid Circular A";
30 |   src: url("../fonts/EuclidCircularA-MediumItalic.woff2") format("woff2"),
31 |     url("../fonts/EuclidCircularA-MediumItalic.woff") format("woff");
32 |   font-weight: 500;
33 |   font-style: italic;
34 |   font-display: swap;
35 | }
36 | 
37 | @font-face {
38 |   font-family: "Euclid Circular A";
39 |   src: url("../fonts/EuclidCircularA-Light.woff2") format("woff2"),
40 |     url("../fonts/EuclidCircularA-Light.woff") format("woff");
41 |   font-weight: 300;
42 |   font-style: normal;
43 |   font-display: swap;
44 | }
45 | 
46 | @font-face {
47 |   font-family: "Euclid Circular A";
48 |   src: url("../fonts/EuclidCircularA-LightItalic.woff2") format("woff2"),
49 |     url("../fonts/EuclidCircularA-LightItalic.woff") format("woff");
50 |   font-weight: 300;
51 |   font-style: italic;
52 |   font-display: swap;
53 | }
54 | 
55 | @font-face {
56 |   font-family: "Euclid Circular A";
57 |   src: url("../fonts/EuclidCircularA-SemiBold.woff2") format("woff2"),
58 |     url("../fonts/EuclidCircularA-SemiBold.woff") format("woff");
59 |   font-weight: 600;
60 |   font-style: normal;
61 |   font-display: swap;
62 | }
63 | 
64 | @font-face {
65 |   font-family: "Euclid Circular A";
66 |   src: url("../fonts/EuclidCircularA-SemiBoldItalic.woff2") format("woff2"),
67 |     url("../fonts/EuclidCircularA-SemiBoldItalic.woff") format("woff");
68 |   font-weight: 600;
69 |   font-style: italic;
70 |   font-display: swap;
71 | }
72 | 
73 | @font-face {
74 |   font-family: "Euclid Circular A";
75 |   src: url("../fonts/EuclidCircularA-Regular.woff2") format("woff2"),
76 |     url("../fonts/EuclidCircularA-Regular.woff") format("woff");
77 |   font-weight: normal;
78 |   font-style: normal;
79 |   font-display: swap;
80 | }
81 | 
82 | @font-face {
83 |   font-family: "Euclid Circular A";
84 |   src: url("../fonts/EuclidCircularA-Medium.woff2") format("woff2"),
85 |     url("../fonts/EuclidCircularA-Medium.woff") format("woff");
86 |   font-weight: 500;
87 |   font-style: normal;
88 |   font-display: swap;
89 | }
90 | 


--------------------------------------------------------------------------------
/src/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/favicon.ico


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Bold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Bold.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Bold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Bold.woff2


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-BoldItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-BoldItalic.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-BoldItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-BoldItalic.woff2


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Italic.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Italic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Italic.woff2


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Light.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Light.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Light.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Light.woff2


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-LightItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-LightItalic.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-LightItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-LightItalic.woff2


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Medium.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Medium.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Medium.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Medium.woff2


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-MediumItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-MediumItalic.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-MediumItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-MediumItalic.woff2


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Regular.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-Regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-Regular.woff2


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-SemiBold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-SemiBold.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-SemiBold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-SemiBold.woff2


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-SemiBoldItalic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-SemiBoldItalic.woff


--------------------------------------------------------------------------------
/src/app/fonts/EuclidCircularA-SemiBoldItalic.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/app/fonts/EuclidCircularA-SemiBoldItalic.woff2


--------------------------------------------------------------------------------
/src/components/Blog/BlogItem.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { BlogItem } from "@/types/blogItem";
 3 | import Image from "next/image";
 4 | import Link from "next/link";
 5 | 
 6 | const BlogItem = ({ blog }: { blog: BlogItem }) => {
 7 |   return (
 8 |     <div className="shadow-1 bg-white rounded-xl px-4 sm:px-5 pt-5 pb-4">
 9 |       <Link href="/blogs/blog-details" className="rounded-md overflow-hidden">
10 |         <Image
11 |           src={blog.img}
12 |           alt="blog"
13 |           className="rounded-md w-full"
14 |           width={330}
15 |           height={210}
16 |         />
17 |       </Link>
18 | 
19 |       <div className="mt-5.5">
20 |         <span className="flex items-center gap-3 mb-2.5">
21 |           <a
22 |             href="#"
23 |             className="text-custom-sm ease-out duration-200 hover:text-blue"
24 |           >
25 |             {blog.date}
26 |           </a>
27 | 
28 |           {/* <!-- divider --> */}
29 |           <span className="block w-px h-4 bg-gray-4"></span>
30 | 
31 |           <a
32 |             href="#"
33 |             className="text-custom-sm ease-out duration-200 hover:text-blue"
34 |           >
35 |             {blog.views} Views
36 |           </a>
37 |         </span>
38 | 
39 |         <h2 className="font-medium text-dark text-lg sm:text-xl ease-out duration-200 mb-4 hover:text-blue">
40 |           <Link href="/blogs/blog-details">{blog.title}</Link>
41 |         </h2>
42 | 
43 |         <Link
44 |           href="/blogs/blog-details"
45 |           className="text-custom-sm inline-flex items-center gap-2 py-2 ease-out duration-200 hover:text-blue"
46 |         >
47 |           Read More
48 |           <svg
49 |             className="fill-current"
50 |             width="18"
51 |             height="18"
52 |             viewBox="0 0 18 18"
53 |             fill="none"
54 |             xmlns="http://www.w3.org/2000/svg"
55 |           >
56 |             <path
57 |               fillRule="evenodd"
58 |               clipRule="evenodd"
59 |               d="M10.1023 4.10225C10.3219 3.88258 10.6781 3.88258 10.8977 4.10225L15.3977 8.60225C15.6174 8.82192 15.6174 9.17808 15.3977 9.39775L10.8977 13.8977C10.6781 14.1174 10.3219 14.1174 10.1023 13.8977C9.88258 13.6781 9.88258 13.3219 10.1023 13.1023L13.642 9.5625H3C2.68934 9.5625 2.4375 9.31066 2.4375 9C2.4375 8.68934 2.68934 8.4375 3 8.4375H13.642L10.1023 4.89775C9.88258 4.67808 9.88258 4.32192 10.1023 4.10225Z"
60 |               fill=""
61 |             />
62 |           </svg>
63 |         </Link>
64 |       </div>
65 |     </div>
66 |   );
67 | };
68 | 
69 | export default BlogItem;
70 | 


--------------------------------------------------------------------------------
/src/components/Blog/Categories.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const Categories = ({ categories }) => {
 4 |   return (
 5 |     <div className="shadow-1 bg-white rounded-xl mt-7.5">
 6 |       <div className="px-4 sm:px-6 py-4.5 border-b border-gray-3">
 7 |         <h2 className="font-medium text-lg text-dark">Popular Category</h2>
 8 |       </div>
 9 | 
10 |       <div className="p-4 sm:p-6">
11 |         <div className="flex flex-col gap-3">
12 |           <button className="group flex items-center justify-between ease-out duration-200 text-dark hover:text-blue">
13 |             Desktop
14 |             <span className="inline-flex rounded-[30px] bg-gray-2 text-custom-xs px-1.5 ease-out duration-200 group-hover:text-white group-hover:bg-blue">
15 |               12
16 |             </span>
17 |           </button>
18 |         </div>
19 |       </div>
20 |     </div>
21 |   );
22 | };
23 | 
24 | export default Categories;
25 | 


--------------------------------------------------------------------------------
/src/components/Blog/LatestPosts.tsx:
--------------------------------------------------------------------------------
 1 | import Link from "next/link";
 2 | import React from "react";
 3 | import Image from "next/image";
 4 | 
 5 | const LatestPosts = ({ blogs }) => {
 6 |   return (
 7 |     <div className="shadow-1 bg-white rounded-xl mt-7.5">
 8 |       <div className="px-4 sm:px-6 py-4.5 border-b border-gray-3">
 9 |         <h2 className="font-medium text-lg text-dark">Recent Posts</h2>
10 |       </div>
11 | 
12 |       <div className="p-4 sm:p-6">
13 |         <div className="flex flex-col gap-6">
14 |           {/* <!-- post item --> */}
15 | 
16 |           {blogs.slice(0, 3).map((blog, key) => (
17 |             <div className="flex items-center gap-4" key={key}>
18 |               <Link
19 |                 href="/blogs/blog-details-with-sidebar"
20 |                 className="max-w-[110px] w-full rounded-[10px] overflow-hidden"
21 |               >
22 |                 <Image
23 |                   src={blog.img}
24 |                   alt="blog"
25 |                   className="rounded-[10px] w-full"
26 |                   width={110}
27 |                   height={80}
28 |                 />
29 |               </Link>
30 | 
31 |               <div>
32 |                 <h3 className="text-dark leading-[22px] ease-out duration-200 mb-1.5 hover:text-blue">
33 |                   <Link href="/blogs/blog-details-with-sidebar">{blog.title}</Link>
34 |                 </h3>
35 | 
36 |                 <span className="flex items-center gap-3">
37 |                   <a
38 |                     href="#"
39 |                     className="text-custom-xs ease-out duration-200 hover:text-blue"
40 |                   >
41 |                     {blog.date}
42 |                   </a>
43 | 
44 |                   {/* <!-- divider --> */}
45 |                   <span className="block w-px h-4 bg-gray-4"></span>
46 | 
47 |                   <a
48 |                     href="#"
49 |                     className="text-custom-xs ease-out duration-200 hover:text-blue"
50 |                   >
51 |                     {blog.views}k Views
52 |                   </a>
53 |                 </span>
54 |               </div>
55 |             </div>
56 |           ))}
57 |         </div>
58 |       </div>
59 |     </div>
60 |   );
61 | };
62 | 
63 | export default LatestPosts;
64 | 


--------------------------------------------------------------------------------
/src/components/Blog/LatestProducts.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Image from "next/image";
 3 | import Link from "next/link";
 4 | 
 5 | const LatestProducts = ({ products }) => {
 6 |   return (
 7 |     <div className="shadow-1 bg-white rounded-xl mt-7.5">
 8 |       <div className="px-4 sm:px-6 py-4.5 border-b border-gray-3">
 9 |         <h2 className="font-medium text-lg text-dark">Latest Products</h2>
10 |       </div>
11 | 
12 |       <div className="p-4 sm:p-6">
13 |         <div className="flex flex-col gap-6">
14 |           {/* <!-- product item --> */}
15 |           {products.slice(0, 3).map((product, key) => (
16 |             <div className="flex items-center gap-6" key={key}>
17 |               <div className="flex items-center justify-center rounded-[10px] bg-gray-3 max-w-[90px] w-full h-22.5">
18 |                 <Image src={product.imgs?.thumbnails?.[0]} alt="product" width={74} height={74} />
19 |               </div>
20 | 
21 |               <div>
22 |                 <h3 className="font-medium text-dark mb-1 ease-out duration-200 hover:text-blue">
23 |                   <Link href="/shop-details"> {product.title} </Link>
24 |                 </h3>
25 |                 <p className="text-custom-sm">Price: ${product.price}</p>
26 |               </div>
27 |             </div>
28 |           ))}
29 |         </div>
30 |       </div>
31 |     </div>
32 |   );
33 | };
34 | 
35 | export default LatestProducts;
36 | 


--------------------------------------------------------------------------------
/src/components/Blog/SearchForm.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const SearchForm = () => {
 4 |   return (
 5 |     <div className="shadow-1 bg-white rounded-xl">
 6 |       <div className="px-4 sm:px-6 py-4.5 border-b border-gray-3">
 7 |         <h2 className="font-medium text-lg text-dark">Search</h2>
 8 |       </div>
 9 | 
10 |       <div className="p-4 sm:p-6">
11 |         <form>
12 |           <div className="relative">
13 |             <input
14 |               type="text"
15 |               placeholder="Search here..."
16 |               className="w-full rounded-md border border-gray-3 py-3 pl-5 pr-13 outline-none ease-out duration-200 placeholder:text-dark-5 focus:border-transparent focus:shadow-input focus:ring-2 focus:ring-blue/20"
17 |             />
18 |             <button className="text-dark-2 absolute right-0 top-0 px-4 py-3.5 ease-out duration-200 hover:text-blue">
19 |               <svg
20 |                 className="fill-current"
21 |                 width="20"
22 |                 height="20"
23 |                 viewBox="0 0 20 20"
24 |                 fill="none"
25 |                 xmlns="http://www.w3.org/2000/svg"
26 |               >
27 |                 <g clipPath="url(#clip0_112_7367)">
28 |                   <path
29 |                     fillRule="evenodd"
30 |                     clipRule="evenodd"
31 |                     d="M9.58464 2.29163C5.55756 2.29163 2.29297 5.55622 2.29297 9.58329C2.29297 13.6104 5.55756 16.875 9.58464 16.875C13.6117 16.875 16.8763 13.6104 16.8763 9.58329C16.8763 5.55622 13.6117 2.29163 9.58464 2.29163ZM1.04297 9.58329C1.04297 4.86586 4.8672 1.04163 9.58464 1.04163C14.3021 1.04163 18.1263 4.86586 18.1263 9.58329C18.1263 11.7171 17.3439 13.6681 16.0504 15.1651L18.7766 17.8914C19.0207 18.1354 19.0207 18.5312 18.7766 18.7752C18.5325 19.0193 18.1368 19.0193 17.8927 18.7752L15.1665 16.049C13.6694 17.3426 11.7184 18.125 9.58464 18.125C4.8672 18.125 1.04297 14.3007 1.04297 9.58329Z"
32 |                     fill=""
33 |                     stroke=""
34 |                     stroke-linecap="round"
35 |                   />
36 |                 </g>
37 |                 <defs>
38 |                   <clipPath id="clip0_112_7367">
39 |                     <rect width="20" height="20" fill="white" />
40 |                   </clipPath>
41 |                 </defs>
42 |               </svg>
43 |             </button>
44 |           </div>
45 |         </form>
46 |       </div>
47 |     </div>
48 |   );
49 | };
50 | 
51 | export default SearchForm;
52 | 


--------------------------------------------------------------------------------
/src/components/BlogGrid/blogData.ts:
--------------------------------------------------------------------------------
 1 | import { BlogItem } from "@/types/blogItem";
 2 | 
 3 | const blogData: BlogItem[] = [
 4 |   {
 5 |     date: "Mar 27, 2022",
 6 |     views: 300000,
 7 |     title: "How to Start a Successful E-commerce Business",
 8 |     img: "/images/blog/blog-01.jpg",
 9 |   },
10 |   {
11 |     date: "Mar 27, 2022",
12 |     views: 250000,
13 |     title: "The Benefits of Regular Exercise for a Healthy Lifestyle",
14 |     img: "/images/blog/blog-02.jpg",
15 |   },
16 |   {
17 |     date: "Mar 27, 2022",
18 |     views: 180000,
19 |     title: "Exploring the Wonders of Modern Art: A Gallery Tour",
20 |     img: "/images/blog/blog-03.jpg",
21 |   },
22 |   {
23 |     date: "Mar 27, 2022",
24 |     views: 50000,
25 |     title: "The Ultimate Guide to Traveling on a Budget",
26 |     img: "/images/blog/blog-04.jpg",
27 |   },
28 |   {
29 |     date: "Mar 27, 2022",
30 |     views: 120000,
31 |     title: "Cooking Masterclass: Creating Delicious Italian Pasta",
32 |     img: "/images/blog/blog-05.jpg",
33 |   },
34 |   {
35 |     date: "Mar 27, 2022",
36 |     views: 75000,
37 |     title: "Tech Trends 2022: What's Changing in the Digital World",
38 |     img: "/images/blog/blog-06.jpg",
39 |   },
40 |   {
41 |     date: "Mar 27, 2022",
42 |     views: 90000,
43 |     title: "A Guide to Sustainable Living: Reduce, Reuse, Recycle",
44 |     img: "/images/blog/blog-07.jpg",
45 |   },
46 |   {
47 |     date: "Mar 27, 2022",
48 |     views: 150000,
49 |     title: "The Psychology of Happiness: Finding Joy in Everyday Life",
50 |     img: "/images/blog/blog-08.jpg",
51 |   },
52 |   {
53 |     date: "Mar 27, 2022",
54 |     views: 60000,
55 |     title: "Exploring National Parks: Natural Beauty and Adventure",
56 |     img: "/images/blog/blog-09.jpg",
57 |   },
58 | ];
59 | 
60 | export default blogData;
61 | 


--------------------------------------------------------------------------------
/src/components/Cart/Discount.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const Discount = () => {
 4 |   return (
 5 |     <div className="lg:max-w-[670px] w-full">
 6 |       <form>
 7 |         {/* <!-- coupon box --> */}
 8 |         <div className="bg-white shadow-1 rounded-[10px]">
 9 |           <div className="border-b border-gray-3 py-5 px-4 sm:px-5.5">
10 |             <h3 className="">Have any discount code?</h3>
11 |           </div>
12 | 
13 |           <div className="py-8 px-4 sm:px-8.5">
14 |             <div className="flex flex-wrap gap-4 xl:gap-5.5">
15 |               <div className="max-w-[426px] w-full">
16 |                 <input
17 |                   type="text"
18 |                   name="coupon"
19 |                   id="coupon"
20 |                   placeholder="Enter coupon code"
21 |                   className="rounded-md border border-gray-3 bg-gray-1 placeholder:text-dark-5 w-full py-2.5 px-5 outline-none duration-200 focus:border-transparent focus:shadow-input focus:ring-2 focus:ring-blue/20"
22 |                 />
23 |               </div>
24 | 
25 |               <button
26 |                 type="submit"
27 |                 className="inline-flex font-medium text-white bg-blue py-3 px-8 rounded-md ease-out duration-200 hover:bg-blue-dark"
28 |               >
29 |                 Apply Code
30 |               </button>
31 |             </div>
32 |           </div>
33 |         </div>
34 |       </form>
35 |     </div>
36 |   );
37 | };
38 | 
39 | export default Discount;
40 | 


--------------------------------------------------------------------------------
/src/components/Cart/OrderSummary.tsx:
--------------------------------------------------------------------------------
 1 | import { selectTotalPrice } from "@/redux/features/cart-slice";
 2 | import { useAppSelector } from "@/redux/store";
 3 | import React from "react";
 4 | import { useSelector } from "react-redux";
 5 | 
 6 | const OrderSummary = () => {
 7 |   const cartItems = useAppSelector((state) => state.cartReducer.items);
 8 |   const totalPrice = useSelector(selectTotalPrice);
 9 | 
10 |   return (
11 |     <div className="lg:max-w-[455px] w-full">
12 |       {/* <!-- order list box --> */}
13 |       <div className="bg-white shadow-1 rounded-[10px]">
14 |         <div className="border-b border-gray-3 py-5 px-4 sm:px-8.5">
15 |           <h3 className="font-medium text-xl text-dark">Order Summary</h3>
16 |         </div>
17 | 
18 |         <div className="pt-2.5 pb-8.5 px-4 sm:px-8.5">
19 |           {/* <!-- title --> */}
20 |           <div className="flex items-center justify-between py-5 border-b border-gray-3">
21 |             <div>
22 |               <h4 className="font-medium text-dark">Product</h4>
23 |             </div>
24 |             <div>
25 |               <h4 className="font-medium text-dark text-right">Subtotal</h4>
26 |             </div>
27 |           </div>
28 | 
29 |           {/* <!-- product item --> */}
30 |           {cartItems.map((item, key) => (
31 |             <div key={key} className="flex items-center justify-between py-5 border-b border-gray-3">
32 |               <div>
33 |                 <p className="text-dark">{item.title}</p>
34 |               </div>
35 |               <div>
36 |                 <p className="text-dark text-right">
37 |                   ${item.discountedPrice * item.quantity}
38 |                 </p>
39 |               </div>
40 |             </div>
41 |           ))}
42 | 
43 |           {/* <!-- total --> */}
44 |           <div className="flex items-center justify-between pt-5">
45 |             <div>
46 |               <p className="font-medium text-lg text-dark">Total</p>
47 |             </div>
48 |             <div>
49 |               <p className="font-medium text-lg text-dark text-right">
50 |                 ${totalPrice}
51 |               </p>
52 |             </div>
53 |           </div>
54 | 
55 |           {/* <!-- checkout button --> */}
56 |           <button
57 |             type="submit"
58 |             className="w-full flex justify-center font-medium text-white bg-blue py-3 px-6 rounded-md ease-out duration-200 hover:bg-blue-dark mt-7.5"
59 |           >
60 |             Process to Checkout
61 |           </button>
62 |         </div>
63 |       </div>
64 |     </div>
65 |   );
66 | };
67 | 
68 | export default OrderSummary;
69 | 


--------------------------------------------------------------------------------
/src/components/Checkout/Coupon.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const Coupon = () => {
 4 |   return (
 5 |     <div className="bg-white shadow-1 rounded-[10px] mt-7.5">
 6 |       <div className="border-b border-gray-3 py-5 px-4 sm:px-8.5">
 7 |         <h3 className="font-medium text-xl text-dark">Have any Coupon Code?</h3>
 8 |       </div>
 9 | 
10 |       <div className="py-8 px-4 sm:px-8.5">
11 |         <div className="flex gap-4">
12 |           <input
13 |             type="text"
14 |             name="coupon"
15 |             id="coupon"
16 |             placeholder="Enter coupon code"
17 |             className="rounded-md border border-gray-3 bg-gray-1 placeholder:text-dark-5 w-full py-2.5 px-5 outline-none duration-200 focus:border-transparent focus:shadow-input focus:ring-2 focus:ring-blue/20"
18 |           />
19 | 
20 |           <button
21 |             type="submit"
22 |             className="inline-flex font-medium text-white bg-blue py-3 px-6 rounded-md ease-out duration-200 hover:bg-blue-dark"
23 |           >
24 |             Apply
25 |           </button>
26 |         </div>
27 |       </div>
28 |     </div>
29 |   );
30 | };
31 | 
32 | export default Coupon;
33 | 


--------------------------------------------------------------------------------
/src/components/Checkout/Login.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useState } from "react";
 2 | 
 3 | const Login = () => {
 4 |   const [dropdown, setDropdown] = useState(false);
 5 | 
 6 |   return (
 7 |     <div className="bg-white shadow-1 rounded-[10px]">
 8 |       <div
 9 |         onClick={() => setDropdown(!dropdown)}
10 |         className={`cursor-pointer flex items-center gap-0.5 py-5 px-5.5 ${
11 |           dropdown && "border-b border-gray-3"
12 |         }`}
13 |       >
14 |         Returning customer?
15 |         <span className="flex items-center gap-2.5 pl-1 font-medium text-dark">
16 |           Click here to login
17 |           <svg
18 |             className={`${
19 |               dropdown && "rotate-180"
20 |             } fill-current ease-out duration-200`}
21 |             width="22"
22 |             height="22"
23 |             viewBox="0 0 22 22"
24 |             fill="none"
25 |             xmlns="http://www.w3.org/2000/svg"
26 |           >
27 |             <path
28 |               fillRule="evenodd"
29 |               clipRule="evenodd"
30 |               d="M4.06103 7.80259C4.30813 7.51431 4.74215 7.48092 5.03044 7.72802L10.9997 12.8445L16.9689 7.72802C17.2572 7.48092 17.6912 7.51431 17.9383 7.80259C18.1854 8.09088 18.1521 8.5249 17.8638 8.772L11.4471 14.272C11.1896 14.4927 10.8097 14.4927 10.5523 14.272L4.1356 8.772C3.84731 8.5249 3.81393 8.09088 4.06103 7.80259Z"
31 |               fill=""
32 |             />
33 |           </svg>
34 |         </span>
35 |       </div>
36 | 
37 |       {/* <!-- dropdown menu --> */}
38 |       <div
39 |         className={`${
40 |           dropdown ? "block" : "hidden"
41 |         } pt-7.5 pb-8.5 px-4 sm:px-8.5`}
42 |       >
43 |         <p className="text-custom-sm mb-6">
44 |           If you didn&apos;t Logged in, Please Log in first.
45 |         </p>
46 | 
47 |         <div className="mb-5">
48 |           <label htmlFor="name" className="block mb-2.5">
49 |             Username or Email
50 |           </label>
51 | 
52 |           <input
53 |             type="text"
54 |             name="name"
55 |             id="name"
56 |             className="rounded-md border border-gray-3 bg-gray-1 placeholder:text-dark-5 w-full py-2.5 px-5 outline-none duration-200 focus:border-transparent focus:shadow-input focus:ring-2 focus:ring-blue/20"
57 |           />
58 |         </div>
59 | 
60 |         <div className="mb-5">
61 |           <label htmlFor="password" className="block mb-2.5">
62 |             Password
63 |           </label>
64 | 
65 |           <input
66 |             type="password"
67 |             name="password"
68 |             id="password"
69 |             autoComplete="on"
70 |             className="rounded-md border border-gray-3 bg-gray-1 placeholder:text-dark-5 w-full py-2.5 px-5 outline-none duration-200 focus:border-transparent focus:shadow-input focus:ring-2 focus:ring-blue/20"
71 |           />
72 |         </div>
73 | 
74 |         <button
75 |           type="submit"
76 |           className="inline-flex font-medium text-white bg-blue py-3 px-10.5 rounded-md ease-out duration-200 hover:bg-blue-dark"
77 |         >
78 |           Login
79 |         </button>
80 |       </div>
81 |     </div>
82 |   );
83 | };
84 | 
85 | export default Login;
86 | 


--------------------------------------------------------------------------------
/src/components/Checkout/Notes.tsx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/components/Checkout/Notes.tsx


--------------------------------------------------------------------------------
/src/components/Checkout/OrderList.tsx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/components/Checkout/OrderList.tsx


--------------------------------------------------------------------------------
/src/components/Common/Breadcrumb.tsx:
--------------------------------------------------------------------------------
 1 | import Link from "next/link";
 2 | import React from "react";
 3 | 
 4 | const Breadcrumb = ({ title, pages }) => {
 5 |   return (
 6 |     <div className="overflow-hidden shadow-breadcrumb pt-[209px] sm:pt-[155px] lg:pt-[95px] xl:pt-[165px]">
 7 |       <div className="border-t border-gray-3">
 8 |         <div className="max-w-[1170px] w-full mx-auto px-4 sm:px-8 xl:px-0 py-5 xl:py-10">
 9 |           <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-3">
10 |             <h1 className="font-semibold text-dark text-xl sm:text-2xl xl:text-custom-2">
11 |               {title}
12 |             </h1>
13 | 
14 |             <ul className="flex items-center gap-2">
15 |               <li className="text-custom-sm hover:text-blue">
16 |                 <Link href="/">Home /</Link>
17 |               </li>
18 | 
19 |               {pages.length > 0 &&
20 |                 pages.map((page, key) => (
21 |                   <li className="text-custom-sm last:text-blue capitalize" key={key}>
22 |                     {page} 
23 |                   </li>
24 |                 ))}
25 |             </ul>
26 |           </div>
27 |         </div>
28 |       </div>
29 |     </div>
30 |   );
31 | };
32 | 
33 | export default Breadcrumb;
34 | 


--------------------------------------------------------------------------------
/src/components/Common/CartSidebarModal/EmptyCart.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Link from "next/link";
 3 | import { useCartModalContext } from "@/app/context/CartSidebarModalContext";
 4 | 
 5 | const EmptyCart = () => {
 6 |   const { closeCartModal } = useCartModalContext();
 7 | 
 8 |   return (
 9 |     <div className="text-center">
10 |       <div className="mx-auto pb-7.5">
11 |         <svg
12 |           className="mx-auto"
13 |           width="100"
14 |           height="100"
15 |           viewBox="0 0 100 100"
16 |           fill="none"
17 |           xmlns="http://www.w3.org/2000/svg"
18 |         >
19 |           <circle cx="50" cy="50" r="50" fill="#F3F4F6" />
20 |           <path
21 |             fill-rule="evenodd"
22 |             clip-rule="evenodd"
23 |             d="M36.1693 36.2421C35.6126 36.0565 35.0109 36.3574 34.8253 36.9141C34.6398 37.4707 34.9406 38.0725 35.4973 38.258L35.8726 38.3831C36.8308 38.7025 37.4644 38.9154 37.9311 39.1325C38.373 39.3381 38.5641 39.5036 38.6865 39.6734C38.809 39.8433 38.9055 40.0769 38.9608 40.5612C39.0192 41.0726 39.0208 41.7409 39.0208 42.751L39.0208 46.5361C39.0208 48.4735 39.0207 50.0352 39.1859 51.2634C39.3573 52.5385 39.7241 53.6122 40.5768 54.4649C41.4295 55.3176 42.5032 55.6844 43.7783 55.8558C45.0065 56.0209 46.5681 56.0209 48.5055 56.0209H59.9166C60.5034 56.0209 60.9791 55.5452 60.9791 54.9584C60.9791 54.3716 60.5034 53.8959 59.9166 53.8959H48.5833C46.5498 53.8959 45.1315 53.8936 44.0615 53.7498C43.022 53.61 42.4715 53.3544 42.0794 52.9623C41.9424 52.8253 41.8221 52.669 41.7175 52.4792H55.7495C56.3846 52.4792 56.9433 52.4793 57.4072 52.4292C57.9093 52.375 58.3957 52.2546 58.8534 51.9528C59.3111 51.651 59.6135 51.2513 59.8611 50.8111C60.0898 50.4045 60.3099 49.891 60.56 49.3072L61.2214 47.7641C61.766 46.4933 62.2217 45.4302 62.4498 44.5655C62.6878 43.6634 62.7497 42.7216 62.1884 41.8704C61.627 41.0191 60.737 40.705 59.8141 40.5684C58.9295 40.4374 57.7729 40.4375 56.3903 40.4375L41.0845 40.4375C41.0806 40.3979 41.0765 40.3588 41.0721 40.3201C40.9937 39.6333 40.8228 39.0031 40.4104 38.4309C39.998 37.8588 39.4542 37.4974 38.8274 37.2058C38.2377 36.9315 37.4879 36.6816 36.6005 36.3858L36.1693 36.2421ZM41.1458 42.5625C41.1458 42.6054 41.1458 42.6485 41.1458 42.692L41.1458 46.4584C41.1458 48.1187 41.1473 49.3688 41.2262 50.3542H55.6975C56.4 50.3542 56.8429 50.3528 57.1791 50.3165C57.4896 50.2829 57.6091 50.2279 57.6836 50.1787C57.7582 50.1296 57.8559 50.0415 58.009 49.7692C58.1748 49.4745 58.3506 49.068 58.6273 48.4223L59.2344 47.0057C59.8217 45.6355 60.2119 44.7177 60.3951 44.0235C60.5731 43.3488 60.4829 43.1441 60.4143 43.0401C60.3458 42.9362 60.1931 42.7727 59.5029 42.6705C58.7927 42.5653 57.7954 42.5625 56.3047 42.5625H41.1458Z"
24 |             fill="#8D93A5"
25 |           />
26 |           <path
27 |             fill-rule="evenodd"
28 |             clip-rule="evenodd"
29 |             d="M40.4375 60.625C40.4375 62.3855 41.8646 63.8125 43.625 63.8125C45.3854 63.8125 46.8125 62.3855 46.8125 60.625C46.8125 58.8646 45.3854 57.4375 43.625 57.4375C41.8646 57.4375 40.4375 58.8646 40.4375 60.625ZM43.625 61.6875C43.0382 61.6875 42.5625 61.2118 42.5625 60.625C42.5625 60.0382 43.0382 59.5625 43.625 59.5625C44.2118 59.5625 44.6875 60.0382 44.6875 60.625C44.6875 61.2118 44.2118 61.6875 43.625 61.6875Z"
30 |             fill="#8D93A5"
31 |           />
32 |           <path
33 |             fill-rule="evenodd"
34 |             clip-rule="evenodd"
35 |             d="M56.375 63.8126C54.6146 63.8126 53.1875 62.3856 53.1875 60.6251C53.1875 58.8647 54.6146 57.4376 56.375 57.4376C58.1354 57.4376 59.5625 58.8647 59.5625 60.6251C59.5625 62.3856 58.1354 63.8126 56.375 63.8126ZM55.3125 60.6251C55.3125 61.212 55.7882 61.6876 56.375 61.6876C56.9618 61.6876 57.4375 61.212 57.4375 60.6251C57.4375 60.0383 56.9618 59.5626 56.375 59.5626C55.7882 59.5626 55.3125 60.0383 55.3125 60.6251Z"
36 |             fill="#8D93A5"
37 |           />
38 |         </svg>
39 |       </div>
40 | 
41 |       <p className="pb-6">Your cart is empty!</p>
42 | 
43 |       <Link
44 |         onClick={() => closeCartModal()}
45 |         href="/shop-with-sidebar"
46 |         className="w-full lg:w-10/12 mx-auto flex justify-center font-medium text-white bg-dark py-[13px] px-6 rounded-md ease-out duration-200 hover:bg-opacity-95"
47 |       >
48 |         Continue Shopping
49 |       </Link>
50 |     </div>
51 |   );
52 | };
53 | 
54 | export default EmptyCart;
55 | 


--------------------------------------------------------------------------------
/src/components/Common/Newsletter.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Image from "next/image";
 3 | 
 4 | const Newsletter = () => {
 5 |   return (
 6 |     <section className="overflow-hidden">
 7 |       <div className="max-w-[1170px] mx-auto px-4 sm:px-8 xl:px-0">
 8 |         <div className="relative z-1 overflow-hidden rounded-xl">
 9 |           {/* <!-- bg shapes --> */}
10 |           <Image
11 |             src="/images/shapes/newsletter-bg.jpg"
12 |             alt="background illustration"
13 |             className="absolute -z-1 w-full h-full left-0 top-0 rounded-xl"
14 |             width={1170}
15 |             height={200}
16 |           />
17 |           <div className="absolute -z-1 max-w-[523px] max-h-[243px] w-full h-full right-0 top-0 bg-gradient-1"></div>
18 | 
19 |           <div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-8 px-4 sm:px-7.5 xl:pl-12.5 xl:pr-14 py-11">
20 |             <div className="max-w-[491px] w-full">
21 |               <h2 className="max-w-[399px] text-white font-bold text-lg sm:text-xl xl:text-heading-4 mb-3">
22 |                 Don&apos;t Miss Out Latest Trends & Offers
23 |               </h2>
24 |               <p className="text-white">
25 |                 Register to receive news about the latest offers & discount
26 |                 codes
27 |               </p>
28 |             </div>
29 | 
30 |             <div className="max-w-[477px] w-full">
31 |               <form>
32 |                 <div className="flex flex-col sm:flex-row gap-4">
33 |                   <input
34 |                     type="email"
35 |                     name="email"
36 |                     id="email"
37 |                     placeholder="Enter your email"
38 |                     className="w-full bg-gray-1 border border-gray-3 outline-none rounded-md placeholder:text-dark-4 py-3 px-5"
39 |                   />
40 |                   <button
41 |                     type="submit"
42 |                     className="inline-flex justify-center py-3 px-7 text-white bg-blue font-medium rounded-md ease-out duration-200 hover:bg-blue-dark"
43 |                   >
44 |                     Subscribe
45 |                   </button>
46 |                 </div>
47 |               </form>
48 |             </div>
49 |           </div>
50 |         </div>
51 |       </div>
52 |     </section>
53 |   );
54 | };
55 | 
56 | export default Newsletter;
57 | 


--------------------------------------------------------------------------------
/src/components/Common/PreLoader.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const PreLoader = () => {
 4 |   return (
 5 |     <div className="fixed left-0 top-0 z-999999 flex h-screen w-screen items-center justify-center bg-white">
 6 |       <div className="h-16 w-16 animate-spin rounded-full border-4 border-solid border-blue border-t-transparent"></div>
 7 |     </div>
 8 |   );
 9 | };
10 | 
11 | export default PreLoader;
12 | 


--------------------------------------------------------------------------------
/src/components/Common/ScrollToTop.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import { useEffect, useState } from "react";
 3 | 
 4 | export default function ScrollToTop() {
 5 |   const [isVisible, setIsVisible] = useState(false);
 6 | 
 7 |   // Top: 0 takes us all the way back to the top of the page
 8 |   // Behavior: smooth keeps it smooth!
 9 |   const scrollToTop = () => {
10 |     window.scrollTo({
11 |       top: 0,
12 |       behavior: "smooth",
13 |     });
14 |   };
15 | 
16 |   useEffect(() => {
17 |     // Button is displayed after scrolling for 500 pixels
18 |     const toggleVisibility = () => {
19 |       if (window.pageYOffset > 300) {
20 |         setIsVisible(true);
21 |       } else {
22 |         setIsVisible(false);
23 |       }
24 |     };
25 | 
26 |     window.addEventListener("scroll", toggleVisibility);
27 | 
28 |     return () => window.removeEventListener("scroll", toggleVisibility);
29 |   }, []);
30 | 
31 |   return (
32 |     <>
33 |       {isVisible && (
34 |         <button
35 |           onClick={scrollToTop}
36 |           className={`items-center justify-center w-10 h-10 rounded-[4px] shadow-lg bg-blue ease-out duration-200 hover:bg-blue-dark fixed bottom-8 right-8 z-999 ${
37 |             isVisible ? "flex" : "hidden"
38 |           }`}
39 |         >
40 |           <svg
41 |             className="fill-white w-5 h-5"
42 |             xmlns="http://www.w3.org/2000/svg"
43 |             viewBox="0 0 512 512"
44 |           >
45 |             <path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z" />
46 |           </svg>
47 |         </button>
48 |       )}
49 |     </>
50 |   );
51 | }
52 | 


--------------------------------------------------------------------------------
/src/components/Error/index.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Breadcrumb from "../Common/Breadcrumb";
 3 | import Link from "next/link";
 4 | import Image from "next/image";
 5 | 
 6 | const Error = () => {
 7 |   return (
 8 |     <>
 9 |       <Breadcrumb title={"Error"} pages={["error"]} />
10 |       <section className="overflow-hidden py-20 bg-gray-2">
11 |         <div className="max-w-[1170px] w-full mx-auto px-4 sm:px-8 xl:px-0">
12 |           <div className="bg-white rounded-xl shadow-1 px-4 py-10 sm:py-15 lg:py-20 xl:py-25">
13 |             <div className="text-center">
14 |               <Image
15 |                 src="/images/404.svg"
16 |                 alt="404"
17 |                 className="mx-auto mb-8 w-1/2 sm:w-auto"
18 |                 width={288}
19 |                 height={190}
20 |               />
21 | 
22 |               <h2 className="font-medium text-dark text-xl sm:text-2xl mb-3">
23 |                 Sorry, the page can’t be found
24 |               </h2>
25 | 
26 |               <p className="max-w-[410px] w-full mx-auto mb-7.5">
27 |                 The page you were looking for appears to have been moved,
28 |                 deleted or does not exist.
29 |               </p>
30 | 
31 |               <Link
32 |                 href="/"
33 |                 className="inline-flex items-center gap-2 font-medium text-white bg-blue py-3 px-6 rounded-md ease-out duration-200 hover:bg-blue-dark"
34 |               >
35 |                 <svg
36 |                   className="fill-current"
37 |                   width="20"
38 |                   height="20"
39 |                   viewBox="0 0 20 20"
40 |                   fill="none"
41 |                   xmlns="http://www.w3.org/2000/svg"
42 |                 >
43 |                   <path
44 |                     d="M16.6654 9.37502C17.0105 9.37502 17.2904 9.65484 17.2904 10C17.2904 10.3452 17.0105 10.625 16.6654 10.625H8.95703L8.95703 15C8.95703 15.2528 8.80476 15.4807 8.57121 15.5774C8.33766 15.6742 8.06884 15.6207 7.89009 15.442L2.89009 10.442C2.77288 10.3247 2.70703 10.1658 2.70703 10C2.70703 9.83426 2.77288 9.67529 2.89009 9.55808L7.89009 4.55808C8.06884 4.37933 8.33766 4.32586 8.57121 4.42259C8.80475 4.51933 8.95703 4.74723 8.95703 5.00002L8.95703 9.37502H16.6654Z"
45 |                     fill=""
46 |                   />
47 |                 </svg>
48 |                 Back to Home
49 |               </Link>
50 |             </div>
51 |           </div>
52 |         </div>
53 |       </section>
54 |     </>
55 |   );
56 | };
57 | 
58 | export default Error;
59 | 


--------------------------------------------------------------------------------
/src/components/Header/CustomSelect.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useState, useEffect } from "react";
 2 | 
 3 | const CustomSelect = ({ options }) => {
 4 |   const [isOpen, setIsOpen] = useState(false);
 5 |   const [selectedOption, setSelectedOption] = useState(options[0]);
 6 | 
 7 |   const toggleDropdown = () => {
 8 |     setIsOpen(!isOpen);
 9 |   };
10 | 
11 |   const handleOptionClick = (option) => {
12 |     setSelectedOption(option);
13 |     toggleDropdown();
14 |   };
15 | 
16 |   useEffect(() => {
17 |     // closing modal while clicking outside
18 |     function handleClickOutside(event) {
19 |       if (!event.target.closest(".dropdown-content")) {
20 |         toggleDropdown();
21 |       }
22 |     }
23 | 
24 |     if (isOpen) {
25 |       document.addEventListener("mousedown", handleClickOutside);
26 |     }
27 | 
28 |     return () => {
29 |       document.removeEventListener("mousedown", handleClickOutside);
30 |     };
31 |   }, []);
32 | 
33 |   return (
34 |     <div className="dropdown-content custom-select relative" style={{ width: "200px" }}>
35 |       <div
36 |         className={`select-selected whitespace-nowrap ${
37 |           isOpen ? "select-arrow-active" : ""
38 |         }`}
39 |         onClick={toggleDropdown}
40 |       >
41 |         {selectedOption.label}
42 |       </div>
43 |       <div className={`select-items ${isOpen ? "" : "select-hide"}`}>
44 |         {options.slice(1, -1).map((option, index) => (
45 |           <div
46 |             key={index}
47 |             onClick={() => handleOptionClick(option)}
48 |             className={`select-item ${
49 |               selectedOption === option ? "same-as-selected" : ""
50 |             }`}
51 |           >
52 |             {option.label}
53 |           </div>
54 |         ))}
55 |       </div>
56 |     </div>
57 |   );
58 | };
59 | 
60 | export default CustomSelect;
61 | 


--------------------------------------------------------------------------------
/src/components/Header/Dropdown.tsx:
--------------------------------------------------------------------------------
 1 | import { useState } from "react";
 2 | import { usePathname } from "next/navigation";
 3 | import Link from "next/link";
 4 | 
 5 | const Dropdown = ({ menuItem, stickyMenu }) => {
 6 |   const [dropdownToggler, setDropdownToggler] = useState(false);
 7 |   const pathUrl = usePathname();
 8 | 
 9 |   return (
10 |     <li
11 |       onClick={() => setDropdownToggler(!dropdownToggler)}
12 |       className={`group relative before:w-0 before:h-[3px] before:bg-blue before:absolute before:left-0 before:top-0 before:rounded-b-[3px] before:ease-out before:duration-200 hover:before:w-full ${
13 |         pathUrl.includes(menuItem.title) && "before:!w-full"
14 |       }`}
15 |     >
16 |       <a
17 |         href="#"
18 |         className={`hover:text-blue text-custom-sm font-medium text-dark flex items-center gap-1.5 capitalize ${
19 |           stickyMenu ? "xl:py-4" : "xl:py-6"
20 |         } ${pathUrl.includes(menuItem.title) && "!text-blue"}`}
21 |       >
22 |         {menuItem.title}
23 |         <svg
24 |           className="fill-current cursor-pointer"
25 |           width="16"
26 |           height="16"
27 |           viewBox="0 0 16 16"
28 |           fill="none"
29 |           xmlns="http://www.w3.org/2000/svg"
30 |         >
31 |           <path
32 |             fillRule="evenodd"
33 |             clipRule="evenodd"
34 |             d="M2.95363 5.67461C3.13334 5.46495 3.44899 5.44067 3.65866 5.62038L7.99993 9.34147L12.3412 5.62038C12.5509 5.44067 12.8665 5.46495 13.0462 5.67461C13.2259 5.88428 13.2017 6.19993 12.992 6.37964L8.32532 10.3796C8.13808 10.5401 7.86178 10.5401 7.67453 10.3796L3.00787 6.37964C2.7982 6.19993 2.77392 5.88428 2.95363 5.67461Z"
35 |             fill=""
36 |           />
37 |         </svg>
38 |       </a>
39 | 
40 |       {/* <!-- Dropdown Start --> */}
41 |       <ul
42 |         className={`dropdown ${dropdownToggler && "flex"} ${
43 |           stickyMenu
44 |             ? "xl:group-hover:translate-y-0"
45 |             : "xl:group-hover:translate-y-0"
46 |         }`}
47 |       >
48 |         {menuItem.submenu.map((item, i) => (
49 |           <li key={i}>
50 |             <Link
51 |               href={item.path}
52 |               className={`flex text-custom-sm hover:text-blue hover:bg-gray-1 py-[7px] px-4.5 ${
53 |                 pathUrl === item.path && "text-blue bg-gray-1"
54 |               } `}
55 |             >
56 |               {item.title}
57 |             </Link>
58 |           </li>
59 |         ))}
60 |       </ul>
61 |     </li>
62 |   );
63 | };
64 | 
65 | export default Dropdown;
66 | 


--------------------------------------------------------------------------------
/src/components/Header/menuData.ts:
--------------------------------------------------------------------------------
  1 | import { Menu } from "@/types/Menu";
  2 | 
  3 | export const menuData: Menu[] = [
  4 |   {
  5 |     id: 1,
  6 |     title: "Popular",
  7 |     newTab: false,
  8 |     path: "/",
  9 |   },
 10 |   {
 11 |     id: 2,
 12 |     title: "Shop",
 13 |     newTab: false,
 14 |     path: "/shop-with-sidebar",
 15 |   },
 16 |   {
 17 |     id: 3,
 18 |     title: "Contact",
 19 |     newTab: false,
 20 |     path: "/contact",
 21 |   },
 22 |   {
 23 |     id: 6,
 24 |     title: "pages",
 25 |     newTab: false,
 26 |     path: "/",
 27 |     submenu: [
 28 |       {
 29 |         id: 61,
 30 |         title: "Shop With Sidebar",
 31 |         newTab: false,
 32 |         path: "/shop-with-sidebar",
 33 |       },
 34 |       {
 35 |         id: 62,
 36 |         title: "Shop Without Sidebar",
 37 |         newTab: false,
 38 |         path: "/shop-without-sidebar",
 39 |       },
 40 |       {
 41 |         id: 64,
 42 |         title: "Checkout",
 43 |         newTab: false,
 44 |         path: "/checkout",
 45 |       },
 46 |       {
 47 |         id: 65,
 48 |         title: "Cart",
 49 |         newTab: false,
 50 |         path: "/cart",
 51 |       },
 52 |       {
 53 |         id: 66,
 54 |         title: "Wishlist",
 55 |         newTab: false,
 56 |         path: "/wishlist",
 57 |       },
 58 |       {
 59 |         id: 67,
 60 |         title: "Sign in",
 61 |         newTab: false,
 62 |         path: "/signin",
 63 |       },
 64 |       {
 65 |         id: 68,
 66 |         title: "Sign up",
 67 |         newTab: false,
 68 |         path: "/signup",
 69 |       },
 70 |       {
 71 |         id: 69,
 72 |         title: "My Account",
 73 |         newTab: false,
 74 |         path: "/my-account",
 75 |       },
 76 |       {
 77 |         id: 70,
 78 |         title: "Contact",
 79 |         newTab: false,
 80 |         path: "/contact",
 81 |       },
 82 |       {
 83 |         id: 62,
 84 |         title: "Error",
 85 |         newTab: false,
 86 |         path: "/error",
 87 |       },
 88 |       {
 89 |         id: 63,
 90 |         title: "Mail Success",
 91 |         newTab: false,
 92 |         path: "/mail-success",
 93 |       },
 94 |     ],
 95 |   },
 96 |   {
 97 |     id: 7,
 98 |     title: "blogs",
 99 |     newTab: false,
100 |     path: "/",
101 |     submenu: [
102 |       {
103 |         id: 71,
104 |         title: "Blog Grid with sidebar",
105 |         newTab: false,
106 |         path: "/blogs/blog-grid-with-sidebar",
107 |       },
108 |       {
109 |         id: 72,
110 |         title: "Blog Grid",
111 |         newTab: false,
112 |         path: "/blogs/blog-grid",
113 |       },
114 |       {
115 |         id: 73,
116 |         title: "Blog details with sidebar",
117 |         newTab: false,
118 |         path: "/blogs/blog-details-with-sidebar",
119 |       },
120 |       {
121 |         id: 74,
122 |         title: "Blog details",
123 |         newTab: false,
124 |         path: "/blogs/blog-details",
125 |       },
126 |     ],
127 |   },
128 | ];
129 | 


--------------------------------------------------------------------------------
/src/components/Home/BestSeller/index.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import SingleItem from "./SingleItem";
 3 | import Image from "next/image";
 4 | import Link from "next/link";
 5 | import shopData from "@/components/Shop/shopData";
 6 | 
 7 | const BestSeller = () => {
 8 |   return (
 9 |     <section className="overflow-hidden">
10 |       <div className="max-w-[1170px] w-full mx-auto px-4 sm:px-8 xl:px-0">
11 |         {/* <!-- section title --> */}
12 |         <div className="mb-10 flex items-center justify-between">
13 |           <div>
14 |             <span className="flex items-center gap-2.5 font-medium text-dark mb-1.5">
15 |               <Image
16 |                 src="/images/icons/icon-07.svg"
17 |                 alt="icon"
18 |                 width={17}
19 |                 height={17}
20 |               />
21 |               This Month
22 |             </span>
23 |             <h2 className="font-semibold text-xl xl:text-heading-5 text-dark">
24 |               Best Sellers
25 |             </h2>
26 |           </div>
27 |         </div>
28 | 
29 |         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-7.5">
30 |           {/* <!-- Best Sellers item --> */}
31 |           {shopData.slice(1, 7).map((item, key) => (
32 |             <SingleItem item={item} key={key} />
33 |           ))}
34 |         </div>
35 | 
36 |         <div className="text-center mt-12.5">
37 |           <Link
38 |             href="/shop-without-sidebar"
39 |             className="inline-flex font-medium text-custom-sm py-3 px-7 sm:px-12.5 rounded-md border-gray-3 border bg-gray-1 text-dark ease-out duration-200 hover:bg-dark hover:text-white hover:border-transparent"
40 |           >
41 |             View All
42 |           </Link>
43 |         </div>
44 |       </div>
45 |     </section>
46 |   );
47 | };
48 | 
49 | export default BestSeller;
50 | 


--------------------------------------------------------------------------------
/src/components/Home/Categories/SingleItem.tsx:
--------------------------------------------------------------------------------
 1 | import { Category } from "@/types/category";
 2 | import React from "react";
 3 | import Image from "next/image";
 4 | 
 5 | const SingleItem = ({ item }: { item: Category }) => {
 6 |   return (
 7 |     <a href="#" className="group flex flex-col items-center">
 8 |       <div className="max-w-[130px] w-full bg-[#F2F3F8] h-32.5 rounded-full flex items-center justify-center mb-4">
 9 |         <Image src={item.img} alt="Category" width={82} height={62} />
10 |       </div>
11 | 
12 |       <div className="flex justify-center">
13 |         <h3 className="inline-block font-medium text-center text-dark bg-gradient-to-r from-blue to-blue bg-[length:0px_1px] bg-left-bottom bg-no-repeat transition-[background-size] duration-500 hover:bg-[length:100%_3px] group-hover:bg-[length:100%_1px] group-hover:text-blue">
14 |           {item.title}
15 |         </h3>
16 |       </div>
17 |     </a>
18 |   );
19 | };
20 | 
21 | export default SingleItem;
22 | 


--------------------------------------------------------------------------------
/src/components/Home/Categories/categoryData.ts:
--------------------------------------------------------------------------------
 1 | const data = [
 2 |   {
 3 |     title: "Televisions",
 4 |     id: 1,
 5 |     img: "/images/categories/categories-01.png",
 6 |   },
 7 |   {
 8 |     title: "Laptop & PC",
 9 |     id: 2,
10 |     img: "/images/categories/categories-02.png",
11 |   },
12 |   {
13 |     title: "Mobile & Tablets",
14 |     id: 3,
15 |     img: "/images/categories/categories-03.png",
16 |   },
17 |   {
18 |     title: "Games & Videos",
19 |     id: 4,
20 |     img: "/images/categories/categories-04.png",
21 |   },
22 |   {
23 |     title: "Home Appliances",
24 |     id: 5,
25 |     img: "/images/categories/categories-05.png",
26 |   },
27 |   {
28 |     title: "Health & Sports",
29 |     id: 6,
30 |     img: "/images/categories/categories-06.png",
31 |   },
32 |   {
33 |     title: "Watches",
34 |     id: 7,
35 |     img: "/images/categories/categories-07.png",
36 |   },
37 |   {
38 |     title: "Televisions",
39 |     id: 8,
40 |     img: "/images/categories/categories-04.png",
41 |   },
42 | ];
43 | 
44 | export default data;
45 | 


--------------------------------------------------------------------------------
/src/components/Home/Hero/HeroCarousel.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import { Swiper, SwiperSlide } from "swiper/react";
  3 | import { Autoplay, Pagination } from "swiper/modules";
  4 | 
  5 | // Import Swiper styles
  6 | import "swiper/css/pagination";
  7 | import "swiper/css";
  8 | 
  9 | import Image from "next/image";
 10 | 
 11 | const HeroCarousal = () => {
 12 |   return (
 13 |     <Swiper
 14 |       spaceBetween={30}
 15 |       centeredSlides={true}
 16 |       autoplay={{
 17 |         delay: 2500,
 18 |         disableOnInteraction: false,
 19 |       }}
 20 |       pagination={{
 21 |         clickable: true,
 22 |       }}
 23 |       modules={[Autoplay, Pagination]}
 24 |       className="hero-carousel"
 25 |     >
 26 |       <SwiperSlide>
 27 |         <div className="flex items-center pt-6 sm:pt-0 flex-col-reverse sm:flex-row">
 28 |           <div className="max-w-[394px] py-10 sm:py-15 lg:py-24.5 pl-4 sm:pl-7.5 lg:pl-12.5">
 29 |             <div className="flex items-center gap-4 mb-7.5 sm:mb-10">
 30 |               <span className="block font-semibold text-heading-3 sm:text-heading-1 text-blue">
 31 |                 30%
 32 |               </span>
 33 |               <span className="block text-dark text-sm sm:text-custom-1 sm:leading-[24px]">
 34 |                 Sale
 35 |                 <br />
 36 |                 Off
 37 |               </span>
 38 |             </div>
 39 | 
 40 |             <h1 className="font-semibold text-dark text-xl sm:text-3xl mb-3">
 41 |               <a href="#">True Wireless Noise Cancelling Headphone</a>
 42 |             </h1>
 43 | 
 44 |             <p>
 45 |             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at ipsum at risus euismod lobortis in
 46 |             </p>
 47 | 
 48 |             <a
 49 |               href="#"
 50 |               className="inline-flex font-medium text-white text-custom-sm rounded-md bg-dark py-3 px-9 ease-out duration-200 hover:bg-blue mt-10"
 51 |             >
 52 |               Shop Now
 53 |             </a>
 54 |           </div>
 55 | 
 56 |           <div>
 57 |             <Image
 58 |               src="/images/hero/hero-01.png"
 59 |               alt="headphone"
 60 |               width={351}
 61 |               height={358}
 62 |             />
 63 |           </div>
 64 |         </div>
 65 |       </SwiperSlide>
 66 |       <SwiperSlide>
 67 |         {" "}
 68 |         <div className="flex items-center pt-6 sm:pt-0 flex-col-reverse sm:flex-row">
 69 |           <div className="max-w-[394px] py-10 sm:py-15 lg:py-26 pl-4 sm:pl-7.5 lg:pl-12.5">
 70 |             <div className="flex items-center gap-4 mb-7.5 sm:mb-10">
 71 |               <span className="block font-semibold text-heading-3 sm:text-heading-1 text-blue">
 72 |                 30%
 73 |               </span>
 74 |               <span className="block text-dark text-sm sm:text-custom-1 sm:leading-[24px]">
 75 |                 Sale
 76 |                 <br />
 77 |                 Off
 78 |               </span>
 79 |             </div>
 80 | 
 81 |             <h1 className="font-semibold text-dark text-xl sm:text-3xl mb-3">
 82 |               <a href="#">True Wireless Noise Cancelling Headphone</a>
 83 |             </h1>
 84 | 
 85 |             <p>
 86 |               Lorem ipsum dolor sit, consectetur elit nunc suscipit non ipsum
 87 |               nec suscipit.
 88 |             </p>
 89 | 
 90 |             <a
 91 |               href="#"
 92 |               className="inline-flex font-medium text-white text-custom-sm rounded-md bg-dark py-3 px-9 ease-out duration-200 hover:bg-blue mt-10"
 93 |             >
 94 |               Shop Now
 95 |             </a>
 96 |           </div>
 97 | 
 98 |           <div>
 99 |             <Image
100 |               src="/images/hero/hero-01.png"
101 |               alt="headphone"
102 |               width={351}
103 |               height={358}
104 |             />
105 |           </div>
106 |         </div>
107 |       </SwiperSlide>
108 |     </Swiper>
109 |   );
110 | };
111 | 
112 | export default HeroCarousal;
113 | 


--------------------------------------------------------------------------------
/src/components/Home/Hero/HeroFeature.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Image from "next/image";
 3 | 
 4 | const featureData = [
 5 |   {
 6 |     img: "/images/icons/icon-01.svg",
 7 |     title: "Free Shipping",
 8 |     description: "For all orders $200",
 9 |   },
10 |   {
11 |     img: "/images/icons/icon-02.svg",
12 |     title: "1 & 1 Returns",
13 |     description: "Cancellation after 1 day",
14 |   },
15 |   {
16 |     img: "/images/icons/icon-03.svg",
17 |     title: "100% Secure Payments",
18 |     description: "Gurantee secure payments",
19 |   },
20 |   {
21 |     img: "/images/icons/icon-04.svg",
22 |     title: "24/7 Dedicated Support",
23 |     description: "Anywhere & anytime",
24 |   },
25 | ];
26 | 
27 | const HeroFeature = () => {
28 |   return (
29 |     <div className="max-w-[1060px] w-full mx-auto px-4 sm:px-8 xl:px-0">
30 |       <div className="flex flex-wrap items-center gap-7.5 xl:gap-12.5 mt-10">
31 |         {featureData.map((item, key) => (
32 |           <div className="flex items-center gap-4" key={key}>
33 |             <Image src={item.img} alt="icons" width={40} height={41} />
34 | 
35 |             <div>
36 |               <h3 className="font-medium text-lg text-dark">{item.title}</h3>
37 |               <p className="text-sm">{item.description}</p>
38 |             </div>
39 |           </div>
40 |         ))}
41 |       </div>
42 |     </div>
43 |   );
44 | };
45 | 
46 | export default HeroFeature;
47 | 


--------------------------------------------------------------------------------
/src/components/Home/Hero/index.tsx:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import HeroCarousel from "./HeroCarousel";
  3 | import HeroFeature from "./HeroFeature";
  4 | import Image from "next/image";
  5 | 
  6 | const Hero = () => {
  7 |   return (
  8 |     <section className="overflow-hidden pb-10 lg:pb-12.5 xl:pb-15 pt-57.5 sm:pt-45 lg:pt-30 xl:pt-51.5 bg-[#E5EAF4]">
  9 |       <div className="max-w-[1170px] w-full mx-auto px-4 sm:px-8 xl:px-0">
 10 |         <div className="flex flex-wrap gap-5">
 11 |           <div className="xl:max-w-[757px] w-full">
 12 |             <div className="relative z-1 rounded-[10px] bg-white overflow-hidden">
 13 |               {/* <!-- bg shapes --> */}
 14 |               <Image
 15 |                 src="/images/hero/hero-bg.png"
 16 |                 alt="hero bg shapes"
 17 |                 className="absolute right-0 bottom-0 -z-1"
 18 |                 width={534}
 19 |                 height={520}
 20 |               />
 21 | 
 22 |               <HeroCarousel />
 23 |             </div>
 24 |           </div>
 25 | 
 26 |           <div className="xl:max-w-[393px] w-full">
 27 |             <div className="flex flex-col sm:flex-row xl:flex-col gap-5">
 28 |               <div className="w-full relative rounded-[10px] bg-white p-4 sm:p-7.5">
 29 |                 <div className="flex items-center gap-14">
 30 |                   <div>
 31 |                     <h2 className="max-w-[153px] font-semibold text-dark text-xl mb-20">
 32 |                       <a href="#"> iPhone 14 Plus & 14 Pro Max </a>
 33 |                     </h2>
 34 | 
 35 |                     <div>
 36 |                       <p className="font-medium text-dark-4 text-custom-sm mb-1.5">
 37 |                         limited time offer
 38 |                       </p>
 39 |                       <span className="flex items-center gap-3">
 40 |                         <span className="font-medium text-heading-5 text-red">
 41 |                           $699
 42 |                         </span>
 43 |                         <span className="font-medium text-2xl text-dark-4 line-through">
 44 |                           $999
 45 |                         </span>
 46 |                       </span>
 47 |                     </div>
 48 |                   </div>
 49 | 
 50 |                   <div>
 51 |                     <Image
 52 |                       src="/images/hero/hero-02.png"
 53 |                       alt="mobile image"
 54 |                       width={123}
 55 |                       height={161}
 56 |                     />
 57 |                   </div>
 58 |                 </div>
 59 |               </div>
 60 |               <div className="w-full relative rounded-[10px] bg-white p-4 sm:p-7.5">
 61 |                 <div className="flex items-center gap-14">
 62 |                   <div>
 63 |                     <h2 className="max-w-[153px] font-semibold text-dark text-xl mb-20">
 64 |                       <a href="#"> Wireless Headphone </a>
 65 |                     </h2>
 66 | 
 67 |                     <div>
 68 |                       <p className="font-medium text-dark-4 text-custom-sm mb-1.5">
 69 |                         limited time offer
 70 |                       </p>
 71 |                       <span className="flex items-center gap-3">
 72 |                         <span className="font-medium text-heading-5 text-red">
 73 |                           $699
 74 |                         </span>
 75 |                         <span className="font-medium text-2xl text-dark-4 line-through">
 76 |                           $999
 77 |                         </span>
 78 |                       </span>
 79 |                     </div>
 80 |                   </div>
 81 | 
 82 |                   <div>
 83 |                     <Image
 84 |                       src="/images/hero/hero-01.png"
 85 |                       alt="mobile image"
 86 |                       width={123}
 87 |                       height={161}
 88 |                     />
 89 |                   </div>
 90 |                 </div>
 91 |               </div>
 92 | 
 93 |               
 94 |             </div>
 95 |           </div>
 96 |         </div>
 97 |       </div>
 98 | 
 99 |       {/* <!-- Hero features --> */}
100 |       <HeroFeature />
101 |     </section>
102 |   );
103 | };
104 | 
105 | export default Hero;
106 | 


--------------------------------------------------------------------------------
/src/components/Home/NewArrivals/index.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Image from "next/image";
 3 | import Link from "next/link";
 4 | import ProductItem from "@/components/Common/ProductItem";
 5 | import shopData from "@/components/Shop/shopData";
 6 | 
 7 | const NewArrival = () => {
 8 |   return (
 9 |     <section className="overflow-hidden pt-15">
10 |       <div className="max-w-[1170px] w-full mx-auto px-4 sm:px-8 xl:px-0">
11 |         {/* <!-- section title --> */}
12 |         <div className="mb-7 flex items-center justify-between">
13 |           <div>
14 |             <span className="flex items-center gap-2.5 font-medium text-dark mb-1.5">
15 |               <svg
16 |                 width="20"
17 |                 height="20"
18 |                 viewBox="0 0 20 20"
19 |                 fill="none"
20 |                 xmlns="http://www.w3.org/2000/svg"
21 |               >
22 |                 <path
23 |                   d="M3.11826 15.4622C4.11794 16.6668 5.97853 16.6668 9.69971 16.6668H10.3007C14.0219 16.6668 15.8825 16.6668 16.8821 15.4622M3.11826 15.4622C2.11857 14.2577 2.46146 12.429 3.14723 8.77153C3.63491 6.17055 3.87875 4.87006 4.8045 4.10175M3.11826 15.4622C3.11826 15.4622 3.11826 15.4622 3.11826 15.4622ZM16.8821 15.4622C17.8818 14.2577 17.5389 12.429 16.8532 8.77153C16.3655 6.17055 16.1216 4.87006 15.1959 4.10175M16.8821 15.4622C16.8821 15.4622 16.8821 15.4622 16.8821 15.4622ZM15.1959 4.10175C14.2701 3.33345 12.947 3.33345 10.3007 3.33345H9.69971C7.0534 3.33345 5.73025 3.33345 4.8045 4.10175M15.1959 4.10175C15.1959 4.10175 15.1959 4.10175 15.1959 4.10175ZM4.8045 4.10175C4.8045 4.10175 4.8045 4.10175 4.8045 4.10175Z"
24 |                   stroke="#3C50E0"
25 |                   strokeWidth="1.5"
26 |                 />
27 |                 <path
28 |                   d="M7.64258 6.66678C7.98578 7.63778 8.91181 8.33345 10.0003 8.33345C11.0888 8.33345 12.0149 7.63778 12.3581 6.66678"
29 |                   stroke="#3C50E0"
30 |                   strokeWidth="1.5"
31 |                   strokeLinecap="round"
32 |                 />
33 |               </svg>
34 |               This Week’s
35 |             </span>
36 |             <h2 className="font-semibold text-xl xl:text-heading-5 text-dark">
37 |               New Arrivals
38 |             </h2>
39 |           </div>
40 | 
41 |           <Link
42 |             href="/shop-with-sidebar"
43 |             className="inline-flex font-medium text-custom-sm py-2.5 px-7 rounded-md border-gray-3 border bg-gray-1 text-dark ease-out duration-200 hover:bg-dark hover:text-white hover:border-transparent"
44 |           >
45 |             View All
46 |           </Link>
47 |         </div>
48 | 
49 |         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-7.5 gap-y-9">
50 |           {/* <!-- New Arrivals item --> */}
51 |           {shopData.map((item, key) => (
52 |             <ProductItem item={item} key={key} />
53 |           ))}
54 |         </div>
55 |       </div>
56 |     </section>
57 |   );
58 | };
59 | 
60 | export default NewArrival;
61 | 


--------------------------------------------------------------------------------
/src/components/Home/Testimonials/SingleItem.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { Testimonial } from "@/types/testimonial";
 3 | import Image from "next/image";
 4 | 
 5 | const SingleItem = ({ testimonial }: { testimonial: Testimonial }) => {
 6 |   return (
 7 |     <div className="shadow-testimonial bg-white rounded-[10px] py-7.5 px-4 sm:px-8.5 m-1">
 8 |       <div className="flex items-center gap-1 mb-5">
 9 |         <Image
10 |           src="/images/icons/icon-star.svg"
11 |           alt="star icon"
12 |           width={15}
13 |           height={15}
14 |         />
15 |         <Image
16 |           src="/images/icons/icon-star.svg"
17 |           alt="star icon"
18 |           width={15}
19 |           height={15}
20 |         />
21 |         <Image
22 |           src="/images/icons/icon-star.svg"
23 |           alt="star icon"
24 |           width={15}
25 |           height={15}
26 |         />
27 |         <Image
28 |           src="/images/icons/icon-star.svg"
29 |           alt="star icon"
30 |           width={15}
31 |           height={15}
32 |         />
33 |         <Image
34 |           src="/images/icons/icon-star.svg"
35 |           alt="star icon"
36 |           width={15}
37 |           height={15}
38 |         />
39 |       </div>
40 | 
41 |       <p className="text-dark mb-6">{testimonial.review}</p>
42 | 
43 |       <a href="#" className="flex items-center gap-4">
44 |         <div className="w-12.5 h-12.5 rounded-full overflow-hidden">
45 |           <Image
46 |             src={testimonial.authorImg}
47 |             alt="author"
48 |             className="w-12.5 h-12.5 rounded-full overflow-hidden"
49 |             width={50}
50 |             height={50}
51 |           />
52 |         </div>
53 | 
54 |         <div>
55 |           <h3 className="font-medium text-dark">{testimonial.authorName}</h3>
56 |           <p className="text-custom-sm">{testimonial.authorRole}</p>
57 |         </div>
58 |       </a>
59 |     </div>
60 |   );
61 | };
62 | 
63 | export default SingleItem;
64 | 


--------------------------------------------------------------------------------
/src/components/Home/Testimonials/testimonialsData.ts:
--------------------------------------------------------------------------------
 1 | import { Testimonial } from "@/types/testimonial";
 2 | 
 3 | const testimonialsData: Testimonial[] = [
 4 |   {
 5 |     review: `Lorem ipsum dolor sit amet, adipiscing elit. Donec
 6 |     malesuada justo vitaeaugue suscipit beautiful vehicula`,
 7 |     authorName: "Davis Dorwart",
 8 |     authorImg: "/images/users/user-01.jpg",
 9 |     authorRole: "Serial Entrepreneur",
10 |   },
11 |   {
12 |     review: `Lorem ipsum dolor sit amet, adipiscing elit. Donec
13 |     malesuada justo vitaeaugue suscipit beautiful vehicula`,
14 |     authorName: "Wilson Dias",
15 |     authorImg: "/images/users/user-02.jpg",
16 |     authorRole: "Backend Developer",
17 |   },
18 |   {
19 |     review: `Lorem ipsum dolor sit amet, adipiscing elit. Donec
20 |     malesuada justo vitaeaugue suscipit beautiful vehicula`,
21 |     authorName: "Miracle Exterm",
22 |     authorImg: "/images/users/user-03.jpg",
23 |     authorRole: "Serial Entrepreneur",
24 |   },
25 |   {
26 |     review: `Lorem ipsum dolor sit amet, adipiscing elit. Donec
27 |     malesuada justo vitaeaugue suscipit beautiful vehicula`,
28 |     authorName: "Thomas Frank",
29 |     authorImg: "/images/users/user-01.jpg",
30 |     authorRole: "Entrepreneur",
31 |   },
32 |   {
33 |     review: `Lorem ipsum dolor sit amet, adipiscing elit. Donec
34 |     malesuada justo vitaeaugue suscipit beautiful vehicula`,
35 |     authorName: "Dave Smith",
36 |     authorImg: "/images/users/user-02.jpg",
37 |     authorRole: "Serial Entrepreneur",
38 |   },
39 |   {
40 |     review: `Lorem ipsum dolor sit amet, adipiscing elit. Donec
41 |     malesuada justo vitaeaugue suscipit beautiful vehicula`,
42 |     authorName: "Davis Dorwart",
43 |     authorImg: "/images/users/user-03.jpg",
44 |     authorRole: "Serial Entrepreneur",
45 |   },
46 | ];
47 | 
48 | export default testimonialsData;
49 | 


--------------------------------------------------------------------------------
/src/components/Home/index.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Hero from "./Hero";
 3 | import Categories from "./Categories";
 4 | import NewArrival from "./NewArrivals";
 5 | import PromoBanner from "./PromoBanner";
 6 | import BestSeller from "./BestSeller";
 7 | import CounDown from "./Countdown";
 8 | import Testimonials from "./Testimonials";
 9 | import Newsletter from "../Common/Newsletter";
10 | 
11 | const Home = () => {
12 |   return (
13 |     <main>
14 |       <Hero />
15 |       <Categories />
16 |       <NewArrival />
17 |       <PromoBanner />
18 |       <BestSeller />
19 |       <CounDown />
20 |       <Testimonials />
21 |       <Newsletter />
22 |     </main>
23 |   );
24 | };
25 | 
26 | export default Home;
27 | 


--------------------------------------------------------------------------------
/src/components/MailSuccess/index.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import Breadcrumb from "../Common/Breadcrumb";
 3 | import Link from "next/link";
 4 | 
 5 | const MailSuccess = () => {
 6 |   return (
 7 |     <>
 8 |       <Breadcrumb title={"MailSuccess"} pages={["MailSuccess"]} />
 9 |       <section className="overflow-hidden py-20 bg-gray-2">
10 |         <div className="max-w-[1170px] w-full mx-auto px-4 sm:px-8 xl:px-0">
11 |           <div className="bg-white rounded-xl shadow-1 px-4 py-10 sm:py-15 lg:py-20 xl:py-25">
12 |             <div className="text-center">
13 |               <h2 className="font-bold text-blue text-4xl lg:text-[45px] lg:leading-[57px] mb-5">
14 |                 Successful!
15 |               </h2>
16 | 
17 |               <h3 className="font-medium text-dark text-xl sm:text-2xl mb-3">
18 |                 Your message sent successfully
19 |               </h3>
20 | 
21 |               <p className="max-w-[491px] w-full mx-auto mb-7.5">
22 |                 Thank you so much for your message. We check e-mail frequently
23 |                 and will try our best to respond to your inquiry.
24 |               </p>
25 | 
26 |               <Link
27 |                 href="/"
28 |                 className="inline-flex items-center gap-2 font-medium text-white bg-blue py-3 px-6 rounded-md ease-out duration-200 hover:bg-blue-dark"
29 |               >
30 |                 <svg
31 |                   className="fill-current"
32 |                   width="20"
33 |                   height="20"
34 |                   viewBox="0 0 20 20"
35 |                   fill="none"
36 |                   xmlns="http://www.w3.org/2000/svg"
37 |                 >
38 |                   <path
39 |                     d="M16.6654 9.37502C17.0105 9.37502 17.2904 9.65484 17.2904 10C17.2904 10.3452 17.0105 10.625 16.6654 10.625H8.95703L8.95703 15C8.95703 15.2528 8.80476 15.4807 8.57121 15.5774C8.33766 15.6742 8.06884 15.6207 7.89009 15.442L2.89009 10.442C2.77288 10.3247 2.70703 10.1658 2.70703 10C2.70703 9.83426 2.77288 9.67529 2.89009 9.55808L7.89009 4.55808C8.06884 4.37933 8.33766 4.32586 8.57121 4.42259C8.80475 4.51933 8.95703 4.74723 8.95703 5.00002L8.95703 9.37502H16.6654Z"
40 |                     fill=""
41 |                   />
42 |                 </svg>
43 |                 Back to Home
44 |               </Link>
45 |             </div>
46 |           </div>
47 |         </div>
48 |       </section>
49 |     </>
50 |   );
51 | };
52 | 
53 | export default MailSuccess;
54 | 


--------------------------------------------------------------------------------
/src/components/Orders/EditOrder.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useState } from "react";
 2 | import toast from "react-hot-toast";
 3 | 
 4 | const EditOrder = ({ order, toggleModal }: any) => {
 5 |   const [currentStatus, setCurrentStatus] = useState(order?.status);
 6 |   const handleChanege = (e: any) => {
 7 |     setCurrentStatus(e.target.value);
 8 |   };
 9 | 
10 |   const handleSubmit = (e: any) => {
11 |     e.preventDefault();
12 | 
13 |     if (!currentStatus) {
14 |       toast.error("Please select a status");
15 |       return;
16 |     }
17 | 
18 |     toggleModal(false);
19 |   };
20 | 
21 |   return (
22 |     <div className="w-full px-10">
23 |       <p className="pb-2 font-medium text-dark">Order Status</p>
24 |       <div className="w-full">
25 |         <select
26 |           className="w-full rounded-[10px] border border-gray-3 bg-gray-1 text-dark py-3.5 px-5 text-custom-sm"
27 |           name="status"
28 |           id="status"
29 |           required
30 |           onChange={handleChanege}
31 |         >
32 |           <option value="processing">Processing</option>
33 |           <option value="on-hold">On Hold</option>
34 |           <option value="delivered">Delivered</option>
35 |           <option value="cancelled">Cancelled</option>
36 |         </select>
37 | 
38 |         <button
39 |           className="mt-5 w-full rounded-[10px] border border-blue-1 bg-blue-1 text-white py-3.5 px-5 text-custom-sm bg-blue"
40 |           onClick={handleSubmit}
41 |         >
42 |           Save Changes
43 |         </button>
44 |       </div>
45 |     </div>
46 |   );
47 | };
48 | 
49 | export default EditOrder;
50 | 


--------------------------------------------------------------------------------
/src/components/Orders/OrderActions.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const OrderActions = ({ toggleEdit, toggleDetails }: any) => {
 4 |   return (
 5 |     <>
 6 |       <button
 7 |         onClick={toggleDetails}
 8 |         className="hover:bg-gray-2 rounded-sm p-2"
 9 |       >
10 |         <svg
11 |           width="18"
12 |           height="16"
13 |           viewBox="0 0 18 16"
14 |           fill="none"
15 |           xmlns="http://www.w3.org/2000/svg"
16 |         >
17 |           <path
18 |             fill-rule="evenodd"
19 |             clip-rule="evenodd"
20 |             d="M8.99935 4.87504C7.27346 4.87504 5.87435 6.27415 5.87435 8.00004C5.87435 9.72593 7.27346 11.125 8.99935 11.125C10.7252 11.125 12.1243 9.72593 12.1243 8.00004C12.1243 6.27415 10.7252 4.87504 8.99935 4.87504ZM7.12435 8.00004C7.12435 6.96451 7.96382 6.12504 8.99935 6.12504C10.0349 6.12504 10.8743 6.96451 10.8743 8.00004C10.8743 9.03557 10.0349 9.87504 8.99935 9.87504C7.96382 9.87504 7.12435 9.03557 7.12435 8.00004Z"
21 |             fill="#495270"
22 |           />
23 |           <path
24 |             fill-rule="evenodd"
25 |             clip-rule="evenodd"
26 |             d="M8.99935 0.708374C5.23757 0.708374 2.70376 2.96187 1.23315 4.87243L1.20663 4.90687C0.874048 5.33882 0.567732 5.73664 0.359922 6.20704C0.137386 6.71077 0.0410156 7.25978 0.0410156 8.00004C0.0410156 8.7403 0.137386 9.28932 0.359922 9.79304C0.567734 10.2634 0.87405 10.6613 1.20664 11.0932L1.23316 11.1277C2.70376 13.0382 5.23757 15.2917 8.99935 15.2917C12.7611 15.2917 15.2949 13.0382 16.7655 11.1277L16.792 11.0932C17.1246 10.6613 17.431 10.2634 17.6388 9.79304C17.8613 9.28932 17.9577 8.7403 17.9577 8.00004C17.9577 7.25978 17.8613 6.71077 17.6388 6.20704C17.431 5.73663 17.1246 5.33881 16.792 4.90685L16.7655 4.87243C15.2949 2.96187 12.7611 0.708374 8.99935 0.708374ZM2.2237 5.63487C3.58155 3.87081 5.79132 1.95837 8.99935 1.95837C12.2074 1.95837 14.4172 3.87081 15.775 5.63487C16.1405 6.1097 16.3546 6.39342 16.4954 6.71216C16.627 7.01005 16.7077 7.37415 16.7077 8.00004C16.7077 8.62593 16.627 8.99003 16.4954 9.28792C16.3546 9.60666 16.1405 9.89038 15.775 10.3652C14.4172 12.1293 12.2074 14.0417 8.99935 14.0417C5.79132 14.0417 3.58155 12.1293 2.2237 10.3652C1.85821 9.89038 1.64413 9.60666 1.50332 9.28792C1.37171 8.99003 1.29102 8.62593 1.29102 8.00004C1.29102 7.37415 1.37171 7.01005 1.50332 6.71216C1.64413 6.39342 1.85821 6.1097 2.2237 5.63487Z"
27 |             fill="#495270"
28 |           />
29 |         </svg>
30 |       </button>
31 |       <button onClick={toggleEdit} className="hover:bg-gray-2 rounded-sm p-2">
32 |         <svg
33 |           width="16"
34 |           height="18"
35 |           viewBox="0 0 16 18"
36 |           fill="none"
37 |           xmlns="http://www.w3.org/2000/svg"
38 |         >
39 |           <path
40 |             fill-rule="evenodd"
41 |             clip-rule="evenodd"
42 |             d="M9.75002 0.992536C11.0179 -0.275344 13.0735 -0.275344 14.3414 0.992536C15.6093 2.26042 15.6093 4.31606 14.3414 5.58394L8.01308 11.9123C7.65642 12.269 7.4386 12.4868 7.19583 12.6762C6.90981 12.8993 6.60033 13.0905 6.27287 13.2466C5.99494 13.3791 5.70269 13.4765 5.22413 13.6359L2.99692 14.3783L2.4622 14.5566C1.98358 14.7161 1.45589 14.5916 1.09915 14.2348C0.7424 13.8781 0.617832 13.3504 0.777373 12.8718L1.69801 10.1098C1.8575 9.63128 1.9549 9.33902 2.08736 9.06109C2.24342 8.73363 2.43469 8.42415 2.65778 8.13813C2.84714 7.89536 3.06498 7.67754 3.42169 7.32087L9.75002 0.992536ZM2.96809 13.0703L2.26362 12.3659L2.87064 10.5448C3.04737 10.0146 3.12037 9.79903 3.21577 9.59886C3.33276 9.35336 3.47616 9.12134 3.64342 8.9069C3.77979 8.73206 3.93997 8.57036 4.33516 8.17517L9.24431 3.26602C9.44694 3.77435 9.78979 4.38786 10.3679 4.96602C10.9461 5.54417 11.5596 5.88702 12.0679 6.08966L7.15879 10.9988C6.7636 11.394 6.6019 11.5542 6.42706 11.6905C6.21262 11.8578 5.9806 12.0012 5.7351 12.1182C5.53493 12.2136 5.31935 12.2866 4.78915 12.4633L2.96809 13.0703ZM13.064 5.09363C12.9608 5.07098 12.8318 5.03689 12.6851 4.986C12.2817 4.84606 11.7511 4.58145 11.2518 4.08213C10.7525 3.58282 10.4879 3.05226 10.348 2.6489C10.2971 2.50221 10.263 2.37319 10.2403 2.27L10.6339 1.87642C11.4136 1.09669 12.6778 1.09669 13.4575 1.87642C14.2373 2.65615 14.2373 3.92033 13.4575 4.70005L13.064 5.09363ZM0.709001 17.3333C0.709001 16.9881 0.988823 16.7083 1.334 16.7083H14.6673V17.9583H1.334C0.988823 17.9583 0.709001 17.6785 0.709001 17.3333Z"
43 |             fill="#495270"
44 |           />
45 |         </svg>
46 |       </button>
47 |     </>
48 |   );
49 | };
50 | 
51 | export default OrderActions;
52 | 


--------------------------------------------------------------------------------
/src/components/Orders/OrderDetails.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const OrderDetails = ({ orderItem }: any) => {
 4 |   return (
 5 |     <>
 6 |       <div className="items-center justify-between py-4.5 px-7.5 hidden md:flex ">
 7 |         <div className="min-w-[113px]">
 8 |           <p className="text-custom-sm text-dark">Order</p>
 9 |         </div>
10 |         <div className="min-w-[113px]">
11 |           <p className="text-custom-sm text-dark">Date</p>
12 |         </div>
13 | 
14 |         <div className="min-w-[113px]">
15 |           <p className="text-custom-sm text-dark">Status</p>
16 |         </div>
17 | 
18 |         {/* <div className="min-w-[113px]">
19 |           <p className="text-custom-sm text-dark">Title</p>
20 |         </div> */}
21 | 
22 |         <div className="min-w-[113px]">
23 |           <p className="text-custom-sm text-dark">Total</p>
24 |         </div>
25 | 
26 |         {/* <div className="min-w-[113px]">
27 |           <p className="text-custom-sm text-dark">Action</p>
28 |         </div> */}
29 |       </div>
30 | 
31 |       <div className="items-center justify-between border-t border-gray-3 py-5 px-7.5 hidden md:flex">
32 |         <div className="min-w-[111px]">
33 |           <p className="text-custom-sm text-red">
34 |             #{orderItem.orderId.slice(-8)}
35 |           </p>
36 |         </div>
37 |         <div className="min-w-[175px]">
38 |           <p className="text-custom-sm text-dark">
39 |             {orderItem.createdAt}
40 |           </p>
41 |         </div>
42 | 
43 |         <div className="min-w-[128px]">
44 |           <p
45 |             className={`inline-block text-custom-sm  py-0.5 px-2.5 rounded-[30px] capitalize ${
46 |               orderItem.status === "delivered"
47 |                 ? "text-green bg-green-light-6"
48 |                 : orderItem.status === "on-hold"
49 |                 ? "text-red bg-red-light-6"
50 |                 : orderItem.status === "processing"
51 |                 ? "text-yellow bg-yellow-light-4"
52 |                 : "Unknown Status"
53 |             }`}
54 |           >
55 |             {orderItem.status}
56 |           </p>
57 |         </div>
58 | 
59 |         {/* <div className="min-w-[213px]">
60 |           <p className="text-custom-sm text-dark">{orderItem.orderTitle}</p>
61 |         </div> */}
62 | 
63 |         <div className="min-w-[113px]">
64 |           <p className="text-custom-sm text-dark">
65 |             {orderItem.total}
66 |           </p>
67 |         </div>
68 |       </div>
69 |       <div className="px-7.5 w-full">
70 |         <p className="font-bold">Shipping Address:</p>{" "}
71 |         <p>942 Aspen Road Encino, CA 91316</p>
72 |       </div>
73 |     </>
74 |   );
75 | };
76 | 
77 | export default OrderDetails;
78 | 


--------------------------------------------------------------------------------
/src/components/Orders/OrderModal.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useRef, useEffect } from "react";
 2 | import OrderDetails from "./OrderDetails";
 3 | import EditOrder from "./EditOrder";
 4 | 
 5 | const OrderModal = ({ showDetails, showEdit, toggleModal, order }: any) => {
 6 |   if (!showDetails && !showEdit) {
 7 |     return null;
 8 |   }
 9 | 
10 |   return (
11 |     <>
12 |       <div
13 |         className={`backdrop-filter-sm visible fixed left-0 top-0 z-[99999] flex min-h-screen w-full justify-center items-center bg-[#000]/40 px-4 py-8 sm:px-8`}
14 |       >
15 |         <div className="shadow-7 relative w-full max-w-[600px] h-[242px] scale-100 transform rounded-[15px] bg-white transition-all flex flex-col justify-center items-center">
16 |           <button
17 |             onClick={() => toggleModal(false)}
18 |             className="text-body absolute -right-6 -top-6 z-[9999] flex h-11.5 w-11.5 items-center justify-center rounded-full border-2 border-stroke bg-white hover:text-dark"
19 |           >
20 |             <svg
21 |               width="24"
22 |               height="24"
23 |               viewBox="0 0 25 24"
24 |               fill="none"
25 |               xmlns="http://www.w3.org/2000/svg"
26 |             >
27 |               <path
28 |                 d="M12.9983 10.586L17.9483 5.63603L19.3623 7.05003L14.4123 12L19.3623 16.95L17.9483 18.364L12.9983 13.414L8.04828 18.364L6.63428 16.95L11.5843 12L6.63428 7.05003L8.04828 5.63603L12.9983 10.586Z"
29 |                 fill="currentColor"
30 |               ></path>
31 |             </svg>
32 |           </button>
33 | 
34 |           <>
35 |             {showDetails && <OrderDetails orderItem={order} />}
36 | 
37 |             {showEdit && <EditOrder order={order} toggleModal={toggleModal} />}
38 |           </>
39 |         </div>
40 |       </div>
41 |     </>
42 |   );
43 | };
44 | 
45 | export default OrderModal;
46 | 


--------------------------------------------------------------------------------
/src/components/Orders/index.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useEffect, useState } from "react";
 2 | import SingleOrder from "./SingleOrder";
 3 | import ordersData from "./ordersData";
 4 | 
 5 | const Orders = () => {
 6 |   const [orders, setOrders] = useState<any>([]);
 7 | 
 8 |   useEffect(() => {
 9 |     fetch(`/api/order`)
10 |       .then((res) => res.json())
11 |       .then((data) => {
12 |         setOrders(data.orders);
13 |       })
14 |       .catch((err) => {
15 |         console.log(err.message);
16 |       });
17 |   }, []);
18 | 
19 |   return (
20 |     <>
21 |       <div className="w-full overflow-x-auto">
22 |         <div className="min-w-[770px]">
23 |           {/* <!-- order item --> */}
24 |           {ordersData.length > 0 && (
25 |             <div className="items-center justify-between py-4.5 px-7.5 hidden md:flex ">
26 |               <div className="min-w-[111px]">
27 |                 <p className="text-custom-sm text-dark">Order</p>
28 |               </div>
29 |               <div className="min-w-[175px]">
30 |                 <p className="text-custom-sm text-dark">Date</p>
31 |               </div>
32 | 
33 |               <div className="min-w-[128px]">
34 |                 <p className="text-custom-sm text-dark">Status</p>
35 |               </div>
36 | 
37 |               <div className="min-w-[213px]">
38 |                 <p className="text-custom-sm text-dark">Title</p>
39 |               </div>
40 | 
41 |               <div className="min-w-[113px]">
42 |                 <p className="text-custom-sm text-dark">Total</p>
43 |               </div>
44 | 
45 |               <div className="min-w-[113px]">
46 |                 <p className="text-custom-sm text-dark">Action</p>
47 |               </div>
48 |             </div>
49 |           )}
50 |           {ordersData.length > 0 ? (
51 |             ordersData.map((orderItem, key) => (
52 |               <SingleOrder key={key} orderItem={orderItem} smallView={false} />
53 |             ))
54 |           ) : (
55 |             <p className="py-9.5 px-4 sm:px-7.5 xl:px-10">
56 |               You don&apos;t have any orders!
57 |             </p>
58 |           )}
59 |         </div>
60 | 
61 |         {ordersData.length > 0 &&
62 |           ordersData.map((orderItem, key) => (
63 |             <SingleOrder key={key} orderItem={orderItem} smallView={true} />
64 |           ))}
65 |       </div>
66 |     </>
67 |   );
68 | };
69 | 
70 | export default Orders;
71 | 


--------------------------------------------------------------------------------
/src/components/Orders/ordersData.tsx:
--------------------------------------------------------------------------------
 1 | const ordersData = [
 2 |   {
 3 |     orderId: "234c56",
 4 |     createdAt: "18th May, 2022",
 5 |     status: "delivered",
 6 |     total: "$100",
 7 |     title: "Sunglasses",
 8 |   },
 9 |   {
10 |     orderId: "234c56",
11 |     createdAt: "18th May, 2022",
12 |     status: "processing",
13 |     total: "$100",
14 |     title: "Watchs",
15 |   },
16 |   {
17 |     orderId: "234c56",
18 |     createdAt: "18th May, 2022",
19 |     status: "delivered",
20 |     total: "$100",
21 |     title: "Cancelled",
22 |   }
23 | ];
24 | 
25 | export default ordersData;
26 | 


--------------------------------------------------------------------------------
/src/components/Shop/shopData.ts:
--------------------------------------------------------------------------------
  1 | import { Product } from "@/types/product";
  2 | const shopData: Product[] = [
  3 |   {
  4 |     title: "Havit HV-G69 USB Gamepad",
  5 |     reviews: 15,
  6 |     price: 59.0,
  7 |     discountedPrice: 29.0,
  8 |     id: 1,
  9 |     imgs: {
 10 |       thumbnails: [
 11 |         "/images/products/product-1-sm-1.png",
 12 |         "/images/products/product-1-sm-2.png",
 13 |       ],
 14 |       previews: [
 15 |         "/images/products/product-1-bg-1.png",
 16 |         "/images/products/product-1-bg-2.png",
 17 |       ],
 18 |     },
 19 |   },
 20 |   {
 21 |     title: "iPhone 14 Plus , 6/128GB",
 22 |     reviews: 5,
 23 |     price: 899.0,
 24 |     discountedPrice: 99.0,
 25 |     id: 2,
 26 |     imgs: {
 27 |       thumbnails: [
 28 |         "/images/products/product-2-sm-1.png",
 29 |         "/images/products/product-2-sm-2.png",
 30 |       ],
 31 |       previews: [
 32 |         "/images/products/product-2-bg-1.png",
 33 |         "/images/products/product-2-bg-2.png",
 34 |       ],
 35 |     },
 36 |   },
 37 |   {
 38 |     title: "Apple iMac M1 24-inch 2021",
 39 |     reviews: 5,
 40 |     price: 59.0,
 41 |     discountedPrice: 29.0,
 42 |     id: 3,
 43 |     imgs: {
 44 |       thumbnails: [
 45 |         "/images/products/product-3-sm-1.png",
 46 |         "/images/products/product-3-sm-2.png",
 47 |       ],
 48 |       previews: [
 49 |         "/images/products/product-3-bg-1.png",
 50 |         "/images/products/product-3-bg-2.png",
 51 |       ],
 52 |     },
 53 |   },
 54 |   {
 55 |     title: "MacBook Air M1 chip, 8/256GB",
 56 |     reviews: 6,
 57 |     price: 59.0,
 58 |     discountedPrice: 29.0,
 59 |     id: 4,
 60 |     imgs: {
 61 |       thumbnails: [
 62 |         "/images/products/product-4-sm-1.png",
 63 |         "/images/products/product-4-sm-2.png",
 64 |       ],
 65 |       previews: [
 66 |         "/images/products/product-4-bg-1.png",
 67 |         "/images/products/product-4-bg-2.png",
 68 |       ],
 69 |     },
 70 |   },
 71 |   {
 72 |     title: "Apple Watch Ultra",
 73 |     reviews: 3,
 74 |     price: 99.0,
 75 |     discountedPrice: 29.0,
 76 |     id: 5,
 77 |     imgs: {
 78 |       thumbnails: [
 79 |         "/images/products/product-5-sm-1.png",
 80 |         "/images/products/product-5-sm-2.png",
 81 |       ],
 82 |       previews: [
 83 |         "/images/products/product-5-bg-1.png",
 84 |         "/images/products/product-5-bg-2.png",
 85 |       ],
 86 |     },
 87 |   },
 88 |   {
 89 |     title: "Logitech MX Master 3 Mouse",
 90 |     reviews: 15,
 91 |     price: 59.0,
 92 |     discountedPrice: 29.0,
 93 |     id: 6,
 94 |     imgs: {
 95 |       thumbnails: [
 96 |         "/images/products/product-6-sm-1.png",
 97 |         "/images/products/product-6-sm-2.png",
 98 |       ],
 99 |       previews: [
100 |         "/images/products/product-6-bg-1.png",
101 |         "/images/products/product-6-bg-2.png",
102 |       ],
103 |     },
104 |   },
105 |   {
106 |     title: "Apple iPad Air 5th Gen - 64GB",
107 |     reviews: 15,
108 |     price: 59.0,
109 |     discountedPrice: 29.0,
110 |     id: 7,
111 |     imgs: {
112 |       thumbnails: [
113 |         "/images/products/product-7-sm-1.png",
114 |         "/images/products/product-7-sm-2.png",
115 |       ],
116 |       previews: [
117 |         "/images/products/product-7-bg-1.png",
118 |         "/images/products/product-7-bg-2.png",
119 |       ],
120 |     },
121 |   },
122 |   {
123 |     title: "Asus RT Dual Band Router",
124 |     reviews: 15,
125 |     price: 59.0,
126 |     discountedPrice: 29.0,
127 |     id: 8,
128 |     imgs: {
129 |       thumbnails: [
130 |         "/images/products/product-8-sm-1.png",
131 |         "/images/products/product-8-sm-2.png",
132 |       ],
133 |       previews: [
134 |         "/images/products/product-8-bg-1.png",
135 |         "/images/products/product-8-bg-2.png",
136 |       ],
137 |     },
138 |   },
139 | ];
140 | 
141 | export default shopData;
142 | 


--------------------------------------------------------------------------------
/src/components/ShopDetails/RecentlyViewd/index.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import React from "react";
  3 | import shopData from "@/components/Shop/shopData";
  4 | import ProductItem from "@/components/Common/ProductItem";
  5 | import Image from "next/image";
  6 | import Link from "next/link";
  7 | 
  8 | import { Swiper, SwiperSlide } from "swiper/react";
  9 | import { useCallback, useRef } from "react";
 10 | import "swiper/css/navigation";
 11 | import "swiper/css";
 12 | 
 13 | const RecentlyViewdItems = () => {
 14 |   const sliderRef = useRef(null);
 15 | 
 16 |   const handlePrev = useCallback(() => {
 17 |     if (!sliderRef.current) return;
 18 |     sliderRef.current.swiper.slidePrev();
 19 |   }, []);
 20 | 
 21 |   const handleNext = useCallback(() => {
 22 |     if (!sliderRef.current) return;
 23 |     sliderRef.current.swiper.slideNext();
 24 |   }, []);
 25 | 
 26 |   return (
 27 |     <section className="overflow-hidden pt-17.5">
 28 |       <div className="max-w-[1170px] w-full mx-auto px-4 sm:px-8 xl:px-0 pb-15 border-b border-gray-3">
 29 |         <div className="swiper categories-carousel common-carousel">
 30 |           {/* <!-- section title --> */}
 31 |           <div className="mb-10 flex items-center justify-between">
 32 |             <div>
 33 |               <span className="flex items-center gap-2.5 font-medium text-dark mb-1.5">
 34 |                 <Image
 35 |                   src="/images/icons/icon-05.svg"
 36 |                   width={17}
 37 |                   height={17}
 38 |                   alt="icon"
 39 |                 />
 40 |                 Categories
 41 |               </span>
 42 |               <h2 className="font-semibold text-xl xl:text-heading-5 text-dark">
 43 |                 Browse by Category
 44 |               </h2>
 45 |             </div>
 46 | 
 47 |             <div className="flex items-center gap-3">
 48 |               <button onClick={handlePrev} className="swiper-button-prev">
 49 |                 <svg
 50 |                   className="fill-current"
 51 |                   width="24"
 52 |                   height="24"
 53 |                   viewBox="0 0 24 24"
 54 |                   fill="none"
 55 |                   xmlns="http://www.w3.org/2000/svg"
 56 |                 >
 57 |                   <path
 58 |                     fillRule="evenodd"
 59 |                     clipRule="evenodd"
 60 |                     d="M15.4881 4.43057C15.8026 4.70014 15.839 5.17361 15.5694 5.48811L9.98781 12L15.5694 18.5119C15.839 18.8264 15.8026 19.2999 15.4881 19.5695C15.1736 19.839 14.7001 19.8026 14.4306 19.4881L8.43056 12.4881C8.18981 12.2072 8.18981 11.7928 8.43056 11.5119L14.4306 4.51192C14.7001 4.19743 15.1736 4.161 15.4881 4.43057Z"
 61 |                     fill=""
 62 |                   />
 63 |                 </svg>
 64 |               </button>
 65 | 
 66 |               <button onClick={handleNext} className="swiper-button-next">
 67 |                 <svg
 68 |                   className="fill-current"
 69 |                   width="24"
 70 |                   height="24"
 71 |                   viewBox="0 0 24 24"
 72 |                   fill="none"
 73 |                   xmlns="http://www.w3.org/2000/svg"
 74 |                 >
 75 |                   <path
 76 |                     fillRule="evenodd"
 77 |                     clipRule="evenodd"
 78 |                     d="M8.51192 4.43057C8.82641 4.161 9.29989 4.19743 9.56946 4.51192L15.5695 11.5119C15.8102 11.7928 15.8102 12.2072 15.5695 12.4881L9.56946 19.4881C9.29989 19.8026 8.82641 19.839 8.51192 19.5695C8.19743 19.2999 8.161 18.8264 8.43057 18.5119L14.0122 12L8.43057 5.48811C8.161 5.17361 8.19743 4.70014 8.51192 4.43057Z"
 79 |                     fill=""
 80 |                   />
 81 |                 </svg>
 82 |               </button>
 83 |             </div>
 84 |           </div>
 85 | 
 86 |           <Swiper
 87 |             ref={sliderRef}
 88 |             slidesPerView={4}
 89 |             spaceBetween={20}
 90 |             className="justify-between"
 91 |           >
 92 |             {shopData.map((item, key) => (
 93 |               <SwiperSlide key={key}>
 94 |                 <ProductItem item={item} />
 95 |               </SwiperSlide>
 96 |             ))}
 97 |           </Swiper>
 98 |         </div>
 99 |       </div>
100 |     </section>
101 |   );
102 | };
103 | 
104 | export default RecentlyViewdItems;
105 | 


--------------------------------------------------------------------------------
/src/components/ShopWithSidebar/CategoryDropdown.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { useState } from "react";
  4 | 
  5 | const CategoryItem = ({ category }) => {
  6 |   const [selected, setSelected] = useState(false);
  7 |   return (
  8 |     <button
  9 |       className={`${
 10 |         selected && "text-blue"
 11 |       } group flex items-center justify-between ease-out duration-200 hover:text-blue `}
 12 |       onClick={() => setSelected(!selected)}
 13 |     >
 14 |       <div className="flex items-center gap-2">
 15 |         <div
 16 |           className={`cursor-pointer flex items-center justify-center rounded w-4 h-4 border ${
 17 |             selected ? "border-blue bg-blue" : "bg-white border-gray-3"
 18 |           }`}
 19 |         >
 20 |           <svg
 21 |             className={selected ? "block" : "hidden"}
 22 |             width="10"
 23 |             height="10"
 24 |             viewBox="0 0 10 10"
 25 |             fill="none"
 26 |             xmlns="http://www.w3.org/2000/svg"
 27 |           >
 28 |             <path
 29 |               d="M8.33317 2.5L3.74984 7.08333L1.6665 5"
 30 |               stroke="white"
 31 |               strokeWidth="1.94437"
 32 |               strokeLinecap="round"
 33 |               strokeLinejoin="round"
 34 |             />
 35 |           </svg>
 36 |         </div>
 37 | 
 38 |         <span>{category.name}</span>
 39 |       </div>
 40 | 
 41 |       <span
 42 |         className={`${
 43 |           selected ? "text-white bg-blue" : "bg-gray-2"
 44 |         } inline-flex rounded-[30px] text-custom-xs px-2 ease-out duration-200 group-hover:text-white group-hover:bg-blue`}
 45 |       >
 46 |         {category.products}
 47 |       </span>
 48 |     </button>
 49 |   );
 50 | };
 51 | 
 52 | const CategoryDropdown = ({ categories }) => {
 53 |   const [toggleDropdown, setToggleDropdown] = useState(true);
 54 | 
 55 |   return (
 56 |     <div className="bg-white shadow-1 rounded-lg">
 57 |       <div
 58 |         onClick={(e) => {
 59 |           e.preventDefault();
 60 |           setToggleDropdown(!toggleDropdown);
 61 |         }}
 62 |         className={`cursor-pointer flex items-center justify-between py-3 pl-6 pr-5.5 ${
 63 |           toggleDropdown && "shadow-filter"
 64 |         }`}
 65 |       >
 66 |         <p className="text-dark">Category</p>
 67 |         <button
 68 |           aria-label="button for category dropdown"
 69 |           className={`text-dark ease-out duration-200 ${
 70 |             toggleDropdown && "rotate-180"
 71 |           }`}
 72 |         >
 73 |           <svg
 74 |             className="fill-current"
 75 |             width="24"
 76 |             height="24"
 77 |             viewBox="0 0 24 24"
 78 |             fill="none"
 79 |             xmlns="http://www.w3.org/2000/svg"
 80 |           >
 81 |             <path
 82 |               fillRule="evenodd"
 83 |               clipRule="evenodd"
 84 |               d="M4.43057 8.51192C4.70014 8.19743 5.17361 8.161 5.48811 8.43057L12 14.0122L18.5119 8.43057C18.8264 8.16101 19.2999 8.19743 19.5695 8.51192C19.839 8.82642 19.8026 9.29989 19.4881 9.56946L12.4881 15.5695C12.2072 15.8102 11.7928 15.8102 11.5119 15.5695L4.51192 9.56946C4.19743 9.29989 4.161 8.82641 4.43057 8.51192Z"
 85 |               fill=""
 86 |             />
 87 |           </svg>
 88 |         </button>
 89 |       </div>
 90 | 
 91 |       {/* dropdown && 'shadow-filter */}
 92 |       {/* <!-- dropdown menu --> */}
 93 |       <div
 94 |         className={`flex-col gap-3 py-6 pl-6 pr-5.5 ${
 95 |           toggleDropdown ? "flex" : "hidden"
 96 |         }`}
 97 |       >
 98 |         {categories.map((category, key) => (
 99 |           <CategoryItem key={key} category={category} />
100 |         ))}
101 |       </div>
102 |     </div>
103 |   );
104 | };
105 | 
106 | export default CategoryDropdown;
107 | 


--------------------------------------------------------------------------------
/src/components/ShopWithSidebar/ColorsDropdwon.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import React, { useState } from "react";
 3 | 
 4 | const ColorsDropdwon = () => {
 5 |   const [toggleDropdown, setToggleDropdown] = useState(true);
 6 |   const [activeColor, setActiveColor] = useState("blue");
 7 | 
 8 |   const colors = ["red", "blue", "orange", "pink", "purple"];
 9 | 
10 |   return (
11 |     <div className="bg-white shadow-1 rounded-lg">
12 |       <div
13 |         onClick={() => setToggleDropdown(!toggleDropdown)}
14 |         className={`cursor-pointer flex items-center justify-between py-3 pl-6 pr-5.5 ${
15 |           toggleDropdown && "shadow-filter"
16 |         }`}
17 |       >
18 |         <p className="text-dark">Colors</p>
19 |         <button
20 |           aria-label="button for colors dropdown"
21 |           className={`text-dark ease-out duration-200 ${
22 |             toggleDropdown && "rotate-180"
23 |           }`}
24 |         >
25 |           <svg
26 |             className="fill-current"
27 |             width="24"
28 |             height="24"
29 |             viewBox="0 0 24 24"
30 |             fill="none"
31 |             xmlns="http://www.w3.org/2000/svg"
32 |           >
33 |             <path
34 |               fillRule="evenodd"
35 |               clipRule="evenodd"
36 |               d="M4.43057 8.51192C4.70014 8.19743 5.17361 8.161 5.48811 8.43057L12 14.0122L18.5119 8.43057C18.8264 8.16101 19.2999 8.19743 19.5695 8.51192C19.839 8.82642 19.8026 9.29989 19.4881 9.56946L12.4881 15.5695C12.2072 15.8102 11.7928 15.8102 11.5119 15.5695L4.51192 9.56946C4.19743 9.29989 4.161 8.82641 4.43057 8.51192Z"
37 |               fill=""
38 |             />
39 |           </svg>
40 |         </button>
41 |       </div>
42 | 
43 |       {/* <!-- dropdown menu --> */}
44 |       <div
45 |         className={`flex-wrap gap-2.5 p-6 ${
46 |           toggleDropdown ? "flex" : "hidden"
47 |         }`}
48 |       >
49 |         {colors.map((color, key) => (
50 |           <label
51 |             key={key}
52 |             htmlFor={color}
53 |             className="cursor-pointer select-none flex items-center"
54 |           >
55 |             <div className="relative">
56 |               <input
57 |                 type="radio"
58 |                 name="color"
59 |                 id={color}
60 |                 className="sr-only"
61 |                 onChange={() => setActiveColor(color)}
62 |               />
63 |               <div
64 |                 className={`flex items-center justify-center w-5.5 h-5.5 rounded-full ${
65 |                   activeColor === color && "border"
66 |                 }`}
67 |                 style={{ borderColor: `${color}` }}
68 |               >
69 |                 <span
70 |                   className="block w-3 h-3 rounded-full"
71 |                   style={{ backgroundColor: `${color}` }}
72 |                 ></span>
73 |               </div>
74 |             </div>
75 |           </label>
76 |         ))}
77 |       </div>
78 |     </div>
79 |   );
80 | };
81 | 
82 | export default ColorsDropdwon;
83 | 


--------------------------------------------------------------------------------
/src/components/ShopWithSidebar/CustomSelect.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useState, useEffect, useRef } from "react";
 2 | 
 3 | const CustomSelect = ({ options }) => {
 4 |   const [isOpen, setIsOpen] = useState(false);
 5 |   const [selectedOption, setSelectedOption] = useState(options[0]);
 6 |   const selectRef = useRef(null);
 7 | 
 8 |   // Function to close the dropdown when a click occurs outside the component
 9 |   const handleClickOutside = (event) => {
10 |     if (selectRef.current && !selectRef.current.contains(event.target)) {
11 |       setIsOpen(false);
12 |     }
13 |   };
14 | 
15 |   useEffect(() => {
16 |     // Add a click event listener to the document
17 |     document.addEventListener("click", handleClickOutside);
18 | 
19 |     // Clean up the event listener when the component unmounts
20 |     return () => {
21 |       document.removeEventListener("click", handleClickOutside);
22 |     };
23 |   }, []);
24 | 
25 |   const toggleDropdown = () => {
26 |     setIsOpen(!isOpen);
27 |   };
28 | 
29 |   const handleOptionClick = (option) => {
30 |     setSelectedOption(option);
31 |     toggleDropdown();
32 |   };
33 | 
34 |   return (
35 |     <div
36 |       className="custom-select custom-select-2 flex-shrink-0 relative"
37 |       ref={selectRef}
38 |     >
39 |       <div
40 |         className={`select-selected whitespace-nowrap ${
41 |           isOpen ? "select-arrow-active" : ""
42 |         }`}
43 |         onClick={toggleDropdown}
44 |       >
45 |         {selectedOption.label}
46 |       </div>
47 |       <div className={`select-items ${isOpen ? "" : "select-hide"}`}>
48 |         {options.slice(1).map((option, index) => (
49 |           <div
50 |             key={index}
51 |             onClick={() => handleOptionClick(option)}
52 |             className={`select-item ${
53 |               selectedOption === option ? "same-as-selected" : ""
54 |             }`}
55 |           >
56 |             {option.label}
57 |           </div>
58 |         ))}
59 |       </div>
60 |     </div>
61 |   );
62 | };
63 | 
64 | export default CustomSelect;
65 | 


--------------------------------------------------------------------------------
/src/components/ShopWithSidebar/GenderDropdown.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import React, { useState } from "react";
  3 | 
  4 | const GenderItem = ({ category }) => {
  5 |   const [selected, setSelected] = useState(false);
  6 |   return (
  7 |     <button
  8 |       className={`${
  9 |         selected && "text-blue"
 10 |       } group flex items-center justify-between ease-out duration-200 hover:text-blue `}
 11 |       onClick={() => setSelected(!selected)}
 12 |     >
 13 |       <div className="flex items-center gap-2">
 14 |         <div
 15 |           className={`cursor-pointer flex items-center justify-center rounded w-4 h-4 border ${
 16 |             selected ? "border-blue bg-blue" : "bg-white border-gray-3"
 17 |           }`}
 18 |         >
 19 |           <svg
 20 |             className={selected ? "block" : "hidden"}
 21 |             width="10"
 22 |             height="10"
 23 |             viewBox="0 0 10 10"
 24 |             fill="none"
 25 |             xmlns="http://www.w3.org/2000/svg"
 26 |           >
 27 |             <path
 28 |               d="M8.33317 2.5L3.74984 7.08333L1.6665 5"
 29 |               stroke="white"
 30 |               strokeWidth="1.94437"
 31 |               strokeLinecap="round"
 32 |               strokeLinejoin="round"
 33 |             />
 34 |           </svg>
 35 |         </div>
 36 | 
 37 |         <span>{category.name}</span>
 38 |       </div>
 39 | 
 40 |       <span
 41 |         className={`${
 42 |           selected ? "text-white bg-blue" : "bg-gray-2"
 43 |         } inline-flex rounded-[30px] text-custom-xs px-2 ease-out duration-200 group-hover:text-white group-hover:bg-blue`}
 44 |       >
 45 |         {category.products}
 46 |       </span>
 47 |     </button>
 48 |   );
 49 | };
 50 | 
 51 | const GenderDropdown = ({ genders }) => {
 52 |   const [toggleDropdown, setToggleDropdown] = useState(true);
 53 | 
 54 |   return (
 55 |     <div className="bg-white shadow-1 rounded-lg">
 56 |       <div
 57 |         onClick={() => setToggleDropdown(!toggleDropdown)}
 58 |         className={`cursor-pointer flex items-center justify-between py-3 pl-6 pr-5.5 ${
 59 |           toggleDropdown && "shadow-filter"
 60 |         }`}
 61 |       >
 62 |         <p className="text-dark">Gender</p>
 63 |         <button
 64 |           onClick={() => setToggleDropdown(!toggleDropdown)}
 65 |           aria-label="button for gender dropdown"
 66 |           className={`text-dark ease-out duration-200 ${
 67 |             toggleDropdown && "rotate-180"
 68 |           }`}
 69 |         >
 70 |           <svg
 71 |             className="fill-current"
 72 |             width="24"
 73 |             height="24"
 74 |             viewBox="0 0 24 24"
 75 |             fill="none"
 76 |             xmlns="http://www.w3.org/2000/svg"
 77 |           >
 78 |             <path
 79 |               fillRule="evenodd"
 80 |               clipRule="evenodd"
 81 |               d="M4.43057 8.51192C4.70014 8.19743 5.17361 8.161 5.48811 8.43057L12 14.0122L18.5119 8.43057C18.8264 8.16101 19.2999 8.19743 19.5695 8.51192C19.839 8.82642 19.8026 9.29989 19.4881 9.56946L12.4881 15.5695C12.2072 15.8102 11.7928 15.8102 11.5119 15.5695L4.51192 9.56946C4.19743 9.29989 4.161 8.82641 4.43057 8.51192Z"
 82 |               fill=""
 83 |             />
 84 |           </svg>
 85 |         </button>
 86 |       </div>
 87 | 
 88 |       {/* <!-- dropdown menu --> */}
 89 |       <div
 90 |         className={`flex-col gap-3 py-6 pl-6 pr-5.5 ${
 91 |           toggleDropdown ? "flex" : "hidden"
 92 |         }`}
 93 |       >
 94 |         {genders.map((gender, key) => (
 95 |           <GenderItem key={key} category={gender} />
 96 |         ))}
 97 |       </div>
 98 |     </div>
 99 |   );
100 | };
101 | 
102 | export default GenderDropdown;
103 | 


--------------------------------------------------------------------------------
/src/components/ShopWithSidebar/PriceDropdown.tsx:
--------------------------------------------------------------------------------
 1 | import { useState } from 'react';
 2 | import RangeSlider from 'react-range-slider-input';
 3 | import 'react-range-slider-input/dist/style.css';
 4 | 
 5 | const PriceDropdown = () => {
 6 |   const [toggleDropdown, setToggleDropdown] = useState(true);
 7 | 
 8 |   const [selectedPrice, setSelectedPrice] = useState({
 9 |     from: 0,
10 |     to: 100,
11 |   });
12 | 
13 |   return (
14 |     <div className="bg-white shadow-1 rounded-lg">
15 |       <div
16 |         onClick={() => setToggleDropdown(!toggleDropdown)}
17 |         className="cursor-pointer flex items-center justify-between py-3 pl-6 pr-5.5"
18 |       >
19 |         <p className="text-dark">Price</p>
20 |         <button
21 |           onClick={() => setToggleDropdown(!toggleDropdown)}
22 |           id="price-dropdown-btn"
23 |           aria-label="button for price dropdown"
24 |           className={`text-dark ease-out duration-200 ${
25 |             toggleDropdown && 'rotate-180'
26 |           }`}
27 |         >
28 |           <svg
29 |             className="fill-current"
30 |             width="24"
31 |             height="24"
32 |             viewBox="0 0 24 24"
33 |             fill="none"
34 |             xmlns="http://www.w3.org/2000/svg"
35 |           >
36 |             <path
37 |               fillRule="evenodd"
38 |               clipRule="evenodd"
39 |               d="M4.43057 8.51192C4.70014 8.19743 5.17361 8.161 5.48811 8.43057L12 14.0122L18.5119 8.43057C18.8264 8.16101 19.2999 8.19743 19.5695 8.51192C19.839 8.82642 19.8026 9.29989 19.4881 9.56946L12.4881 15.5695C12.2072 15.8102 11.7928 15.8102 11.5119 15.5695L4.51192 9.56946C4.19743 9.29989 4.161 8.82641 4.43057 8.51192Z"
40 |               fill=""
41 |             />
42 |           </svg>
43 |         </button>
44 |       </div>
45 | 
46 |       {/* // <!-- dropdown menu --> */}
47 |       <div className={`p-6 ${toggleDropdown ? 'block' : 'hidden'}`}>
48 |         <div id="pricingOne">
49 |           <div className="price-range">
50 |             <RangeSlider
51 |               id="range-slider-gradient"
52 |               className="margin-lg"
53 |               step={'any'}
54 |               onInput={(e) =>
55 |                 setSelectedPrice({
56 |                   from: Math.floor(e[0]),
57 |                   to: Math.ceil(e[1]),
58 |                 })
59 |               }
60 |             />
61 | 
62 |             <div className="price-amount flex items-center justify-between pt-4">
63 |               <div className="text-custom-xs text-dark-4 flex rounded border border-gray-3/80">
64 |                 <span className="block border-r border-gray-3/80 px-2.5 py-1.5">
65 |                   $
66 |                 </span>
67 |                 <span id="minAmount" className="block px-3 py-1.5">
68 |                   {selectedPrice.from}
69 |                 </span>
70 |               </div>
71 | 
72 |               <div className="text-custom-xs text-dark-4 flex rounded border border-gray-3/80">
73 |                 <span className="block border-r border-gray-3/80 px-2.5 py-1.5">
74 |                   $
75 |                 </span>
76 |                 <span id="maxAmount" className="block px-3 py-1.5">
77 |                   {selectedPrice.to}
78 |                 </span>
79 |               </div>
80 |             </div>
81 |           </div>
82 |         </div>
83 |       </div>
84 |     </div>
85 |   );
86 | };
87 | 
88 | export default PriceDropdown;
89 | 


--------------------------------------------------------------------------------
/src/components/ShopWithSidebar/Progress.tsx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NextMerce/nextjs-ecommerce-template/a6589906c326de1cf7d2865f466e137b8b8fa438/src/components/ShopWithSidebar/Progress.tsx


--------------------------------------------------------------------------------
/src/components/ShopWithSidebar/SizeDropdown.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import React, { useState } from "react";
 3 | 
 4 | const SizeDropdown = () => {
 5 |   const [toggleDropdown, setToggleDropdown] = useState(true);
 6 |   return (
 7 |     <div className="bg-white shadow-1 rounded-lg">
 8 |       <div
 9 |         onClick={() => setToggleDropdown(!toggleDropdown)}
10 |         className={`cursor-pointer flex items-center justify-between py-3 pl-6 pr-5.5 ${
11 |           toggleDropdown && "shadow-filter"
12 |         }`}
13 |       >
14 |         <p className="text-dark">Size</p>
15 |         <button
16 |           onClick={() => setToggleDropdown(!toggleDropdown)}
17 |           aria-label="button for size dropdown"
18 |           className={`text-dark ease-out duration-200 ${
19 |             toggleDropdown && "rotate-180"
20 |           }`}
21 |         >
22 |           <svg
23 |             className="fill-current"
24 |             width="24"
25 |             height="24"
26 |             viewBox="0 0 24 24"
27 |             fill="none"
28 |             xmlns="http://www.w3.org/2000/svg"
29 |           >
30 |             <path
31 |               fillRule="evenodd"
32 |               clipRule="evenodd"
33 |               d="M4.43057 8.51192C4.70014 8.19743 5.17361 8.161 5.48811 8.43057L12 14.0122L18.5119 8.43057C18.8264 8.16101 19.2999 8.19743 19.5695 8.51192C19.839 8.82642 19.8026 9.29989 19.4881 9.56946L12.4881 15.5695C12.2072 15.8102 11.7928 15.8102 11.5119 15.5695L4.51192 9.56946C4.19743 9.29989 4.161 8.82641 4.43057 8.51192Z"
34 |               fill=""
35 |             />
36 |           </svg>
37 |         </button>
38 |       </div>
39 | 
40 |       {/* // <!-- dropdown menu --> */}
41 |       <div
42 |         className={`flex-wrap gap-2.5 p-6 ${
43 |           toggleDropdown ? "flex" : "hidden"
44 |         }`}
45 |       >
46 |         <label
47 |           htmlFor="sizeM"
48 |           className="cursor-pointer select-none flex items-center rounded-md bg-blue text-white hover:bg-blue hover:text-white"
49 |         >
50 |           <div className="relative">
51 |             <input type="radio" name="size" id="sizeM" className="sr-only" />
52 |             <div className="text-custom-sm py-[5px] px-3.5 rounded-[5px]">
53 |               M
54 |             </div>
55 |           </div>
56 |         </label>
57 | 
58 |         <label
59 |           htmlFor="sizeL"
60 |           className="cursor-pointer select-none flex items-center rounded-md hover:bg-blue hover:text-white"
61 |         >
62 |           <div className="relative">
63 |             <input type="radio" name="size" id="sizeL" className="sr-only" />
64 |             <div className="text-custom-sm py-[5px] px-3.5 rounded-[5px]">
65 |               L
66 |             </div>
67 |           </div>
68 |         </label>
69 | 
70 |         <label
71 |           htmlFor="sizeXL"
72 |           className="cursor-pointer select-none flex items-center rounded-md hover:bg-blue hover:text-white"
73 |         >
74 |           <div className="relative">
75 |             <input type="radio" name="size" id="sizeXL" className="sr-only" />
76 |             <div className="text-custom-sm py-[5px] px-3.5 rounded-[5px]">
77 |               XL
78 |             </div>
79 |           </div>
80 |         </label>
81 | 
82 |         <label
83 |           htmlFor="sizeXXL"
84 |           className="cursor-pointer select-none flex items-center rounded-md hover:bg-blue hover:text-white"
85 |         >
86 |           <div className="relative">
87 |             <input type="radio" name="size" id="sizeXXL" className="sr-only" />
88 |             <div className="text-custom-sm py-[5px] px-3.5 rounded-[5px]">
89 |               XXL
90 |             </div>
91 |           </div>
92 |         </label>
93 |       </div>
94 |     </div>
95 |   );
96 | };
97 | 
98 | export default SizeDropdown;
99 | 


--------------------------------------------------------------------------------
/src/components/Wishlist/index.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import React from "react";
 3 | import Breadcrumb from "../Common/Breadcrumb";
 4 | import { useAppSelector } from "@/redux/store";
 5 | import SingleItem from "./SingleItem";
 6 | 
 7 | export const Wishlist = () => {
 8 |   const wishlistItems = useAppSelector((state) => state.wishlistReducer.items);
 9 | 
10 |   return (
11 |     <>
12 |       <Breadcrumb title={"Wishlist"} pages={["Wishlist"]} />
13 |       <section className="overflow-hidden py-20 bg-gray-2">
14 |         <div className="max-w-[1170px] w-full mx-auto px-4 sm:px-8 xl:px-0">
15 |           <div className="flex flex-wrap items-center justify-between gap-5 mb-7.5">
16 |             <h2 className="font-medium text-dark text-2xl">Your Wishlist</h2>
17 |             <button className="text-blue">Clear Wishlist Cart</button>
18 |           </div>
19 | 
20 |           <div className="bg-white rounded-[10px] shadow-1">
21 |             <div className="w-full overflow-x-auto">
22 |               <div className="min-w-[1170px]">
23 |                 {/* <!-- table header --> */}
24 |                 <div className="flex items-center py-5.5 px-10">
25 |                   <div className="min-w-[83px]"></div>
26 |                   <div className="min-w-[387px]">
27 |                     <p className="text-dark">Product</p>
28 |                   </div>
29 | 
30 |                   <div className="min-w-[205px]">
31 |                     <p className="text-dark">Unit Price</p>
32 |                   </div>
33 | 
34 |                   <div className="min-w-[265px]">
35 |                     <p className="text-dark">Stock Status</p>
36 |                   </div>
37 | 
38 |                   <div className="min-w-[150px]">
39 |                     <p className="text-dark text-right">Action</p>
40 |                   </div>
41 |                 </div>
42 | 
43 |                 {/* <!-- wish item --> */}
44 |                 {wishlistItems.map((item, key) => (
45 |                   <SingleItem item={item} key={key} />
46 |                 ))}
47 |               </div>
48 |             </div>
49 |           </div>
50 |         </div>
51 |       </section>
52 |     </>
53 |   );
54 | };
55 | 


--------------------------------------------------------------------------------
/src/redux/features/cart-slice.ts:
--------------------------------------------------------------------------------
 1 | import { createSelector, createSlice, PayloadAction } from "@reduxjs/toolkit";
 2 | import { RootState } from "../store";
 3 | 
 4 | type InitialState = {
 5 |   items: CartItem[];
 6 | };
 7 | 
 8 | type CartItem = {
 9 |   id: number;
10 |   title: string;
11 |   price: number;
12 |   discountedPrice: number;
13 |   quantity: number;
14 |   imgs?: {
15 |     thumbnails: string[];
16 |     previews: string[];
17 |   };
18 | };
19 | 
20 | const initialState: InitialState = {
21 |   items: [],
22 | };
23 | 
24 | export const cart = createSlice({
25 |   name: "cart",
26 |   initialState,
27 |   reducers: {
28 |     addItemToCart: (state, action: PayloadAction<CartItem>) => {
29 |       const { id, title, price, quantity, discountedPrice, imgs } =
30 |         action.payload;
31 |       const existingItem = state.items.find((item) => item.id === id);
32 | 
33 |       if (existingItem) {
34 |         existingItem.quantity += quantity;
35 |       } else {
36 |         state.items.push({
37 |           id,
38 |           title,
39 |           price,
40 |           quantity,
41 |           discountedPrice,
42 |           imgs,
43 |         });
44 |       }
45 |     },
46 |     removeItemFromCart: (state, action: PayloadAction<number>) => {
47 |       const itemId = action.payload;
48 |       state.items = state.items.filter((item) => item.id !== itemId);
49 |     },
50 |     updateCartItemQuantity: (
51 |       state,
52 |       action: PayloadAction<{ id: number; quantity: number }>
53 |     ) => {
54 |       const { id, quantity } = action.payload;
55 |       const existingItem = state.items.find((item) => item.id === id);
56 | 
57 |       if (existingItem) {
58 |         existingItem.quantity = quantity;
59 |       }
60 |     },
61 | 
62 |     removeAllItemsFromCart: (state) => {
63 |       state.items = [];
64 |     },
65 |   },
66 | });
67 | 
68 | export const selectCartItems = (state: RootState) => state.cartReducer.items;
69 | 
70 | export const selectTotalPrice = createSelector([selectCartItems], (items) => {
71 |   return items.reduce((total, item) => {
72 |     return total + item.discountedPrice * item.quantity;
73 |   }, 0);
74 | });
75 | 
76 | export const {
77 |   addItemToCart,
78 |   removeItemFromCart,
79 |   updateCartItemQuantity,
80 |   removeAllItemsFromCart,
81 | } = cart.actions;
82 | export default cart.reducer;
83 | 


--------------------------------------------------------------------------------
/src/redux/features/product-details.ts:
--------------------------------------------------------------------------------
 1 | import { createSlice } from "@reduxjs/toolkit";
 2 | import { Product } from "@/types/product";
 3 | 
 4 | type InitialState = {
 5 |   value: Product;
 6 | };
 7 | 
 8 | const initialState = {
 9 |   value: {
10 |     title: "",
11 |     reviews: 0,
12 |     price: 0,
13 |     discountedPrice: 0,
14 |     img: "",
15 |     images: [],
16 |     id: 0,
17 |     imgs: { thumbnails: [], previews: [] },
18 |   },
19 | } as InitialState;
20 | 
21 | export const productDetails = createSlice({
22 |   name: "productDetails",
23 |   initialState,
24 |   reducers: {
25 |     updateproductDetails: (_, action) => {
26 |       return {
27 |         value: {
28 |           ...action.payload,
29 |         },
30 |       };
31 |     },
32 |   },
33 | });
34 | 
35 | export const { updateproductDetails } = productDetails.actions;
36 | export default productDetails.reducer;
37 | 


--------------------------------------------------------------------------------
/src/redux/features/quickView-slice.ts:
--------------------------------------------------------------------------------
 1 | import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 2 | import { Product } from "@/types/product";
 3 | 
 4 | type InitialState = {
 5 |   value: Product;
 6 | };
 7 | 
 8 | const initialState = {
 9 |   value: {
10 |     title: "",
11 |     reviews: 0,
12 |     price: 0,
13 |     discountedPrice: 0,
14 |     img: "",
15 |     id: 0,
16 |     images: [],
17 |     imgs: { thumbnails: [], previews: [] },
18 |   } as Product,
19 | } as InitialState;
20 | 
21 | export const quickView = createSlice({
22 |   name: "quickView",
23 |   initialState,
24 |   reducers: {
25 |     updateQuickView: (_, action) => {
26 |       return {
27 |         value: {
28 |           ...action.payload,
29 |         },
30 |       };
31 |     },
32 | 
33 |     resetQuickView: () => {
34 |       return {
35 |         value: initialState.value,
36 |       };
37 |     },
38 |   },
39 | });
40 | 
41 | export const { updateQuickView, resetQuickView } = quickView.actions;
42 | export default quickView.reducer;
43 | 


--------------------------------------------------------------------------------
/src/redux/features/wishlist-slice.ts:
--------------------------------------------------------------------------------
 1 | import { createSlice, PayloadAction } from "@reduxjs/toolkit";
 2 | 
 3 | type InitialState = {
 4 |   items: WishListItem[];
 5 | };
 6 | 
 7 | type WishListItem = {
 8 |   id: number;
 9 |   title: string;
10 |   price: number;
11 |   discountedPrice: number;
12 |   quantity: number;
13 |   status?: string;
14 |   imgs?: {
15 |     thumbnails: string[];
16 |     previews: string[];
17 |   };
18 | };
19 | 
20 | const initialState: InitialState = {
21 |   items: [],
22 | };
23 | 
24 | export const wishlist = createSlice({
25 |   name: "wishlist",
26 |   initialState,
27 |   reducers: {
28 |     addItemToWishlist: (state, action: PayloadAction<WishListItem>) => {
29 |       const { id, title, price, quantity, imgs, discountedPrice, status } =
30 |         action.payload;
31 |       const existingItem = state.items.find((item) => item.id === id);
32 | 
33 |       if (existingItem) {
34 |         existingItem.quantity += quantity;
35 |       } else {
36 |         state.items.push({
37 |           id,
38 |           title,
39 |           price,
40 |           quantity,
41 |           imgs,
42 |           discountedPrice,
43 |           status,
44 |         });
45 |       }
46 |     },
47 |     removeItemFromWishlist: (state, action: PayloadAction<number>) => {
48 |       const itemId = action.payload;
49 |       state.items = state.items.filter((item) => item.id !== itemId);
50 |     },
51 | 
52 |     removeAllItemsFromWishlist: (state) => {
53 |       state.items = [];
54 |     },
55 |   },
56 | });
57 | 
58 | export const {
59 |   addItemToWishlist,
60 |   removeItemFromWishlist,
61 |   removeAllItemsFromWishlist,
62 | } = wishlist.actions;
63 | export default wishlist.reducer;
64 | 


--------------------------------------------------------------------------------
/src/redux/provider.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { store } from "./store";
 4 | import { Provider } from "react-redux";
 5 | import React from "react";
 6 | 
 7 | export function ReduxProvider({ children }: { children: React.ReactNode }) {
 8 |   return <Provider store={store}>{children}</Provider>;
 9 | }
10 | 


--------------------------------------------------------------------------------
/src/redux/store.ts:
--------------------------------------------------------------------------------
 1 | import { configureStore } from "@reduxjs/toolkit";
 2 | 
 3 | import quickViewReducer from "./features/quickView-slice";
 4 | import cartReducer from "./features/cart-slice";
 5 | import wishlistReducer from "./features/wishlist-slice";
 6 | import productDetailsReducer from "./features/product-details";
 7 | 
 8 | import { TypedUseSelectorHook, useSelector } from "react-redux";
 9 | 
10 | export const store = configureStore({
11 |   reducer: {
12 |     quickViewReducer,
13 |     cartReducer,
14 |     wishlistReducer,
15 |     productDetailsReducer,
16 |   },
17 | });
18 | 
19 | export type RootState = ReturnType<typeof store.getState>;
20 | export type AppDispatch = typeof store.dispatch;
21 | 
22 | export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
23 | 


--------------------------------------------------------------------------------
/src/types/Menu.ts:
--------------------------------------------------------------------------------
1 | export type Menu = {
2 |   id: number;
3 |   title: string;
4 |   path?: string;
5 |   newTab: boolean;
6 |   submenu?: Menu[];
7 | };
8 | 


--------------------------------------------------------------------------------
/src/types/blogItem.ts:
--------------------------------------------------------------------------------
1 | export type BlogItem = {
2 |   date: string;
3 |   views: number;
4 |   title: string;
5 |   img: string;
6 | };
7 | 


--------------------------------------------------------------------------------
/src/types/category.ts:
--------------------------------------------------------------------------------
1 | export type Category = {
2 |   title: string;
3 |   id: number;
4 |   img: string;
5 | };
6 | 


--------------------------------------------------------------------------------
/src/types/product.ts:
--------------------------------------------------------------------------------
 1 | export type Product = {
 2 |   title: string;
 3 |   reviews: number;
 4 |   price: number;
 5 |   discountedPrice: number;
 6 |   id: number;
 7 |   imgs?: {
 8 |     thumbnails: string[];
 9 |     previews: string[];
10 |   };
11 | };
12 | 


--------------------------------------------------------------------------------
/src/types/testimonial.ts:
--------------------------------------------------------------------------------
1 | export type Testimonial = {
2 |   review: string;
3 |   authorName: string;
4 |   authorRole: string;
5 |   authorImg: string;
6 | };
7 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "es5",
 4 |     "lib": ["dom", "dom.iterable", "esnext"],
 5 |     "allowJs": true,
 6 |     "skipLibCheck": true,
 7 |     "strict": false,
 8 |     "noEmit": true,
 9 |     "esModuleInterop": true,
10 |     "module": "esnext",
11 |     "moduleResolution": "bundler",
12 |     "resolveJsonModule": true,
13 |     "isolatedModules": true,
14 |     "jsx": "preserve",
15 |     "incremental": true,
16 |     "plugins": [
17 |       {
18 |         "name": "next"
19 |       }
20 |     ],
21 |     "paths": {
22 |       "@/*": ["./src/*"]
23 |     }
24 |   },
25 |   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
26 |   "exclude": ["node_modules"]
27 | }
28 | 


--------------------------------------------------------------------------------