├── .eslintrc.json
├── .firebaserc
├── .github
    └── workflows
    │   └── basic.yml
├── .gitignore
├── LICENSE
├── README.md
├── components
    ├── account-menu.js
    ├── account
    │   ├── address-view.js
    │   ├── current-order-card.js
    │   ├── favorite-product.js
    │   └── order-history-item.js
    ├── checkout
    │   ├── checkout-stepper.js
    │   ├── payment-option-check.js
    │   ├── review-cart-item-row.js
    │   └── review-cart-item.js
    ├── footer.js
    ├── header.js
    ├── layout.js
    ├── product-rating.js
    ├── product
    │   ├── product-grid-card.js
    │   ├── product-simple-card.js
    │   └── product-simple-horizontal.js
    └── shopping-cart
    │   ├── cart-item-row.js
    │   ├── cart-item.js
    │   └── pricing-card.js
├── firebase.json
├── next.config.js
├── package-lock.json
├── package.json
├── pages
    ├── _app.js
    ├── account
    │   ├── current-orders.js
    │   ├── favorite-list.js
    │   ├── order-history.js
    │   └── profile.js
    ├── api
    │   └── hello.js
    ├── auth
    │   ├── forgot-password.js
    │   ├── login.js
    │   └── sign-up.js
    ├── checkout
    │   ├── checkout-success.js
    │   ├── confirm-checkout.js
    │   ├── delivery-info.js
    │   └── payment-info.js
    ├── explore
    │   └── index.js
    ├── index.js
    ├── product
    │   └── [id].js
    └── shopping-cart
    │   └── index.js
├── public
    ├── favicon.ico
    ├── fonts
    │   ├── Inter-Bold.ttf
    │   ├── Inter-Light.ttf
    │   ├── Inter-Medium.ttf
    │   ├── Inter-Regular.ttf
    │   ├── Inter-SemiBold.ttf
    │   ├── Roboto-Bold.ttf
    │   ├── Roboto-Italic.ttf
    │   ├── Roboto-Light.ttf
    │   ├── Roboto-Medium.ttf
    │   └── Roboto-Regular.ttf
    ├── images
    │   ├── apple-app-store-badge.svg
    │   ├── cover.jpg
    │   ├── google-play-badge.png
    │   ├── google-play-badge.svg
    │   └── online-shopping.jpg
    └── vercel.svg
└── styles
    ├── Home.module.css
    ├── bootstrap-custom.css
    ├── bootstrap-custom.css.map
    ├── globals.css
    └── scss
        └── bootstrap-custom.scss


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


--------------------------------------------------------------------------------
/.firebaserc:
--------------------------------------------------------------------------------
1 | {
2 |   "projects": {
3 |     "default": "mocha-mart"
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/.github/workflows/basic.yml:
--------------------------------------------------------------------------------
 1 | name: Fontend CI
 2 | 
 3 | on:
 4 | #   push:
 5 | #     branches: [main]
 6 |   release:
 7 |     types: [published]
 8 | #   pull_request:
 9 | #     branches: [ main ]
10 | 
11 | # Allows you to run this workflow manually from the Actions tab
12 | # workflow_dispatch:
13 | 
14 | jobs:
15 |   build:
16 |     runs-on: ubuntu-latest
17 | 
18 |     steps:
19 |       - uses: actions/checkout@v2
20 |       - name: Run nextjs build
21 |         run: |
22 |           npm install
23 |           npm run build
24 | 
25 |       - name: Archive production artifacts
26 |         uses: actions/upload-artifact@v2
27 |         with:
28 |           name: nextjs artifacts
29 |           path: out/
30 | 
31 |   deploy:
32 |     needs: build
33 |     runs-on: ubuntu-latest
34 | 
35 |     steps:
36 |       - uses: actions/checkout@v2
37 |       - uses: actions/download-artifact@v2
38 |         with:
39 |           name: nextjs artifacts
40 |           path: out
41 |       - name: Deploy to firebase hosting
42 |         run: |
43 |           npm install -g firebase-tools
44 |           firebase deploy --token ${{secrets.FIREBASE_TOKEN}}
45 | 


--------------------------------------------------------------------------------
/.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 | .env.development.local
30 | .env.test.local
31 | .env.production.local
32 | .env.development
33 | .env.production
34 | 
35 | # vercel
36 | .vercel
37 | 
38 | .vscode
39 | .firebase
40 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 Phyo Htet Arkar
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # E-commerce Template
 2 | E-commerce consumer front-end template. [Live Preview](https://mocha-mart.web.app)
 3 | 
 4 | - NextJS
 5 | - Bootstrap 5
 6 | 
 7 | ## Compile SCSS
 8 | 
 9 | ```bash
10 | cd styles
11 | sass scss/bootstrap-custom.scss:bootstrap-custom.css
12 | ```
13 | 


--------------------------------------------------------------------------------
/components/account-menu.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Link from "next/link";
 3 | 
 4 | const itemCss = "p-2 my-list-item";
 5 | 
 6 | function AccountMenu({ current }) {
 7 |   return (
 8 |     <div className="card border-0 shadow-sm">
 9 |       <div className="card-header">
10 |         <h4 className="mb-0 fw-semibold py-2">Account</h4>
11 |       </div>
12 |       <div className="card-body">
13 |         <div className="d-flex flex-column gap-2">
14 |           <Link href="/account/profile">
15 |             <a className={itemCss + (current == "profile" ? " active" : "")}>
16 |               <FontAwesomeIcon
17 |                 icon={["fas", "user-alt"]}
18 |                 className="me-2"
19 |                 fixedWidth
20 |               />
21 |               My profile
22 |             </a>
23 |           </Link>
24 | 
25 |           <Link href="/account/current-orders">
26 |             <a
27 |               className={
28 |                 itemCss + (current == "current-orders" ? " active" : "")
29 |               }
30 |             >
31 |               <FontAwesomeIcon
32 |                 icon={["fas", "shopping-bag"]}
33 |                 className="me-2"
34 |                 fixedWidth
35 |               />
36 |               Current orders
37 |             </a>
38 |           </Link>
39 | 
40 |           <Link href="/account/order-history">
41 |             <a
42 |               className={
43 |                 itemCss + (current == "order-history" ? " active" : "")
44 |               }
45 |             >
46 |               <FontAwesomeIcon
47 |                 icon={["fas", "truck"]}
48 |                 className="me-2"
49 |                 fixedWidth
50 |               />
51 |               Orders history
52 |             </a>
53 |           </Link>
54 | 
55 |           <Link href="/account/favorite-list">
56 |             <a
57 |               className={
58 |                 itemCss + (current == "favorite-list" ? " active" : "")
59 |               }
60 |             >
61 |               <FontAwesomeIcon
62 |                 icon={["fas", "heart"]}
63 |                 className="me-2"
64 |                 fixedWidth
65 |               />
66 |               My favorites
67 |             </a>
68 |           </Link>
69 |         </div>
70 |       </div>
71 |     </div>
72 |   );
73 | }
74 | 
75 | export default AccountMenu;
76 | 


--------------------------------------------------------------------------------
/components/account/address-view.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | 
 3 | function AddressView() {
 4 |   return (
 5 |     <div className="bg-background rounded px-3 py-2 d-flex gap-2 align-items-center">
 6 |       <FontAwesomeIcon
 7 |         icon={["fas", "map-marker-alt"]}
 8 |         className="text-muted"
 9 |         size="lg"
10 |       />
11 |       <div className="text-truncate" style={{ maxHeight: 44 }}>
12 |         <p className=" mb-0 small text-wrap">
13 |           No. 33, Mocha Street, Milk Township Yangon, Myanmar No.
14 |         </p>
15 |       </div>
16 |       <button className="btn btn-sm px-1 ms-auto">
17 |         <FontAwesomeIcon icon={["fas", "ellipsis-v"]} className="text-muted" />
18 |       </button>
19 |     </div>
20 |   );
21 | }
22 | 
23 | export default AddressView;
24 | 


--------------------------------------------------------------------------------
/components/account/current-order-card.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import ReviewCartItem from "../checkout/review-cart-item";
 3 | 
 4 | function CurrentOrderCard({ id }) {
 5 |   return (
 6 |     <div className="card border-0 shadow-sm mb-3">
 7 |       <div className="card-header py-3 bg-white">
 8 |         <div className="row">
 9 |           <div className="col d-flex">
10 |             <span className="fw-semibold h5 my-auto">Order ID: {id}</span>
11 |           </div>
12 |           <div className="col-auto">
13 |             <button className="btn btn-sm btn-outline-danger">
14 |               Cancel order
15 |             </button>
16 |           </div>
17 |         </div>
18 |       </div>
19 |       <div className="card-body">
20 |         <div className="row gx-2 gy-3">
21 |           <div className="col-md-5">
22 |             <h6 className="fw-bold">Shipping Address</h6>
23 |             <div className="vstack text-dark small">
24 |               <span>Milk Mocha</span>
25 |               <span>No. 33, Mocha Street, Milk Township</span>
26 |               <span>Yangon, Myanmar</span>
27 |               <span>Tel: +95911223344</span>
28 |               <span>Email: milkmocha@domain.com</span>
29 |             </div>
30 |           </div>
31 |           <div className="col-md-4">
32 |             <h6 className="fw-bold">Payment Method</h6>
33 |             <div className="text-success">
34 |               <span className="fw-bold">
35 |                 <FontAwesomeIcon icon={["fab", "cc-visa"]} size="lg" />
36 |               </span>
37 |               <span className="ms-2 small">XXXX-XXXX-XXXX-2345</span>
38 |             </div>
39 |             <div>Subtotal: 30,000</div>
40 |             <div>Delivery fee: 3,000</div>
41 |             <div className="fw-semibold">Total: 33,000</div>
42 |           </div>
43 |           <div className="col-md-3">
44 |             <h6 className="fw-bold">Status</h6>
45 |             <div className="text-warning">
46 |               <span className="fw-semibold">PROCESSING</span>
47 |             </div>
48 |           </div>
49 |         </div>
50 | 
51 |         <hr className="text-muted" />
52 | 
53 |         <div className="row row-cols-1 row-cols-md-2 g-3">
54 |           <div className="col">
55 |             <ReviewCartItem />
56 |           </div>
57 |           <div className="col">
58 |             <ReviewCartItem />
59 |           </div>
60 |           <div className="col">
61 |             <ReviewCartItem />
62 |           </div>
63 |         </div>
64 |       </div>
65 |       <div className="card-footer small border-0 py-3 text-muted">
66 |         Order Date: {new Date().toDateString()}
67 |       </div>
68 |     </div>
69 |   );
70 | }
71 | 
72 | export default CurrentOrderCard;
73 | 


--------------------------------------------------------------------------------
/components/account/favorite-product.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Link from "next/link";
 3 | import ProductRating from "../product-rating";
 4 | 
 5 | function FavoriteProduct({ id }) {
 6 |   return (
 7 |     <div className="card border-0 shadow-sm">
 8 |       <div className="card-body">
 9 |         <div className="d-flex py-2">
10 |           <div className="flex-shink-0" style={{ height: 80 }}>
11 |             <img
12 |               className="rounded"
13 |               src={`https://source.unsplash.com/random/100x100?random=${Math.floor(
14 |                 Math.random() * 50
15 |               )}`}
16 |               width={80}
17 |               height={80}
18 |               alt="Product image."
19 |               style={{ objectFit: "cover" }}
20 |             />
21 |           </div>
22 |           <div className="d-flex flex-column flex-grow-1 ms-3">
23 |             <Link href="/product/1">
24 |               <a className="text-dark text-decoration-none fw-semibold">
25 |                 Product name here
26 |               </a>
27 |             </Link>
28 |             <small>
29 |               <ProductRating />
30 |             </small>
31 |             <h6 className="mb-0 fw-semibold mt-2">15000Ks</h6>
32 |             <div className="mb-2 text-truncate" style={{ maxHeight: 44 }}>
33 |               <div className="small text-muted text-wrap">
34 |                 Lorem ipsum is placeholder text commonly used in the graphic,
35 |                 print, and publishing industries for previewing layouts and
36 |                 visual mockups.
37 |               </div>
38 |             </div>
39 |             <div className="hstack gap-2">
40 |               <button className="btn btn-sm btn-secondary text-primary">
41 |                 <FontAwesomeIcon icon={("fas", "cart-plus")} />
42 |                 &nbsp;Add to cart
43 |               </button>
44 |               <button className="btn btn-sm btn-outline-light text-danger border">
45 |                 <FontAwesomeIcon icon={("fas", "trash-alt")} fixedWidth />
46 |               </button>
47 |             </div>
48 |           </div>
49 |         </div>
50 |       </div>
51 |     </div>
52 |   );
53 | }
54 | 
55 | export default FavoriteProduct;
56 | 


--------------------------------------------------------------------------------
/components/account/order-history-item.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | 
 3 | function OrderHistoryItem({ id, cancel }) {
 4 |   return (
 5 |     <div className="card border-0 shadow-sm mb-3">
 6 |       <div className="card-header py-3 bg-white">
 7 |         <div className="row">
 8 |           <div className="col d-flex">
 9 |             <span className="fw-semibold h5 my-auto">Order ID: {id}</span>
10 |           </div>
11 |           <div className="col-auto">
12 |             <button className="btn btn-sm btn-outline-primary">
13 |               View Detail
14 |             </button>
15 |           </div>
16 |         </div>
17 |       </div>
18 |       <div className="card-body">
19 |         <div className="row gx-2 gy-3">
20 |           <div className="col-md-5">
21 |             <h6 className="fw-bold">Shipping Address</h6>
22 |             <div className="vstack text-dark small">
23 |               <span>Milk Mocha</span>
24 |               <span>No. 33, Mocha Street, Milk Township</span>
25 |               <span>Yangon, Myanmar</span>
26 |               <span>Tel: +95911223344</span>
27 |               <span>Email: milkmocha@domain.com</span>
28 |             </div>
29 |           </div>
30 |           <div className="col-md-4">
31 |             <h6 className="fw-bold">Payment Method</h6>
32 |             <div className="text-success">
33 |               {cancel ? (
34 |                 <>
35 |                   <span className="fw-bold">
36 |                     <FontAwesomeIcon
37 |                       icon={["fas", "money-bill-wave"]}
38 |                       size="lg"
39 |                     />
40 |                   </span>
41 |                   <span className="ms-2 small">Cash on delivery</span>
42 |                 </>
43 |               ) : (
44 |                 <>
45 |                   <span className="fw-bold">
46 |                     <FontAwesomeIcon icon={["fab", "cc-visa"]} size="lg" />
47 |                   </span>
48 |                   <span className="ms-2 small">XXXX-XXXX-XXXX-2345</span>
49 |                 </>
50 |               )}
51 |             </div>
52 |             <div>Subtotal: 30,000</div>
53 |             <div>Delivery fee: 3,000</div>
54 |             <div className="fw-semibold">Total: 33,000</div>
55 |           </div>
56 |           <div className="col-md-3">
57 |             <h6 className="fw-bold">Status</h6>
58 |             <div className={cancel ? "text-danger" : "text-success"}>
59 |               <span className="fw-semibold">
60 |                 {cancel ? "CANCELLED" : "DELIVERED"}
61 |               </span>
62 |             </div>
63 |           </div>
64 |         </div>
65 |       </div>
66 |       <div className="card-footer small border-0 py-3 text-muted">
67 |         Order Date: {new Date().toDateString()}
68 |       </div>
69 |     </div>
70 |   );
71 | }
72 | 
73 | export default OrderHistoryItem;
74 | 


--------------------------------------------------------------------------------
/components/checkout/checkout-stepper.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | 
 3 | const stepClass =
 4 |   "p-0 position-absolute rounded-circle btn btn-primary fw-bold";
 5 | 
 6 | function CheckoutStepper({ step = 1 }) {
 7 |   let progress = 0;
 8 |   if (step == 2) {
 9 |     progress = 50;
10 |   } else if (step == 3) {
11 |     progress = 100;
12 |   }
13 | 
14 |   return (
15 |     <>
16 |       <div className="position-relative mt-3 mb-4 mx-5 text-light">
17 |         <div className="progress" style={{ height: 6 }}>
18 |           <div
19 |             className="progress-bar"
20 |             role="progressbar"
21 |             aria-valuenow={progress}
22 |             aria-valuemin="0"
23 |             aria-valuemax="100"
24 |             style={{ width: `${progress}%` }}
25 |           ></div>
26 |         </div>
27 |         <button
28 |           disabled={step < 1}
29 |           className={stepClass + " top-50 start-0 translate-middle"}
30 |           style={{ width: 40, height: 40 }}
31 |         >
32 |           <FontAwesomeIcon icon={["fas", step > 1 ? "check" : "truck"]} />
33 |         </button>
34 |         <button
35 |           disabled={step < 2}
36 |           className={stepClass + " top-50 start-50 translate-middle"}
37 |           style={{ width: 40, height: 40 }}
38 |         >
39 |           <FontAwesomeIcon icon={["fas", step > 2 ? "check" : "credit-card"]} />
40 |         </button>
41 |         <button
42 |           disabled={step < 3}
43 |           className={stepClass + " top-50 start-100 translate-middle"}
44 |           style={{ width: 40, height: 40 }}
45 |         >
46 |           <FontAwesomeIcon
47 |             icon={["fas", step > 3 ? "check" : "clipboard-check"]}
48 |           />
49 |         </button>
50 |       </div>
51 |       <div className="position-relative mb-4 mx-5" style={{ height: 20 }}>
52 |         <span className="position-absolute top-50 start-0 translate-middle">
53 |           Delivery
54 |         </span>
55 |         <span className="position-absolute top-50 start-50 translate-middle">
56 |           Payment
57 |         </span>
58 |         <span className="position-absolute top-50 start-100 translate-middle">
59 |           Confirmed
60 |         </span>
61 |       </div>
62 |     </>
63 |   );
64 | }
65 | 
66 | export default CheckoutStepper;
67 | 


--------------------------------------------------------------------------------
/components/checkout/payment-option-check.js:
--------------------------------------------------------------------------------
 1 | function PaymentOptionCheck({ name, title, checked, onCheckedChanged }) {
 2 |   let checkedCss = "";
 3 |   if (checked) {
 4 |     checkedCss = " border-primary";
 5 |   }
 6 | 
 7 |   return (
 8 |     <div
 9 |       role="button"
10 |       className={
11 |         "border border-2 rounded px-3 py-2 hover-border-primary" + checkedCss
12 |       }
13 |       onClick={() => onCheckedChanged(name)}
14 |     >
15 |       <div className="fw-medium">{title}</div>
16 |       {/* <div className="form-check">
17 |         <input
18 |           className="form-check-input d-none"
19 |           type="radio"
20 |           checked={checked}
21 |           name={name}
22 |           onChange={onCheckedChanged}
23 |         />
24 |         <label className="form-check-label fw-medium">{title}</label>
25 |       </div> */}
26 |     </div>
27 |   );
28 | }
29 | 
30 | export default PaymentOptionCheck;
31 | 


--------------------------------------------------------------------------------
/components/checkout/review-cart-item-row.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Image from "next/image";
 3 | import Link from "next/link";
 4 | 
 5 | function ReviewCartItemRow() {
 6 |   return (
 7 |     <tr>
 8 |       <td scope="row">
 9 |         <div className="hstack">
10 |           <img
11 |             className="rounded"
12 |             src={`https://source.unsplash.com/random/100x100?random=${Math.floor(
13 |               Math.random() * 10
14 |             )}`}
15 |             width={80}
16 |             height={80}
17 |             alt="Product image."
18 |             style={{ objectFit: "cover" }}
19 |           />
20 |           <div className="ms-3">
21 |             <span className="h5">Product name here</span>
22 |             <small className="d-flex text-muted" style={{ fontSize: 12 }}>
23 |               <span>Medium</span>
24 |               ,&nbsp;
25 |               <span>White</span>
26 |             </small>
27 |           </div>
28 |         </div>
29 |       </td>
30 |       <td className="text-end">
31 |         <span>1 &times; 10000Ks</span>
32 |       </td>
33 |     </tr>
34 |   );
35 | }
36 | 
37 | export default ReviewCartItemRow;
38 | 


--------------------------------------------------------------------------------
/components/checkout/review-cart-item.js:
--------------------------------------------------------------------------------
 1 | import Link from "next/link";
 2 | 
 3 | function ReviewCartItem({ id }) {
 4 |   return (
 5 |     <div className="d-flex">
 6 |       <div className="flex-shink-0">
 7 |         <img
 8 |           className="rounded"
 9 |           src={`https://source.unsplash.com/random/80x80?random=${Math.floor(
10 |             Math.random() * 50
11 |           )}`}
12 |           width={80}
13 |           height={80}
14 |           alt="Product image."
15 |           style={{ objectFit: "cover" }}
16 |         />
17 |       </div>
18 |       <div className="flex-grow-1 ms-3 h-100">
19 |         <div className="vstack">
20 |           <Link href="/product/1">
21 |             <a className="text-dark text-decoration-none">Product name here</a>
22 |           </Link>
23 |           <small className="text-muted mb-2" style={{ fontSize: 12 }}>
24 |             <span>Medium</span>
25 |             ,&nbsp;
26 |             <span>White</span>
27 |           </small>
28 |           <h6 className="mb-0">1 &times; 10,000</h6>
29 |         </div>
30 |       </div>
31 |     </div>
32 |   );
33 | }
34 | 
35 | export default ReviewCartItem;
36 | 


--------------------------------------------------------------------------------
/components/footer.js:
--------------------------------------------------------------------------------
  1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
  2 | import Link from "next/link";
  3 | 
  4 | function Footer() {
  5 |   return (
  6 |     <div className="vstack mt-auto">
  7 |       <footer className="py-4 bg-primary">
  8 |         <div className="container py-3">
  9 |           <div className="row g-3">
 10 |             <div className="col-md-6 col-lg-4 d-none d-md-block">
 11 |               <h5 className="text-light">Contact us</h5>
 12 |               <div className="vstack gap-1">
 13 |                 <p className="mb-2 text-light text-opacity-75 small">
 14 |                   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 15 |                   Integer in feugiat lorem.
 16 |                 </p>
 17 |                 <small className="d-flex text-light text-opacity-75 gap-2">
 18 |                   <FontAwesomeIcon
 19 |                     icon={["fas", "map-marker"]}
 20 |                     className="mt-1"
 21 |                   />
 22 |                   <div>123 Mocha Street, Milk Township, Yangon.</div>
 23 |                 </small>
 24 |                 <small className="d-flex text-light text-opacity-75 gap-2">
 25 |                   <FontAwesomeIcon
 26 |                     icon={["fas", "envelope"]}
 27 |                     className="mt-1"
 28 |                   />
 29 |                   <div>info@domain.com</div>
 30 |                 </small>
 31 |                 <small className="d-flex text-light text-opacity-75 gap-2">
 32 |                   <FontAwesomeIcon icon={["fas", "phone"]} className="mt-1" />
 33 |                   <div>(+95) 9 12345678</div>
 34 |                 </small>
 35 |               </div>
 36 |             </div>
 37 |             <div className="col-md-6 col-lg-2 d-none d-md-block">
 38 |               <h5 className="text-light">Information</h5>
 39 |               <div className="vstack small gap-2">
 40 |                 <a href="#" className="footer-link">
 41 |                   About us
 42 |                 </a>
 43 |                 <a href="#" className="footer-link">
 44 |                   Find a store
 45 |                 </a>
 46 |                 <a href="#" className="footer-link">
 47 |                   Terms & conditions
 48 |                 </a>
 49 |               </div>
 50 |             </div>
 51 |             <div className="col-md-6 col-lg-2 d-none d-md-block">
 52 |               <h5 className="text-light">Account</h5>
 53 |               <div className="vstack small gap-2">
 54 |                 <Link href="/auth/login">
 55 |                   <a className="footer-link">User Login</a>
 56 |                 </Link>
 57 |                 <Link href="/auth/sign-up">
 58 |                   <a className="footer-link">User Register</a>
 59 |                 </Link>
 60 |                 <Link href="/account/profile">
 61 |                   <a className="footer-link">Account Setting</a>
 62 |                 </Link>
 63 |                 <Link href="/account/current-orders">
 64 |                   <a className="footer-link">My Orders</a>
 65 |                 </Link>
 66 |               </div>
 67 |             </div>
 68 |             <div className="col-md-6 col-lg-4">
 69 |               <h5 className="text-light text-center text-md-start">
 70 |                 Newsletter
 71 |               </h5>
 72 |               <div className="text-light text-opacity-75 mb-3 small text-center text-md-start">
 73 |                 Subscribe for promotions and wonderful events
 74 |               </div>
 75 |               <form className="hstack gap-2 justify-content-center justify-content-md-start mb-3">
 76 |                 <div>
 77 |                   <input
 78 |                     type="email"
 79 |                     className="form-control border border-primary"
 80 |                     placeholder="Your email"
 81 |                   />
 82 |                 </div>
 83 |                 <button className="btn btn-warning">Subscribe</button>
 84 |               </form>
 85 |               <div className="hstack gap-2 justify-content-center justify-content-md-start">
 86 |                 <a href="#" className="text-decoration-none">
 87 |                   <img src="/images/apple-app-store-badge.svg" alt="" />
 88 |                 </a>
 89 |                 <a href="#" className="text-decoration-none">
 90 |                   <img src="/images/google-play-badge.svg" alt="" />
 91 |                 </a>
 92 |               </div>
 93 |             </div>
 94 |           </div>
 95 |         </div>
 96 |       </footer>
 97 |       <footer className="py-4 bg-primary-dark">
 98 |         <div className="container d-flex">
 99 |           <span className="text-light text-opacity-50 my-auto">
100 |             &copy; {new Date().getFullYear()} Mocha Mart
101 |           </span>
102 |           <div className="ms-auto hstack gap-4">
103 |             <a href="#" className="ms-auto link-light">
104 |               <FontAwesomeIcon icon={["fab", "facebook-f"]} size="lg" />
105 |             </a>
106 |             <a href="#" className="ms-auto link-light">
107 |               <FontAwesomeIcon icon={["fab", "twitter"]} size="lg" />
108 |             </a>
109 |             <a href="#" className="ms-auto link-light">
110 |               <FontAwesomeIcon icon={["fab", "instagram"]} size="lg" />
111 |             </a>
112 |           </div>
113 |         </div>
114 |       </footer>
115 |     </div>
116 |   );
117 | }
118 | 
119 | export default Footer;
120 | 


--------------------------------------------------------------------------------
/components/header.js:
--------------------------------------------------------------------------------
  1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
  2 | import Link from "next/link";
  3 | 
  4 | function Header({ simple, hideAuth }) {
  5 |   let title = process.env.APP_NAME;
  6 |   return (
  7 |     <header>
  8 |       <nav className="navbar navbar-expand-lg navbar-light bg-white border-bottom">
  9 |         <div className="container">
 10 |           <Link href="/">
 11 |             <a className="navbar-brand">
 12 |               {/* <FontAwesomeIcon
 13 |                 icon={["fas", "shopping-basket"]}
 14 |                 className="d-inline-block"
 15 |               /> */}
 16 |               <span className="ms-2 mb-0 h4 text-primary fw-bold">
 17 |                 Mocha Mart
 18 |               </span>
 19 |             </a>
 20 |           </Link>
 21 |           <div className="collapse navbar-collapse">
 22 |             <form className="d-flex">
 23 |               <div className="input-group">
 24 |                 <input
 25 |                   className="form-control"
 26 |                   type="search"
 27 |                   placeholder="Search..."
 28 |                   aria-label="Search"
 29 |                   size="32"
 30 |                 />
 31 |                 <button type="button" className="btn btn-primary">
 32 |                   <FontAwesomeIcon icon={["fas", "search"]} />
 33 |                 </button>
 34 |               </div>
 35 |             </form>
 36 |           </div>
 37 |           <div className="d-flex">
 38 |             {!hideAuth && (
 39 |               <>
 40 |                 <Link href="/auth/login">
 41 |                   <a className="btn btn-outline-primary d-none d-md-block">
 42 |                     Login
 43 |                   </a>
 44 |                 </Link>
 45 |                 <Link href="/auth/sign-up">
 46 |                   <a className="btn btn-primary d-none d-md-block ms-2">
 47 |                     Sign up
 48 |                   </a>
 49 |                 </Link>
 50 |               </>
 51 |             )}
 52 |             <Link href="/shopping-cart">
 53 |               <a className="btn btn-light border position-relative ms-2 fw-normal">
 54 |                 <FontAwesomeIcon icon={["fas", "shopping-cart"]} />
 55 |                 &nbsp;Cart
 56 |                 <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger my-auto">
 57 |                   3
 58 |                 </span>
 59 |               </a>
 60 |             </Link>
 61 |           </div>
 62 |         </div>
 63 |       </nav>
 64 |       {!simple && (
 65 |         <nav className="navbar navbar-expand-lg navbar-light bg-white border-bottom">
 66 |           <div className="container">
 67 |             <button
 68 |               className="navbar-toggler ms-auto"
 69 |               type="button"
 70 |               data-bs-toggle="collapse"
 71 |               data-bs-target="#navbarNavDropdown"
 72 |               aria-controls="navbarNavDropdown"
 73 |               aria-expanded="false"
 74 |               aria-label="Toggle navigation"
 75 |             >
 76 |               <span className="navbar-toggler-icon"></span>
 77 |             </button>
 78 |             <div className="collapse navbar-collapse" id="navbarNavDropdown">
 79 |               <ul className="navbar-nav">
 80 |                 <li className="nav-item">
 81 |                   <Link href="/explore">
 82 |                     <a className="nav-link">All Categories</a>
 83 |                   </Link>
 84 |                 </li>
 85 |                 <li className="nav-item">
 86 |                   <Link href="/explore">
 87 |                     <a className="nav-link">Electronics</a>
 88 |                   </Link>
 89 |                 </li>
 90 |                 <li className="nav-item">
 91 |                   <Link href="/explore">
 92 |                     <a className="nav-link">Clothing</a>
 93 |                   </Link>
 94 |                 </li>
 95 |                 <li className="nav-item">
 96 |                   <Link href="/explore">
 97 |                     <a className="nav-link">Furnitures</a>
 98 |                   </Link>
 99 |                 </li>
100 |                 <li className="nav-item">
101 |                   <Link href="/explore">
102 |                     <a className="nav-link">Medicines</a>
103 |                   </Link>
104 |                 </li>
105 |                 <li className="nav-item">
106 |                   <Link href="/explore">
107 |                     <a className="nav-link">Cosmetics</a>
108 |                   </Link>
109 |                 </li>
110 |               </ul>
111 |               <ul className="ms-auto navbar-nav">
112 |                 <li className="nav-item dropdown">
113 |                   <a
114 |                     href="#"
115 |                     className="nav-link dropdown-toggle"
116 |                     role="button"
117 |                     data-bs-toggle="dropdown"
118 |                     aria-expanded="false"
119 |                     id="languageMenuLink"
120 |                   >
121 |                     English
122 |                   </a>
123 |                   <ul
124 |                     className="dropdown-menu dropdown-menu-macos dropdown-menu-end"
125 |                     aria-labelledby="languageMenuLink"
126 |                   >
127 |                     <li>
128 |                       <a href="#" className="dropdown-item">
129 |                         English
130 |                       </a>
131 |                     </li>
132 |                     <li>
133 |                       <a href="#" className="dropdown-item mt-1">
134 |                         Myanmar
135 |                       </a>
136 |                     </li>
137 |                   </ul>
138 |                 </li>
139 |               </ul>
140 |             </div>
141 |           </div>
142 |         </nav>
143 |       )}
144 |     </header>
145 |   );
146 | }
147 | 
148 | export default Header;
149 | 


--------------------------------------------------------------------------------
/components/layout.js:
--------------------------------------------------------------------------------
 1 | import Head from "next/head";
 2 | import Footer from "./footer";
 3 | import Header from "./header";
 4 | 
 5 | function Layout({ simpleHeader, hideAuth, children }) {
 6 |   return (
 7 |     <>
 8 |       <Head>
 9 |         <meta name="viewport" content="width=device-width, initial-scale=1" />
10 |         <meta name="theme-color" content="#ffffff" />
11 |         <meta name="description" content="Best e-commerce app" />
12 |         <link rel="icon" href="/favicon.ico" />
13 |         <title>Mocha Mart</title>
14 |       </Head>
15 |       <div className="d-flex flex-column h-100">
16 |         <Header simple={simpleHeader} hideAuth={hideAuth} />
17 |         <main className="flex-shrink-0">{children}</main>
18 |         <Footer />
19 |       </div>
20 |     </>
21 |   );
22 | }
23 | 
24 | export default Layout;
25 | 


--------------------------------------------------------------------------------
/components/product-rating.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | 
 3 | function ProductRating() {
 4 |   return (
 5 |     <div className="hstack">
 6 |       <FontAwesomeIcon
 7 |         icon={["fas", "star"]}
 8 |         size="sm"
 9 |         className="text-warning"
10 |       />
11 |       <FontAwesomeIcon
12 |         icon={["fas", "star"]}
13 |         size="sm"
14 |         className="text-warning"
15 |       />
16 |       <FontAwesomeIcon
17 |         icon={["fas", "star"]}
18 |         size="sm"
19 |         className="text-warning"
20 |       />
21 |       <FontAwesomeIcon
22 |         icon={["fas", "star"]}
23 |         size="sm"
24 |         className="text-warning"
25 |       />
26 |       <FontAwesomeIcon
27 |         icon={["fas", "star-half-alt"]}
28 |         size="sm"
29 |         className="text-warning"
30 |       />
31 |     </div>
32 |   );
33 | }
34 | 
35 | export default ProductRating;
36 | 


--------------------------------------------------------------------------------
/components/product/product-grid-card.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Link from "next/link";
 3 | 
 4 | function ProductGridCard({ id, title, off }) {
 5 |   let price = 10000;
 6 |   let percentOff;
 7 |   let offPrice = `${price}Ks`;
 8 | 
 9 |   if (off && off > 0) {
10 |     percentOff = (
11 |       <div
12 |         className="badge bg-dark opacity-75 py-2 text-white position-absolute"
13 |         style={{ top: "0.5rem", right: "0.5rem" }}
14 |       >
15 |         {off}% OFF
16 |       </div>
17 |     );
18 | 
19 |     offPrice = (
20 |       <>
21 |         {price - (off * price) / 100}Ks&nbsp;
22 |         <del className="text-muted small fw-normal">{price}Ks</del>
23 |       </>
24 |     );
25 |   }
26 |   return (
27 |     <div className="card h-100 border-0 shadow-sm">
28 |       <Link href="/product/1">
29 |         <a>
30 |           <div className="ratio ratio-1x1">
31 |             <img
32 |               className="card-img-top "
33 |               src={`https://source.unsplash.com/random/200x240?random=${Math.floor(
34 |                 Math.random() * 100
35 |               )}`}
36 |               alt="Product image."
37 |               style={{ objectFit: "cover" }}
38 |             />
39 |           </div>
40 |           {percentOff}
41 |         </a>
42 |       </Link>
43 |       <div className="card-body">
44 |         <div className="vstack gap-2">
45 |           <Link href="/product/1">
46 |             <a className="text-dark text-decoration-none">Product name here</a>
47 |           </Link>
48 | 
49 |           <h6 className="fw-semibold">{offPrice}</h6>
50 | 
51 |           <div className="hstack gap-2">
52 |             <button className="btn btn-secondary text-primary flex-grow-1 d-md-block d-lg-none">
53 |               <FontAwesomeIcon icon={["fas", "cart-plus"]} />
54 |               &nbsp;Add to card
55 |             </button>
56 |             <button className="btn btn-outline-secondary text-primary border d-md-block d-lg-none">
57 |               <FontAwesomeIcon icon={["far", "heart"]} />
58 |             </button>
59 | 
60 |             <button className="btn btn-sm btn-secondary text-primary flex-grow-1 d-none d-lg-block">
61 |               <FontAwesomeIcon icon={["fas", "cart-plus"]} />
62 |               &nbsp;Add to card
63 |             </button>
64 |             <button className="btn btn-sm btn-outline-secondary text-primary border d-none d-lg-block">
65 |               <FontAwesomeIcon icon={["far", "heart"]} />
66 |             </button>
67 |           </div>
68 |         </div>
69 |       </div>
70 |     </div>
71 |   );
72 | }
73 | 
74 | export default ProductGridCard;
75 | 


--------------------------------------------------------------------------------
/components/product/product-simple-card.js:
--------------------------------------------------------------------------------
 1 | import Link from "next/link";
 2 | import ProductRating from "../product-rating";
 3 | 
 4 | function ProductSimpleCard({ id, title }) {
 5 |   return (
 6 |     <div className="card h-100 border-0 shadow-sm">
 7 |       <div className="ratio ratio-1x1">
 8 |         <img
 9 |           className="card-img-top"
10 |           src={`https://source.unsplash.com/random/200x200?random=${Math.floor(
11 |             Math.random() * 100
12 |           )}`}
13 |           alt="Product image."
14 |           style={{ objectFit: "cover" }}
15 |         />
16 |       </div>
17 |       <div className="card-body">
18 |         <Link href="/product/1">
19 |           <a className="mb-1 text-dark text-decoration-none stretched-link">
20 |             Product name here
21 |           </a>
22 |         </Link>
23 | 
24 |         <ProductRating />
25 | 
26 |         <h6 className="mb-0 fw-semibold mt-2">15000 Ks</h6>
27 |       </div>
28 |     </div>
29 |   );
30 | }
31 | 
32 | export default ProductSimpleCard;
33 | 


--------------------------------------------------------------------------------
/components/product/product-simple-horizontal.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Link from "next/link";
 3 | 
 4 | function ProductSimpleHorizontal({ id }) {
 5 |   return (
 6 |     <div className="d-flex py-2">
 7 |       <div className="flex-shink-0" style={{ height: 80 }}>
 8 |         <img
 9 |           className="rounded"
10 |           src={`https://source.unsplash.com/random/100x100?random=${Math.floor(
11 |             Math.random() * 50
12 |           )}`}
13 |           width={80}
14 |           height={80}
15 |           alt="Product image."
16 |           style={{ objectFit: "cover" }}
17 |         />
18 |       </div>
19 |       <div className="d-flex flex-column flex-grow-1 ms-3">
20 |         <Link href="/product/1">
21 |           <a className="text-dark text-decoration-none">Product name here</a>
22 |         </Link>
23 |         <h6 className="mb-0 fw-semibold">10000Ks</h6>
24 |         <div className="mt-auto">
25 |           <button className="btn btn-sm btn-secondary text-primary rounded-3">
26 |             <FontAwesomeIcon icon={("fas", "cart-plus")} />
27 |             &nbsp;Add to cart
28 |           </button>
29 |         </div>
30 |       </div>
31 |     </div>
32 |   );
33 | }
34 | 
35 | export default ProductSimpleHorizontal;
36 | 


--------------------------------------------------------------------------------
/components/shopping-cart/cart-item-row.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Image from "next/image";
 3 | import Link from "next/link";
 4 | 
 5 | function CartItemRow() {
 6 |   const getQtyInput = () => {
 7 |     return (
 8 |       <div className="input-group input-group-sm" style={{ width: 100 }}>
 9 |         <button className="btn btn-outline-primary" type="button">
10 |           <FontAwesomeIcon icon={["fas", "minus"]} />
11 |         </button>
12 |         <input
13 |           type="text"
14 |           className="form-control text-center border-primary"
15 |           placeholder=""
16 |           defaultValue="1"
17 |           size="2"
18 |         />
19 |         <button className="btn btn-outline-primary" type="button">
20 |           <FontAwesomeIcon icon={["fas", "plus"]} />
21 |         </button>
22 |       </div>
23 |     );
24 |   };
25 | 
26 |   return (
27 |     <tr>
28 |       <td scope="row">
29 |         <div className="hstack">
30 |           <img
31 |             className="rounded"
32 |             src={`https://source.unsplash.com/random/100x100?random=${Math.floor(
33 |               Math.random() * 50
34 |             )}`}
35 |             width={80}
36 |             height={80}
37 |             alt="Product image."
38 |             style={{ objectFit: "cover" }}
39 |           />
40 |           <div className="ms-3">
41 |             <span className="h5">
42 |               <Link href="/product/1">
43 |                 <a className="link-dark text-decoration-none">
44 |                   Product name here
45 |                 </a>
46 |               </Link>
47 |             </span>
48 |             <small className="d-flex text-muted" style={{ fontSize: 12 }}>
49 |               <span>Medium</span>
50 |               ,&nbsp;
51 |               <span>White</span>
52 |             </small>
53 |           </div>
54 |         </div>
55 |       </td>
56 |       <td>
57 |         <h6 className="mb-0">10000Ks</h6>
58 |       </td>
59 |       <td>
60 |         <div className="d-flex">
61 |           <div>{getQtyInput()}</div>
62 |         </div>
63 |       </td>
64 |       <td>
65 |         <button className="btn btn-sm btn-danger" type="button">
66 |           <FontAwesomeIcon icon={["fas", "trash-alt"]} />
67 |         </button>
68 |       </td>
69 |     </tr>
70 |   );
71 | }
72 | 
73 | export default CartItemRow;
74 | 


--------------------------------------------------------------------------------
/components/shopping-cart/cart-item.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Image from "next/image";
 3 | import Link from "next/link";
 4 | 
 5 | function CartItem() {
 6 |   const getQtyInput = () => {
 7 |     return (
 8 |       <div className="input-group input-group-sm">
 9 |         <button className="btn btn-outline-primary" type="button">
10 |           <FontAwesomeIcon icon={["fas", "minus"]} />
11 |         </button>
12 |         <input
13 |           type="text"
14 |           className="form-control text-center border-primary"
15 |           placeholder=""
16 |           defaultValue="1"
17 |           size="2"
18 |         />
19 |         <button className="btn btn-outline-primary" type="button">
20 |           <FontAwesomeIcon icon={["fas", "plus"]} />
21 |         </button>
22 |       </div>
23 |     );
24 |   };
25 | 
26 |   return (
27 |     <div className="d-flex py-2">
28 |       <div className="flex-shink-0">
29 |         <img
30 |           className="rounded"
31 |           src={`https://source.unsplash.com/random/100x100?random=${Math.floor(
32 |             Math.random() * 10
33 |           )}`}
34 |           width={100}
35 |           height={100}
36 |           alt="Product image."
37 |           style={{ objectFit: "cover" }}
38 |         />
39 |       </div>
40 |       <div className="ms-3 me-md-2 flex-grow-1">
41 |         <Link href="/product/1">
42 |           <a className="text-dark text-decoration-none">Product name here</a>
43 |         </Link>
44 |         <small className="d-flex flex-wrap text-muted">
45 |           <span>Medium</span>
46 |           <div className="vr mx-2"></div>
47 |           <span>Pearl White</span>
48 |         </small>
49 |         <h5 className="fw-semibold mt-2">10000Ks</h5>
50 |         <div className="d-inline-block d-sm-none mt-2">{getQtyInput()}</div>
51 |       </div>
52 |       <div className="flex-shrink-0 d-none d-sm-inline ms-3">
53 |         {getQtyInput()}
54 |       </div>
55 |       <div className="flex-shrink-0 ms-4">
56 |         <button className="btn btn-sm btn-outline-danger" type="button">
57 |           <FontAwesomeIcon icon={["fas", "trash-alt"]} />
58 |         </button>
59 |       </div>
60 |     </div>
61 |   );
62 | }
63 | 
64 | export default CartItem;
65 | 


--------------------------------------------------------------------------------
/components/shopping-cart/pricing-card.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Link from "next/link";
 3 | 
 4 | function PricingCard({ data, pricingOnly, children }) {
 5 |   return (
 6 |     <div className="card border-0 shadow-sm">
 7 |       <div className="card-body">
 8 |         <div className="vstack gap-2">
 9 |           <div className="d-flex justify-content-between">
10 |             <span>Subtotal:</span>
11 |             <span>30,000Ks</span>
12 |           </div>
13 |           <div className="d-flex justify-content-between">
14 |             <span>Discount:</span>
15 |             <span className="text-danger">-</span>
16 |           </div>
17 |           <div className="d-flex justify-content-between">
18 |             <span>Delivery charge:</span>
19 |             <span className="text-success">+2,000Ks</span>
20 |           </div>
21 | 
22 |           <hr className="text-muted" />
23 | 
24 |           <div className="d-flex justify-content-between">
25 |             <span className="h5">Total:</span>
26 |             <span className="fw-bold h5 mb-0">32,000 Ks</span>
27 |           </div>
28 | 
29 |           {!pricingOnly && (
30 |             <div className="d-grid gap-2 mt-2">
31 |               <Link href="/checkout/delivery-info">
32 |                 <a className="btn btn-primary">Checkout</a>
33 |               </Link>
34 |               <Link href="/">
35 |                 <a className="btn btn-outline-primary">Continue Shopping</a>
36 |               </Link>
37 |             </div>
38 |           )}
39 |           {children}
40 |         </div>
41 |       </div>
42 |     </div>
43 |   );
44 | }
45 | 
46 | export default PricingCard;
47 | 


--------------------------------------------------------------------------------
/firebase.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "hosting": {
 3 |     "public": "out",
 4 |     "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
 5 |     "cleanUrls": true,
 6 |     "rewrites": [
 7 |       {
 8 |         "source": "/product/**",
 9 |         "destination": "/product/[id].html"
10 |       }
11 |     ]
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   reactStrictMode: true,
 3 |   images: {
 4 |     loader: "akamai",
 5 |     domains: [
 6 |       "picsum.photos",
 7 |       "loremflickr.com",
 8 |       "placeimg.com",
 9 |       "source.unsplash.com",
10 |     ],
11 |   },
12 | };
13 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "cloud-mart-consumer",
 3 |   "version": "1.0.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build && next export",
 8 |     "start": "next start",
 9 |     "lint": "next lint"
10 |   },
11 |   "dependencies": {
12 |     "@fortawesome/fontawesome-svg-core": "^1.2.36",
13 |     "@fortawesome/free-brands-svg-icons": "^5.15.4",
14 |     "@fortawesome/free-regular-svg-icons": "^5.15.4",
15 |     "@fortawesome/free-solid-svg-icons": "^5.15.4",
16 |     "@fortawesome/react-fontawesome": "^0.1.15",
17 |     "bootstrap": "^5.1.1",
18 |     "formik": "^2.2.9",
19 |     "next": "11.1.2",
20 |     "react": "17.0.2",
21 |     "react-dom": "17.0.2",
22 |     "react-responsive-carousel": "^3.2.21"
23 |   },
24 |   "devDependencies": {
25 |     "eslint": "7.32.0",
26 |     "eslint-config-next": "11.1.2"
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
 1 | import "../styles/bootstrap-custom.css";
 2 | import "../styles/globals.css";
 3 | import "react-responsive-carousel/lib/styles/carousel.min.css";
 4 | import { config, library } from "@fortawesome/fontawesome-svg-core";
 5 | import "@fortawesome/fontawesome-svg-core/styles.css";
 6 | import { fab } from "@fortawesome/free-brands-svg-icons";
 7 | import { fas } from "@fortawesome/free-solid-svg-icons";
 8 | import { far } from "@fortawesome/free-regular-svg-icons";
 9 | import Layout from "../components/layout";
10 | 
11 | config.autoAddCss = false;
12 | library.add(fab, fas, far);
13 | 
14 | if (typeof window !== "undefined") {
15 |   require("bootstrap/dist/js/bootstrap.bundle.min.js");
16 | }
17 | 
18 | function MyApp({ Component, pageProps }) {
19 |   const getLayout = Component.getLayout;
20 |   if (getLayout) {
21 |     return getLayout(<Component {...pageProps} />);
22 |   }
23 | 
24 |   return (
25 |     <Layout>
26 |       <Component {...pageProps} />
27 |     </Layout>
28 |   );
29 | }
30 | 
31 | export default MyApp;
32 | 


--------------------------------------------------------------------------------
/pages/account/current-orders.js:
--------------------------------------------------------------------------------
 1 | import AccountMenu from "../../components/account-menu";
 2 | import CurrentOrderCard from "../../components/account/current-order-card";
 3 | import Layout from "../../components/layout";
 4 | 
 5 | function CurrentOrders() {
 6 |   return (
 7 |     <div>
 8 |       <div className="bg-secondary">
 9 |         <div className="container">
10 |           <div className="row py-4 px-2">
11 |             <nav aria-label="breadcrumb col-12">
12 |               <ol className="breadcrumb mb-1">
13 |                 <li className="breadcrumb-item">
14 |                   <a href="#">Home</a>
15 |                 </li>
16 |                 <li className="breadcrumb-item active" aria-current="page">
17 |                   Current Orders
18 |                 </li>
19 |               </ol>
20 |             </nav>
21 |           </div>
22 |         </div>
23 |       </div>
24 |       <div className="container py-4">
25 |         <div className="row g-3">
26 |           <div className="col-lg-3">
27 |             <AccountMenu current="current-orders" />
28 |           </div>
29 |           <div className="col-lg-9">
30 |             <CurrentOrderCard id={10001} />
31 |             <CurrentOrderCard id={10002} />
32 |           </div>
33 |         </div>
34 |       </div>
35 |       <br />
36 |       <br />
37 |       <br />
38 |     </div>
39 |   );
40 | }
41 | 
42 | CurrentOrders.getLayout = (page) => {
43 |   return <Layout simpleHeader>{page}</Layout>;
44 | };
45 | 
46 | export default CurrentOrders;
47 | 


--------------------------------------------------------------------------------
/pages/account/favorite-list.js:
--------------------------------------------------------------------------------
 1 | import AccountMenu from "../../components/account-menu";
 2 | import FavoriteProduct from "../../components/account/favorite-product";
 3 | import Layout from "../../components/layout";
 4 | 
 5 | function FavoriteList() {
 6 |   return (
 7 |     <div>
 8 |       <div className="bg-secondary">
 9 |         <div className="container">
10 |           <div className="row py-4 px-2">
11 |             <nav aria-label="breadcrumb col-12">
12 |               <ol className="breadcrumb mb-1">
13 |                 <li className="breadcrumb-item">
14 |                   <a href="#">Home</a>
15 |                 </li>
16 |                 <li className="breadcrumb-item active" aria-current="page">
17 |                   My Favorites
18 |                 </li>
19 |               </ol>
20 |             </nav>
21 |           </div>
22 |         </div>
23 |       </div>
24 |       <div className="container py-4">
25 |         <div className="row g-3">
26 |           <div className="col-lg-3">
27 |             <AccountMenu current="favorite-list" />
28 |           </div>
29 |           <div className="col-lg-9">
30 |             <div className="row row-cols-1 row-cols-md-2 g-3">
31 |               <div className="col">
32 |                 <FavoriteProduct />
33 |               </div>
34 |               <div className="col">
35 |                 <FavoriteProduct />
36 |               </div>
37 |               <div className="col">
38 |                 <FavoriteProduct />
39 |               </div>
40 |               <div className="col">
41 |                 <FavoriteProduct />
42 |               </div>
43 |               <div className="col">
44 |                 <FavoriteProduct />
45 |               </div>
46 |             </div>
47 |             <nav className="float-end mt-3">
48 |               <ul className="pagination">
49 |                 <li className="page-item">
50 |                   <a className="page-link" href="#">
51 |                     Prev
52 |                   </a>
53 |                 </li>
54 |                 <li className="page-item">
55 |                   <a className="page-link" href="#">
56 |                     1
57 |                   </a>
58 |                 </li>
59 |                 <li className="page-item">
60 |                   <a className="page-link" href="#">
61 |                     2
62 |                   </a>
63 |                 </li>
64 |                 <li className="page-item">
65 |                   <a className="page-link" href="#">
66 |                     3
67 |                   </a>
68 |                 </li>
69 |                 <li className="page-item">
70 |                   <a className="page-link" href="#">
71 |                     Next
72 |                   </a>
73 |                 </li>
74 |               </ul>
75 |             </nav>
76 |           </div>
77 |         </div>
78 |       </div>
79 |       <br />
80 |       <br />
81 |       <br />
82 |     </div>
83 |   );
84 | }
85 | 
86 | FavoriteList.getLayout = (page) => {
87 |   return <Layout simpleHeader>{page}</Layout>;
88 | };
89 | 
90 | export default FavoriteList;
91 | 


--------------------------------------------------------------------------------
/pages/account/order-history.js:
--------------------------------------------------------------------------------
 1 | import AccountMenu from "../../components/account-menu";
 2 | import OrderHistoryItem from "../../components/account/order-history-item";
 3 | import Layout from "../../components/layout";
 4 | 
 5 | function OrderHistory() {
 6 |   return (
 7 |     <div>
 8 |       <div className="bg-secondary">
 9 |         <div className="container">
10 |           <div className="row py-4 px-2">
11 |             <nav aria-label="breadcrumb col-12">
12 |               <ol className="breadcrumb mb-1">
13 |                 <li className="breadcrumb-item">
14 |                   <a href="#">Home</a>
15 |                 </li>
16 |                 <li className="breadcrumb-item active" aria-current="page">
17 |                   Order History
18 |                 </li>
19 |               </ol>
20 |             </nav>
21 |           </div>
22 |         </div>
23 |       </div>
24 |       <div className="container py-4">
25 |         <div className="row g-3">
26 |           <div className="col-lg-3">
27 |             <AccountMenu current="order-history" />
28 |           </div>
29 |           <div className="col-lg-9">
30 |             <OrderHistoryItem id={20001} />
31 |             <OrderHistoryItem id={20002} cancel />
32 | 
33 |             <nav className="float-end mt-3">
34 |               <ul className="pagination">
35 |                 <li className="page-item">
36 |                   <a className="page-link" href="#">
37 |                     Prev
38 |                   </a>
39 |                 </li>
40 |                 <li className="page-item">
41 |                   <a className="page-link" href="#">
42 |                     1
43 |                   </a>
44 |                 </li>
45 |                 <li className="page-item">
46 |                   <a className="page-link" href="#">
47 |                     2
48 |                   </a>
49 |                 </li>
50 |                 <li className="page-item">
51 |                   <a className="page-link" href="#">
52 |                     3
53 |                   </a>
54 |                 </li>
55 |                 <li className="page-item">
56 |                   <a className="page-link" href="#">
57 |                     Next
58 |                   </a>
59 |                 </li>
60 |               </ul>
61 |             </nav>
62 |           </div>
63 |         </div>
64 |       </div>
65 |       <br />
66 |       <br />
67 |       <br />
68 |     </div>
69 |   );
70 | }
71 | 
72 | OrderHistory.getLayout = (page) => {
73 |   return <Layout simpleHeader>{page}</Layout>;
74 | };
75 | 
76 | export default OrderHistory;
77 | 


--------------------------------------------------------------------------------
/pages/account/profile.js:
--------------------------------------------------------------------------------
  1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
  2 | import AccountMenu from "../../components/account-menu";
  3 | import AddressView from "../../components/account/address-view";
  4 | import Layout from "../../components/layout";
  5 | 
  6 | const cities = ["Yangon", "Mandalay", "Kalaw"];
  7 | 
  8 | const states = ["Thar Kay Ta", "Daw Pon", "San Chaung"];
  9 | 
 10 | function Profile() {
 11 |   return (
 12 |     <div>
 13 |       <div className="bg-secondary">
 14 |         <div className="container">
 15 |           <div className="row py-4 px-2">
 16 |             <nav aria-label="breadcrumb col-12">
 17 |               <ol className="breadcrumb mb-1">
 18 |                 <li className="breadcrumb-item">
 19 |                   <a href="#">Home</a>
 20 |                 </li>
 21 |                 <li className="breadcrumb-item active" aria-current="page">
 22 |                   My Profile
 23 |                 </li>
 24 |               </ol>
 25 |             </nav>
 26 |           </div>
 27 |         </div>
 28 |       </div>
 29 |       <div className="container py-4">
 30 |         <div className="row g-3">
 31 |           <div className="col-lg-3">
 32 |             <AccountMenu current="profile" />
 33 |           </div>
 34 |           <div className="col-lg-9">
 35 |             <div className="row g-3">
 36 |               <div className="col-lg-9">
 37 |                 <div className="card border-0 shadow-sm mb-3">
 38 |                   <div className="card-body">
 39 |                     <h4 className="card-title fw-semibold mt-2 mb-3">
 40 |                       Profile
 41 |                     </h4>
 42 |                     <form className="row g-3">
 43 |                       <div className="col-md-6">
 44 |                         <label className="form-label">Your Name</label>
 45 |                         <input type="text" className="form-control" />
 46 |                       </div>
 47 |                       <div className="col-md-6">
 48 |                         <label className="form-label">Password</label>
 49 |                         <input
 50 |                           type="password"
 51 |                           className="form-control bg-light"
 52 |                           disabled
 53 |                         />
 54 |                         <button
 55 |                           type="button"
 56 |                           className="btn btn-sm btn-link float-end p-0 text-decoration-none"
 57 |                         >
 58 |                           Change password
 59 |                         </button>
 60 |                       </div>
 61 |                       <div className="col-md-12 mt-0">
 62 |                         <label className="form-label">Phone</label>
 63 |                         <div className="input-group">
 64 |                           <div>
 65 |                             <select className="form-select rounded-0 rounded-start bg-light">
 66 |                               <option>+95</option>
 67 |                             </select>
 68 |                           </div>
 69 |                           <input type="tel" className="form-control" />
 70 |                         </div>
 71 |                       </div>
 72 |                       <div className="col-md-12">
 73 |                         <label className="form-label">Email</label>
 74 |                         <input type="email" className="form-control" />
 75 |                       </div>
 76 |                       <div className="col-md-12">
 77 |                         <div className="form-check form-check-inline">
 78 |                           <input className="form-check-input" type="radio" />
 79 |                           <label className="form-check-label">Male</label>
 80 |                         </div>
 81 |                         <div className="form-check form-check-inline">
 82 |                           <input className="form-check-input" type="radio" />
 83 |                           <label className="form-check-label">Female</label>
 84 |                         </div>
 85 |                       </div>
 86 |                       <div className="col-md-6">
 87 |                         <label className="form-label">City</label>
 88 |                         <select className="form-select">
 89 |                           {cities.map((e, i) => {
 90 |                             return <option key={i}>{e}</option>;
 91 |                           })}
 92 |                         </select>
 93 |                       </div>
 94 |                       <div className="col-md-6">
 95 |                         <label className="form-label">States</label>
 96 |                         <select className="form-select">
 97 |                           {states.map((e, i) => {
 98 |                             return <option key={i}>{e}</option>;
 99 |                           })}
100 |                         </select>
101 |                       </div>
102 | 
103 |                       <div className="col-md-12 mt-4">
104 |                         <button className="btn btn-primary float-end">
105 |                           Update
106 |                         </button>
107 |                       </div>
108 |                     </form>
109 |                   </div>
110 |                 </div>
111 | 
112 |                 <div className="card border-0 shadow-sm">
113 |                   <div className="p-3 d-flex border-bottom">
114 |                     <h5 className="my-auto fw-semibold">Addresses</h5>
115 |                     <button className="btn btn-sm btn-secondary text-primary ms-auto">
116 |                       <FontAwesomeIcon icon={["fas", "plus"]} />
117 |                       &nbsp;Add new
118 |                     </button>
119 |                   </div>
120 |                   <div className="card-body">
121 |                     <div className="row row-cols-1 row-cols-lg-2 g-3">
122 |                       <div className="col">
123 |                         <AddressView />
124 |                       </div>
125 |                       <div className="col">
126 |                         <AddressView />
127 |                       </div>
128 |                     </div>
129 |                   </div>
130 |                 </div>
131 |               </div>
132 |               <div className="col-lg-3"></div>
133 |             </div>
134 |           </div>
135 |         </div>
136 |       </div>
137 |       <br />
138 |       <br />
139 |       <br />
140 |     </div>
141 |   );
142 | }
143 | 
144 | Profile.getLayout = (page) => {
145 |   return <Layout simpleHeader>{page}</Layout>;
146 | };
147 | 
148 | export default Profile;
149 | 


--------------------------------------------------------------------------------
/pages/api/hello.js:
--------------------------------------------------------------------------------
1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2 | 
3 | export default function handler(req, res) {
4 |   res.status(200).json({ name: 'John Doe' })
5 | }
6 | 


--------------------------------------------------------------------------------
/pages/auth/forgot-password.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Link from "next/link";
 3 | import Layout from "../../components/layout";
 4 | 
 5 | function ForgotPassword() {
 6 |   return (
 7 |     <div className="container py-3">
 8 |       <div className="row my-4">
 9 |         <div className="col-md-6 offset-md-3 col-lg-4 offset-lg-4">
10 |           <div className="card border-0 shadow-sm">
11 |             <div className="card-body px-4">
12 |               <h4 className="card-title fw-bold mt-2 mb-3">Forgot Password</h4>
13 |               <form className="row g-3">
14 |                 <div className="col-md-12">
15 |                   <label className="form-label">Your email</label>
16 |                   <input
17 |                     type="email"
18 |                     className="form-control"
19 |                     placeholder="name@gmail.com"
20 |                   />
21 |                 </div>
22 |                 <div className="col-md-12 mt-3">
23 |                   <button className="btn btn-primary w-100">Reset</button>
24 |                 </div>
25 |                 <div className="col-md-12">
26 |                   <div className="border border-1 rounded bg-light px-3 py-2 small">
27 |                     Password reset link will be sent to this email.
28 |                   </div>
29 |                 </div>
30 |               </form>
31 |             </div>
32 |             <hr className="text-muted my-0" />
33 |             <div className="text-center p-3">
34 |               Don&lsquo;t hanve an account?{" "}
35 |               <Link href="/auth/sign-up">
36 |                 <a className="text-decoration-none fw-medium">Register</a>
37 |               </Link>
38 |             </div>
39 |           </div>
40 |         </div>
41 |       </div>
42 |       <br />
43 |       <br />
44 |       <br />
45 |     </div>
46 |   );
47 | }
48 | 
49 | ForgotPassword.getLayout = (page) => {
50 |   return (
51 |     <Layout simpleHeader hideAuth>
52 |       {page}
53 |     </Layout>
54 |   );
55 | };
56 | 
57 | export default ForgotPassword;
58 | 


--------------------------------------------------------------------------------
/pages/auth/login.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import { useRouter } from "next/router";
 3 | import Link from "next/link";
 4 | import Layout from "../../components/layout";
 5 | 
 6 | function Login() {
 7 |   const router = useRouter();
 8 |   return (
 9 |     <div className="container py-3">
10 |       <div className="row my-4">
11 |         <div className="col-md-6 offset-md-3 col-lg-4 offset-lg-4">
12 |           <div className="card border-0 shadow-sm">
13 |             <div className="card-body px-4">
14 |               <h4 className="card-title fw-bold mt-2 mb-4">Sign In</h4>
15 |               <form className="row g-2">
16 |                 <div className="col-md-12">
17 |                   <label className="form-label">Email</label>
18 |                   <input
19 |                     type="email"
20 |                     className="form-control"
21 |                     placeholder="name@domain.com"
22 |                   />
23 |                 </div>
24 |                 <div className="col-md-12">
25 |                   <label className="form-label">Password</label>
26 |                   <input type="password" className="form-control" />
27 |                 </div>
28 |                 <div className="col-md-12">
29 |                   <Link href="/auth/forgot-password">
30 |                     <a className="text-decoration-none">Forgot password?</a>
31 |                   </Link>
32 |                 </div>
33 |                 <div className="col-md-12 mt-4">
34 |                   <button
35 |                     type="button"
36 |                     className="btn btn-primary w-100"
37 |                     onClick={() => {
38 |                       router.push({ pathname: "/account/profile" });
39 |                     }}
40 |                   >
41 |                     Login
42 |                   </button>
43 |                 </div>
44 |                 <div className="col-md-12">
45 |                   <div className="row g-2">
46 |                     <div className="col">
47 |                       <hr className="text-muted" />
48 |                     </div>
49 |                     <div className="col-auto align-self-center text-muted">
50 |                       or continue with
51 |                     </div>
52 |                     <div className="col">
53 |                       <hr className="text-muted" />
54 |                     </div>
55 |                   </div>
56 |                 </div>
57 | 
58 |                 <div className="col-md-12">
59 |                   <div className="hstack gap-2 justify-content-center">
60 |                     <button className="btn-facebook rounded-circle">
61 |                       <FontAwesomeIcon icon={["fab", "facebook-f"]} />
62 |                     </button>
63 |                     <button className="btn-google rounded-circle">
64 |                       <FontAwesomeIcon icon={["fab", "google"]} />
65 |                     </button>
66 |                     <button className="btn-apple rounded-circle">
67 |                       <FontAwesomeIcon icon={["fab", "apple"]} />
68 |                     </button>
69 |                   </div>
70 |                 </div>
71 |               </form>
72 |             </div>
73 |             <hr className="text-muted my-0" />
74 |             <div className="text-center p-3">
75 |               Don&lsquo;t hanve an account?{" "}
76 |               <Link href="/auth/sign-up">
77 |                 <a className="text-decoration-none fw-medium">Register</a>
78 |               </Link>
79 |             </div>
80 |           </div>
81 |         </div>
82 |       </div>
83 |       <br />
84 |       <br />
85 |       <br />
86 |     </div>
87 |   );
88 | }
89 | 
90 | Login.getLayout = (page) => {
91 |   return (
92 |     <Layout simpleHeader hideAuth>
93 |       {page}
94 |     </Layout>
95 |   );
96 | };
97 | 
98 | export default Login;
99 | 


--------------------------------------------------------------------------------
/pages/auth/sign-up.js:
--------------------------------------------------------------------------------
  1 | import Link from "next/link";
  2 | import Layout from "../../components/layout";
  3 | 
  4 | const cities = ["Yangon", "Mandalay", "Kalaw"];
  5 | 
  6 | const states = ["Thar Kay Ta", "Daw Pon", "San Chaung"];
  7 | 
  8 | function SignUp() {
  9 |   return (
 10 |     <div className="container py-3">
 11 |       <div className="row my-4">
 12 |         <div className="col-md-8 offset-md-2 col-lg-6 offset-lg-3">
 13 |           <div className="card border-0 shadow-sm">
 14 |             <div className="card-body px-4">
 15 |               <h4 className="card-title fw-bold mt-2 mb-4">Sign Up</h4>
 16 |               <form className="row g-3">
 17 |                 <div className="col-md-6">
 18 |                   <label className="form-label">First Name</label>
 19 |                   <input type="text" className="form-control" />
 20 |                 </div>
 21 |                 <div className="col-md-6">
 22 |                   <label className="form-label">Last Name</label>
 23 |                   <input type="text" className="form-control" />
 24 |                 </div>
 25 |                 <div className="col-md-12">
 26 |                   <label className="form-label">Email</label>
 27 |                   <input type="email" className="form-control" />
 28 |                 </div>
 29 |                 <div className="col-md-12">
 30 |                   <div className="form-check form-check-inline">
 31 |                     <input className="form-check-input" type="radio" />
 32 |                     <label className="form-check-label">Male</label>
 33 |                   </div>
 34 |                   <div className="form-check form-check-inline">
 35 |                     <input className="form-check-input" type="radio" />
 36 |                     <label className="form-check-label">Female</label>
 37 |                   </div>
 38 |                 </div>
 39 |                 <div className="col-md-6">
 40 |                   <label className="form-label">City</label>
 41 |                   <select className="form-select">
 42 |                     {cities.map((e, i) => {
 43 |                       return <option key={i}>{e}</option>;
 44 |                     })}
 45 |                   </select>
 46 |                 </div>
 47 |                 <div className="col-md-6">
 48 |                   <label className="form-label">States</label>
 49 |                   <select className="form-select">
 50 |                     {states.map((e, i) => {
 51 |                       return <option key={i}>{e}</option>;
 52 |                     })}
 53 |                   </select>
 54 |                 </div>
 55 |                 <div className="col-md-6">
 56 |                   <label className="form-label">Password</label>
 57 |                   <input type="password" className="form-control" />
 58 |                 </div>
 59 |                 <div className="col-md-6">
 60 |                   <label className="form-label">Confirm Password</label>
 61 |                   <input type="password" className="form-control" />
 62 |                 </div>
 63 |                 <div className="col-md-12 mt-4">
 64 |                   <button className="btn btn-primary w-100">Register</button>
 65 |                 </div>
 66 |                 <div className="col-md-12">
 67 |                   <div className="text-muted bg-light rounded p-3 border small">
 68 |                     By clicking the &lsquo;Sign Up&lsquo; button, you confirm
 69 |                     that you accept our{" "}
 70 |                     <a href="#">Terms of use and Privacy Policy</a>.
 71 |                   </div>
 72 |                 </div>
 73 |               </form>
 74 |               <hr className="text-muted" />
 75 |               <div className="text-center">
 76 |                 Already have an account?{" "}
 77 |                 <Link href="/auth/login">
 78 |                   <a className="text-decoration-none fw-medium">Login</a>
 79 |                 </Link>
 80 |               </div>
 81 |             </div>
 82 |           </div>
 83 |         </div>
 84 |       </div>
 85 |       <br />
 86 |       <br />
 87 |       <br />
 88 |     </div>
 89 |   );
 90 | }
 91 | 
 92 | SignUp.getLayout = (page) => {
 93 |   return (
 94 |     <Layout simpleHeader hideAuth>
 95 |       {page}
 96 |     </Layout>
 97 |   );
 98 | };
 99 | 
100 | export default SignUp;
101 | 


--------------------------------------------------------------------------------
/pages/checkout/checkout-success.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import Link from "next/link";
 3 | 
 4 | function CheckoutSuccess() {
 5 |   return (
 6 |     <div className="container py-4 h-100">
 7 |       <div className="row h-100">
 8 |         <div className="col-md-12 h-100">
 9 |           <div className="card border-0 shadow-sm h-100">
10 |             <div className="card-body mt-5">
11 |               <div className="d-flex justify-content-center mb-3">
12 |                 <FontAwesomeIcon
13 |                   icon={("fas", "check-circle")}
14 |                   size="5x"
15 |                   className="text-success"
16 |                 />
17 |               </div>
18 |               <h3 className="text-center">Thank you for order</h3>
19 |               <p className="text-center">
20 |                 We&apos;ve received your order. You can track order status in
21 |                 your&nbsp;
22 |                 <Link href="/account/current-orders">
23 |                   <a>account setting</a>
24 |                 </Link>
25 |                 .
26 |               </p>
27 |             </div>
28 |           </div>
29 |         </div>
30 |       </div>
31 |       <br />
32 |       <br />
33 |       <br />
34 |     </div>
35 |   );
36 | }
37 | 
38 | export default CheckoutSuccess;
39 | 


--------------------------------------------------------------------------------
/pages/checkout/confirm-checkout.js:
--------------------------------------------------------------------------------
 1 | import { useRouter } from "next/router";
 2 | import Link from "next/link";
 3 | import CheckoutStepper from "../../components/checkout/checkout-stepper";
 4 | import ReviewCartItem from "../../components/checkout/review-cart-item";
 5 | import Layout from "../../components/layout";
 6 | import PricingCard from "../../components/shopping-cart/pricing-card";
 7 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 8 | 
 9 | function ConfirmCheckout() {
10 |   const router = useRouter();
11 | 
12 |   return (
13 |     <div className="container py-4">
14 |       <div className="row">
15 |         <div className="col-md-12">
16 |           <CheckoutStepper step={3} />
17 |         </div>
18 |       </div>
19 |       <div className="row g-3">
20 |         <div className="col-lg-8">
21 |           <div className="card border-0 shadow-sm">
22 |             <div className="card-body">
23 |               <h4 className="fw-semibold mb-3">Items in cart</h4>
24 |               <div className="row row-cols-1 row-cols-md-2 g-3">
25 |                 <div className="col">
26 |                   <ReviewCartItem />
27 |                 </div>
28 |                 <div className="col">
29 |                   <ReviewCartItem />
30 |                 </div>
31 |                 <div className="col">
32 |                   <ReviewCartItem />
33 |                 </div>
34 |               </div>
35 |               <hr className="text-muted" />
36 |               <div className="row g-3">
37 |                 <div className="col-md-6">
38 |                   <h4 className="fw-semibold">Shipping Address</h4>
39 |                   <div className="vstack text-dark small">
40 |                     <span>Milk Mocha</span>
41 |                     <span>No. 33, Mocha Street, Milk Township</span>
42 |                     <span>Yangon, Myanmar</span>
43 |                     <span>Tel: +95911223344</span>
44 |                     <span>Email: milkmocha@domain.com</span>
45 |                   </div>
46 |                 </div>
47 |                 <div className="col-md-6">
48 |                   <h4 className="fw-semibold">Payment Method</h4>
49 |                   <div className="d-flex gap-3 text-success">
50 |                     <span className="fw-bold">
51 |                       <FontAwesomeIcon icon={["fab", "cc-visa"]} size="lg" />
52 |                     </span>
53 |                     <div className="vstack small text-muted">
54 |                       <span>XXXX-XXXX-XXXX-2345</span>
55 |                       <span>Exp: 03/25</span>
56 |                     </div>
57 |                   </div>
58 |                 </div>
59 |               </div>
60 |             </div>
61 |           </div>
62 |         </div>
63 |         <div className="col-lg-4">
64 |           <PricingCard pricingOnly>
65 |             <div className="mt-3 d-grid gap-2">
66 |               <button
67 |                 className="btn btn-primary"
68 |                 onClick={() => {
69 |                   router.push({
70 |                     pathname: "/checkout/checkout-success",
71 |                   });
72 |                 }}
73 |               >
74 |                 Confirm
75 |               </button>
76 |               <Link href="/checkout/payment-info">
77 |                 <a className="btn btn-outline-primary">Return</a>
78 |               </Link>
79 |             </div>
80 |           </PricingCard>
81 |         </div>
82 |       </div>
83 |       <br />
84 |       <br />
85 |       <br />
86 |     </div>
87 |   );
88 | }
89 | 
90 | ConfirmCheckout.getLayout = (page) => {
91 |   return <Layout simpleHeader>{page}</Layout>;
92 | };
93 | 
94 | export default ConfirmCheckout;
95 | 


--------------------------------------------------------------------------------
/pages/checkout/delivery-info.js:
--------------------------------------------------------------------------------
  1 | import Link from "next/link";
  2 | import CheckoutStepper from "../../components/checkout/checkout-stepper";
  3 | import PricingCard from "../../components/shopping-cart/pricing-card";
  4 | import Layout from "../../components/layout";
  5 | 
  6 | function DeliveryInfo() {
  7 |   return (
  8 |     <div className="container py-4">
  9 |       <div className="row">
 10 |         <div className="col-md-12">
 11 |           <CheckoutStepper />
 12 |         </div>
 13 |       </div>
 14 |       <div className="row g-3">
 15 |         <div className="col-lg-8">
 16 |           <div className="card border-0 shadow-sm">
 17 |             <div className="card-body">
 18 |               <form className="row g-3">
 19 |                 <h4 className="fw-semibold mb-0">Contact Info</h4>
 20 |                 <div className="col-md-6">
 21 |                   <label className="form-label">First Name</label>
 22 |                   <input type="text" className="form-control" />
 23 |                 </div>
 24 |                 <div className="col-md-6">
 25 |                   <label className="form-label">Last Name</label>
 26 |                   <input type="text" className="form-control" />
 27 |                 </div>
 28 |                 <div className="col-md-6">
 29 |                   <label className="form-label">Phone</label>
 30 |                   <div className="input-group">
 31 |                     <div>
 32 |                       <select className="form-select rounded-0 rounded-start bg-light">
 33 |                         <option>+95</option>
 34 |                       </select>
 35 |                     </div>
 36 |                     <input type="tel" className="form-control" />
 37 |                   </div>
 38 |                 </div>
 39 |                 <div className="col-md-6">
 40 |                   <label className="form-label">Email</label>
 41 |                   <input
 42 |                     type="email"
 43 |                     className="form-control"
 44 |                     placeholder="name@domain.com"
 45 |                   />
 46 |                 </div>
 47 | 
 48 |                 <div className="col-md-12">
 49 |                   <hr className="text-muted mb-0" />
 50 |                 </div>
 51 | 
 52 |                 <h4 className="fw-semibold mb-0">Shipping Info</h4>
 53 |                 <div className="col-md-12">
 54 |                   <label className="form-label">Address</label>
 55 |                   <input type="text" className="form-control" />
 56 |                 </div>
 57 |                 <div className="col-md-4">
 58 |                   <label className="form-label">City</label>
 59 |                   <select className="form-select">
 60 |                     <option>Yangon</option>
 61 |                   </select>
 62 |                 </div>
 63 |                 <div className="col-md-4">
 64 |                   <label className="form-label">Area</label>
 65 |                   <select className="form-select">
 66 |                     <option>Thar Kay Ta</option>
 67 |                   </select>
 68 |                 </div>
 69 |                 <div className="col-md-4">
 70 |                   <label className="form-label">Postal Code</label>
 71 |                   <input type="text" className="form-control" />
 72 |                 </div>
 73 | 
 74 |                 <div className="col-md-12">
 75 |                   <div className="form-check">
 76 |                     <input className="form-check-input" type="checkbox" />
 77 |                     <label className="form-check-label">
 78 |                       Save this address
 79 |                     </label>
 80 |                   </div>
 81 |                 </div>
 82 | 
 83 |                 <div className="col-md-12 mt-4">
 84 |                   <div className="d-grid gap-2 d-flex justify-content-end">
 85 |                     <Link href="/shopping-cart">
 86 |                       <a className="btn btn-outline-primary">Cancel</a>
 87 |                     </Link>
 88 |                     <Link href="/checkout/payment-info">
 89 |                       <a className="btn btn-primary">Continue</a>
 90 |                     </Link>
 91 |                   </div>
 92 |                 </div>
 93 |               </form>
 94 |             </div>
 95 |           </div>
 96 |         </div>
 97 |         <div className="col-lg-4">
 98 |           <PricingCard pricingOnly />
 99 |         </div>
100 |       </div>
101 |       <br />
102 |       <br />
103 |       <br />
104 |     </div>
105 |   );
106 | }
107 | 
108 | DeliveryInfo.getLayout = (page) => {
109 |   return <Layout simpleHeader>{page}</Layout>;
110 | };
111 | 
112 | export default DeliveryInfo;
113 | 


--------------------------------------------------------------------------------
/pages/checkout/payment-info.js:
--------------------------------------------------------------------------------
  1 | import Link from "next/link";
  2 | import { useState } from "react";
  3 | import CheckoutStepper from "../../components/checkout/checkout-stepper";
  4 | import PaymentOptionCheck from "../../components/checkout/payment-option-check";
  5 | import Layout from "../../components/layout";
  6 | import PricingCard from "../../components/shopping-cart/pricing-card";
  7 | 
  8 | function PaymentInfo() {
  9 |   const [option, setOption] = useState("visa");
 10 | 
 11 |   function handlePaymentOptionChange(name) {
 12 |     setOption(name);
 13 |   }
 14 | 
 15 |   return (
 16 |     <div className="container py-4">
 17 |       <div className="row">
 18 |         <div className="col-md-12">
 19 |           <CheckoutStepper step={2} />
 20 |         </div>
 21 |       </div>
 22 |       <div className="row g-3">
 23 |         <div className="col-lg-8">
 24 |           <div className="card border-0 shadow-sm">
 25 |             <div className="card-body">
 26 |               <h4 className="fw-semibold mb-3">Payment Method</h4>
 27 |               <form className="row g-3">
 28 |                 <div className="col-md-12">
 29 |                   <div className="d-flex flex-wrap gap-2">
 30 |                     <PaymentOptionCheck
 31 |                       name="cod"
 32 |                       title="Cash on delivery"
 33 |                       checked={option == "cod"}
 34 |                       onCheckedChanged={setOption}
 35 |                     />
 36 |                     <PaymentOptionCheck
 37 |                       name="mpu"
 38 |                       title="MPU"
 39 |                       checked={option == "mpu"}
 40 |                       onCheckedChanged={setOption}
 41 |                     />
 42 |                     <PaymentOptionCheck
 43 |                       name="visa"
 44 |                       title="VISA"
 45 |                       checked={option == "visa"}
 46 |                       onCheckedChanged={setOption}
 47 |                     />
 48 |                   </div>
 49 |                 </div>
 50 |                 <div className="col-md-12">
 51 |                   <label className="form-label">Name on card</label>
 52 |                   <input type="text" className="form-control" />
 53 |                 </div>
 54 |                 <div className="col-md-12">
 55 |                   <div className="hstack gap-2">
 56 |                     <div className="flex-grow-1">
 57 |                       <label className="form-label">Card number</label>
 58 |                       <input
 59 |                         type="text"
 60 |                         className="form-control"
 61 |                         placeholder="xxxx-xxxx-xxxx-xxxx"
 62 |                       />
 63 |                     </div>
 64 |                     <div className="flex-shrink-0">
 65 |                       <label className="form-label">CVV</label>
 66 |                       <input
 67 |                         type="text"
 68 |                         className="form-control"
 69 |                         placeholder="123"
 70 |                         size={5}
 71 |                       />
 72 |                     </div>
 73 |                   </div>
 74 |                 </div>
 75 |                 <div className="col-md-12">
 76 |                   <div className="row g-2">
 77 |                     <div className="col">
 78 |                       <label className="form-label">Expiry</label>
 79 |                       <select className="form-select">
 80 |                         <option>Month</option>
 81 |                       </select>
 82 |                     </div>
 83 |                     <div className="col mt-auto">
 84 |                       <input
 85 |                         type="text"
 86 |                         className="form-control"
 87 |                         placeholder="Year"
 88 |                       />
 89 |                     </div>
 90 |                   </div>
 91 |                 </div>
 92 | 
 93 |                 <div className="col-md-12 mt-4">
 94 |                   <div className="d-grid gap-2 d-flex justify-content-end">
 95 |                     <Link href="/checkout/delivery-info">
 96 |                       <a className="btn btn-outline-primary">Back</a>
 97 |                     </Link>
 98 |                     <Link href="/checkout/confirm-checkout">
 99 |                       <a className="btn btn-primary">Continue</a>
100 |                     </Link>
101 |                   </div>
102 |                 </div>
103 |               </form>
104 |             </div>
105 |           </div>
106 |         </div>
107 |         <div className="col-lg-4">
108 |           <PricingCard pricingOnly />
109 |         </div>
110 |       </div>
111 |       <br />
112 |       <br />
113 |       <br />
114 |     </div>
115 |   );
116 | }
117 | 
118 | PaymentInfo.getLayout = (page) => {
119 |   return <Layout simpleHeader>{page}</Layout>;
120 | };
121 | 
122 | export default PaymentInfo;
123 | 


--------------------------------------------------------------------------------
/pages/explore/index.js:
--------------------------------------------------------------------------------
  1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
  2 | import ProductGridCard from "../../components/product/product-grid-card";
  3 | 
  4 | function ExploreProducts() {
  5 |   return (
  6 |     <div className="vstack">
  7 |       <div className="bg-secondary">
  8 |         <div className="container">
  9 |           <div className="row py-4 px-2">
 10 |             <nav aria-label="breadcrumb col-12">
 11 |               <ol className="breadcrumb mb-1">
 12 |                 <li className="breadcrumb-item">
 13 |                   <a href="#">All Categories</a>
 14 |                 </li>
 15 |                 <li className="breadcrumb-item">
 16 |                   <a href="#">Electronics</a>
 17 |                 </li>
 18 |                 <li className="breadcrumb-item active" aria-current="page">
 19 |                   Phones & Tablets
 20 |                 </li>
 21 |               </ol>
 22 |             </nav>
 23 |           </div>
 24 |         </div>
 25 |       </div>
 26 |       <div className="container py-4">
 27 |         <div className="row g-3">
 28 |           <div className="col-lg-3">
 29 |             <div className="accordion shadow-sm rounded">
 30 |               <div className="accordion-item border-bottom">
 31 |                 <h2 className="accordion-header">
 32 |                   <button
 33 |                     className="accordion-button fw-bold"
 34 |                     data-bs-toggle="collapse"
 35 |                     data-bs-target="#collapseOne"
 36 |                     aria-expanded="true"
 37 |                   >
 38 |                     Categories
 39 |                   </button>
 40 |                 </h2>
 41 |                 <div
 42 |                   id="collapseOne"
 43 |                   className="accordion-collapse collapse show"
 44 |                 >
 45 |                   <div className="accordion-body pt-2">
 46 |                     <div className="vstack gap-2">
 47 |                       <a
 48 |                         href="#"
 49 |                         className="fw-medium link-dark text-decoration-none"
 50 |                       >
 51 |                         Phones & Tablets
 52 |                       </a>
 53 |                       <a
 54 |                         href="#"
 55 |                         className="fw-medium link-dark text-decoration-none"
 56 |                       >
 57 |                         Laptops & PC
 58 |                       </a>
 59 |                       <a
 60 |                         href="#"
 61 |                         className="fw-medium link-dark text-decoration-none"
 62 |                       >
 63 |                         Monitors
 64 |                       </a>
 65 |                       <a
 66 |                         href="#"
 67 |                         className="fw-medium link-dark text-decoration-none"
 68 |                       >
 69 |                         Game Controllers
 70 |                       </a>
 71 |                       <a
 72 |                         href="#"
 73 |                         className="fw-medium link-dark text-decoration-none"
 74 |                       >
 75 |                         Cables & Chargers
 76 |                       </a>
 77 |                     </div>
 78 |                   </div>
 79 |                 </div>
 80 |               </div>
 81 |               <div className="accordion-item border-bottom">
 82 |                 <h2 className="accordion-header">
 83 |                   <button
 84 |                     className="accordion-button fw-bold"
 85 |                     data-bs-toggle="collapse"
 86 |                     data-bs-target="#collapseTwo"
 87 |                     aria-expanded="true"
 88 |                   >
 89 |                     Brands
 90 |                   </button>
 91 |                 </h2>
 92 |                 <div
 93 |                   id="collapseTwo"
 94 |                   className="accordion-collapse collapse show"
 95 |                 >
 96 |                   <div className="accordion-body pt-2">
 97 |                     <div className="vstack gap-2">
 98 |                       <div className="d-flex gap-2">
 99 |                         <input type="checkbox" className="form-check-input" />
100 |                         <label className="fw-medium flex-grow-1">Apple</label>
101 |                         <span className="badge bg-default rounded-pill my-auto mb-0 text-dark">
102 |                           50
103 |                         </span>
104 |                       </div>
105 |                       <div className="d-flex gap-2">
106 |                         <input type="checkbox" className="form-check-input" />
107 |                         <label className="fw-medium flex-grow-1">Samsung</label>
108 |                         <span className="badge bg-default rounded-pill my-auto mb-0 text-dark">
109 |                           100
110 |                         </span>
111 |                       </div>
112 |                       <div className="d-flex gap-2">
113 |                         <input type="checkbox" className="form-check-input" />
114 |                         <label className="fw-medium flex-grow-1">Sony</label>
115 |                         <span className="badge bg-default rounded-pill my-auto mb-0 text-dark">
116 |                           30
117 |                         </span>
118 |                       </div>
119 |                       <div className="d-flex gap-2">
120 |                         <input type="checkbox" className="form-check-input" />
121 |                         <label className="fw-medium flex-grow-1">AOC</label>
122 |                         <span className="badge bg-default rounded-pill my-auto mb-0 text-dark">
123 |                           60
124 |                         </span>
125 |                       </div>
126 |                     </div>
127 |                   </div>
128 |                 </div>
129 |               </div>
130 |               <div className="accordion-item">
131 |                 <h2 className="accordion-header">
132 |                   <button
133 |                     className="accordion-button fw-bold"
134 |                     data-bs-toggle="collapse"
135 |                     data-bs-target="#collapseThree"
136 |                     aria-expanded="true"
137 |                   >
138 |                     Price Range
139 |                   </button>
140 |                 </h2>
141 |                 <div
142 |                   id="collapseThree"
143 |                   className="accordion-collapse collapse show"
144 |                 >
145 |                   <div className="accordion-body pt-0">
146 |                     <form className="row g-3">
147 |                       <div className="col-6">
148 |                         <label className="form-label">Min</label>
149 |                         <input type="text" className="form-control" />
150 |                       </div>
151 |                       <div className="col-6">
152 |                         <label className="form-label">Max</label>
153 |                         <input type="text" className="form-control" />
154 |                       </div>
155 |                       <div className="col-12">
156 |                         <button className="btn btn-primary w-100">Apply</button>
157 |                       </div>
158 |                     </form>
159 |                   </div>
160 |                 </div>
161 |               </div>
162 |             </div>
163 |           </div>
164 |           <div className="col-lg-9">
165 |             <div className="hstack justify-content-between mb-3">
166 |               <span className="text-dark">33 Items found</span>
167 |               <div className="btn-group" role="group">
168 |                 <button className="btn btn-outline-dark">
169 |                   <FontAwesomeIcon icon={["fas", "sort-amount-up"]} />
170 |                 </button>
171 |                 <button className="btn btn-outline-dark">
172 |                   <FontAwesomeIcon icon={["fas", "th-list"]} />
173 |                 </button>
174 |               </div>
175 |             </div>
176 |             <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3">
177 |               <div className="col">
178 |                 <ProductGridCard />
179 |               </div>
180 |               <div className="col">
181 |                 <ProductGridCard off={10} />
182 |               </div>
183 |               <div className="col">
184 |                 <ProductGridCard />
185 |               </div>
186 |               <div className="col">
187 |                 <ProductGridCard />
188 |               </div>
189 |               <div className="col">
190 |                 <ProductGridCard />
191 |               </div>
192 |               <div className="col">
193 |                 <ProductGridCard off={25} />
194 |               </div>
195 |               <div className="col">
196 |                 <ProductGridCard />
197 |               </div>
198 |             </div>
199 | 
200 |             <nav className="float-end mt-3">
201 |               <ul className="pagination">
202 |                 <li className="page-item">
203 |                   <a className="page-link" href="#">
204 |                     Prev
205 |                   </a>
206 |                 </li>
207 |                 <li className="page-item">
208 |                   <a className="page-link" href="#">
209 |                     1
210 |                   </a>
211 |                 </li>
212 |                 <li className="page-item">
213 |                   <a className="page-link" href="#">
214 |                     2
215 |                   </a>
216 |                 </li>
217 |                 <li className="page-item">
218 |                   <a className="page-link" href="#">
219 |                     3
220 |                   </a>
221 |                 </li>
222 |                 <li className="page-item">
223 |                   <a className="page-link" href="#">
224 |                     Next
225 |                   </a>
226 |                 </li>
227 |               </ul>
228 |             </nav>
229 |           </div>
230 |         </div>
231 |       </div>
232 |     </div>
233 |   );
234 | }
235 | 
236 | export default ExploreProducts;
237 | 


--------------------------------------------------------------------------------
/pages/index.js:
--------------------------------------------------------------------------------
  1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
  2 | import { Carousel } from "react-responsive-carousel";
  3 | import ProductSimpleCard from "../components/product/product-simple-card";
  4 | 
  5 | export default function Home() {
  6 |   const list = [1, 2, 3, 4, 5, 6, 7, 8];
  7 | 
  8 |   return (
  9 |     <div>
 10 |       <div className="container py-3">
 11 |         <div className="row mb-4">
 12 |           <div className="col-12">
 13 |             <Carousel
 14 |               autoPlay={true}
 15 |               infiniteLoop={true}
 16 |               showArrows={false}
 17 |               showStatus={false}
 18 |               showThumbs={false}
 19 |               transitionTime={500}
 20 |               renderIndicator={(onClickHandler, isSelected, index, label) => {
 21 |                 if (isSelected) {
 22 |                   return (
 23 |                     <li className="d-inline-block m-2 text-light">
 24 |                       <FontAwesomeIcon icon={["fas", "circle"]} size="xs" />
 25 |                     </li>
 26 |                   );
 27 |                 }
 28 |                 return (
 29 |                   <li
 30 |                     className="d-inline-block m-2 text-light text-opacity-50"
 31 |                     onClick={onClickHandler}
 32 |                     key={index}
 33 |                     role="button"
 34 |                     tabIndex={0}
 35 |                   >
 36 |                     <FontAwesomeIcon icon={["fas", "circle"]} size="xs" />
 37 |                   </li>
 38 |                 );
 39 |               }}
 40 |             >
 41 |               <div className="ratio ratio-21x9">
 42 |                 <img
 43 |                   src="/images/online-shopping.jpg"
 44 |                   alt="Cover image"
 45 |                   className="rounded"
 46 |                 />
 47 |               </div>
 48 |               <div className="ratio ratio-21x9">
 49 |                 <img
 50 |                   src="/images/online-shopping.jpg"
 51 |                   alt="Cover image"
 52 |                   className="rounded"
 53 |                 />
 54 |               </div>
 55 |               <div className="ratio ratio-21x9">
 56 |                 <img
 57 |                   src="/images/online-shopping.jpg"
 58 |                   alt="Cover image"
 59 |                   className="rounded"
 60 |                 />
 61 |               </div>
 62 |             </Carousel>
 63 |           </div>
 64 |         </div>
 65 |         <div className="row row-cols-1 row-cols-md-3 g-3 mb-4">
 66 |           <div className="col">
 67 |             <div className="card h-100 border-0 shadow-sm">
 68 |               <figure className="figure card-body mb-0">
 69 |                 <div
 70 |                   className="bg-secondary rounded-circle d-flex mb-2"
 71 |                   style={{ width: 50, height: 50 }}
 72 |                 >
 73 |                   <FontAwesomeIcon
 74 |                     icon={["fas", "money-bill-alt"]}
 75 |                     size="lg"
 76 |                     className="text-primary m-auto"
 77 |                   />
 78 |                 </div>
 79 |                 <h5 className="mb-1 fw-bold">Reasonable Price</h5>
 80 |                 <figcaption className="figure-caption text-dark">
 81 |                   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
 82 |                   do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 83 |                 </figcaption>
 84 |               </figure>
 85 |             </div>
 86 |           </div>
 87 |           <div className="col">
 88 |             <div className="card h-100 border-0 shadow-sm">
 89 |               <figure className="figure card-body mb-0">
 90 |                 <div
 91 |                   className="bg-secondary rounded-circle d-flex mb-2"
 92 |                   style={{ width: 50, height: 50 }}
 93 |                 >
 94 |                   <FontAwesomeIcon
 95 |                     icon={["fas", "headset"]}
 96 |                     size="lg"
 97 |                     className="text-primary m-auto"
 98 |                   />
 99 |                 </div>
100 |                 <h5 className="mb-1 fw-bold">Customer Support 24/7</h5>
101 |                 <figcaption className="figure-caption text-dark">
102 |                   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
103 |                   do eiusmod tempor incididunt ut labore et dolore magna aliqua.
104 |                 </figcaption>
105 |               </figure>
106 |             </div>
107 |           </div>
108 |           <div className="col">
109 |             <div className="card h-100 border-0 shadow-sm">
110 |               <figure className="figure card-body mb-0">
111 |                 <div
112 |                   className="bg-secondary rounded-circle d-flex mb-2"
113 |                   style={{ width: 50, height: 50 }}
114 |                 >
115 |                   <FontAwesomeIcon
116 |                     icon={["fas", "truck"]}
117 |                     size="lg"
118 |                     className="text-primary m-auto"
119 |                   />
120 |                 </div>
121 |                 <h5 className="mb-1 fw-bold">Fast Delivery</h5>
122 |                 <figcaption className="figure-caption text-dark">
123 |                   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
124 |                   do eiusmod tempor incididunt ut labore et dolore magna aliqua.
125 |                 </figcaption>
126 |               </figure>
127 |             </div>
128 |           </div>
129 |         </div>
130 |         <h4 className="mb-3 fw-semibold">New products</h4>
131 |         <div className="row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-3 mb-5">
132 |           {list.map((e, i) => {
133 |             return (
134 |               <div className="col" key={i}>
135 |                 <ProductSimpleCard id={i} title={`Product ${i}`} />
136 |               </div>
137 |             );
138 |           })}
139 |         </div>
140 |       </div>
141 |       {/* <div className="d-flex flex-column align-items-center bg-primary py-5">
142 |         <span className="mb-4 text-light text-opacity-75">
143 |           Subscribe for promotions and wonderful events
144 |         </span>
145 |         <form className="d-flex">
146 |           <div className="me-2">
147 |             <input
148 |               type="email"
149 |               className="form-control"
150 |               placeholder="Your email"
151 |               size="24"
152 |             />
153 |           </div>
154 |           <button className="btn btn-warning">
155 |             <FontAwesomeIcon icon={["fas", "envelope"]} className="me-2" />
156 |             Subscribe
157 |           </button>
158 |         </form>
159 |       </div> */}
160 |     </div>
161 |   );
162 | }
163 | 


--------------------------------------------------------------------------------
/pages/product/[id].js:
--------------------------------------------------------------------------------
  1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
  2 | import ProductRating from "../../components/product-rating";
  3 | import ProductSimpleHorizontal from "../../components/product/product-simple-horizontal";
  4 | 
  5 | function ProductDetail() {
  6 |   const images = [2, 4, 6, 8, 1];
  7 | 
  8 |   return (
  9 |     <div className="vstack">
 10 |       <div className="bg-secondary">
 11 |         <div className="container">
 12 |           <div className="row py-4 px-2">
 13 |             <nav aria-label="breadcrumb col-12">
 14 |               <ol className="breadcrumb mb-1">
 15 |                 <li className="breadcrumb-item">
 16 |                   <a href="#">All Categories</a>
 17 |                 </li>
 18 |                 <li className="breadcrumb-item">
 19 |                   <a href="#">Electronics</a>
 20 |                 </li>
 21 |                 <li className="breadcrumb-item active" aria-current="page">
 22 |                   Product name
 23 |                 </li>
 24 |               </ol>
 25 |             </nav>
 26 |           </div>
 27 |         </div>
 28 |       </div>
 29 |       <div className="bg-white mb-4">
 30 |         <div className="container py-4">
 31 |           <div className="row gy-3 gx-4">
 32 |             <div className="col-lg-5">
 33 |               <div className="row">
 34 |                 <div className="col-12">
 35 |                   <div className="ratio ratio-1x1">
 36 |                     <img
 37 |                       className="rounded"
 38 |                       src={`https://source.unsplash.com/random/300x300?random=${Math.floor(
 39 |                         Math.random() * 50
 40 |                       )}`}
 41 |                       width={300}
 42 |                       height={300}
 43 |                       alt="Product image."
 44 |                     />
 45 |                   </div>
 46 |                 </div>
 47 |               </div>
 48 |               <div className="row mt-3 d-none d-lg-block">
 49 |                 <div className="col-12 d-flex justify-content-center">
 50 |                   {images.map((e) => {
 51 |                     return (
 52 |                       <div
 53 |                         key={e}
 54 |                         style={{ width: 60 }}
 55 |                         className="me-2 ratio ratio-1x1"
 56 |                       >
 57 |                         <img
 58 |                           className="rounded"
 59 |                           src={`https://source.unsplash.com/random/80x80?random=${Math.floor(
 60 |                             Math.random() * 50
 61 |                           )}`}
 62 |                           width={60}
 63 |                           height={60}
 64 |                           alt="Product image."
 65 |                           key={e}
 66 |                         />
 67 |                       </div>
 68 |                     );
 69 |                   })}
 70 |                 </div>
 71 |               </div>
 72 |             </div>
 73 | 
 74 |             <div className="col-lg-7">
 75 |               <div className="d-flex">
 76 |                 <div className="d-inline h2 mb-0 fw-semibold me-3">
 77 |                   Product name here
 78 |                 </div>
 79 |                 <div className="ms-auto">
 80 |                   <button
 81 |                     className="btn btn-outline-secondary text-primary border"
 82 |                     data-bs-toggle="tooltip"
 83 |                     data-bs-placement="top"
 84 |                     title="Add to wish list"
 85 |                   >
 86 |                     <FontAwesomeIcon icon={["far", "heart"]} size="lg" />
 87 |                   </button>
 88 |                 </div>
 89 |               </div>
 90 | 
 91 |               <div className="vstack">
 92 |                 <div className="d-flex mb-3 gap-2">
 93 |                   <ProductRating />
 94 |                   <span className="text-muted small">150 orders</span>
 95 |                   <span className="text-success small">
 96 |                     <FontAwesomeIcon icon={["fas", "check-circle"]} />
 97 |                     &nbsp;In Stock
 98 |                   </span>
 99 |                 </div>
100 |                 <h4 className="fw-semibold">15000Ks</h4>
101 |                 <p className="fw-light">
102 |                   Lorem ipsum is placeholder text commonly used in the graphic,
103 |                   print, and publishing industries for previewing layouts and
104 |                   visual mockups.
105 |                 </p>
106 |                 <dl className="row mb-0">
107 |                   <dt className="col-sm-3 fw-semibold">Code#</dt>
108 |                   <dd className="col-sm-9">10001</dd>
109 |                   <dt className="col-sm-3 fw-semibold">Category</dt>
110 |                   <dd className="col-sm-9">Electronics</dd>
111 |                   <dt className="col-sm-3 fw-semibold">Delivery</dt>
112 |                   <dd className="col-sm-9">Yangon, Mandalay</dd>
113 |                 </dl>
114 |                 <hr className="text-muted" />
115 |                 <dl className="row gy-2 mb-4">
116 |                   <dt className="col-12 fw-semibold">Color</dt>
117 |                   <dd className="col-12">
118 |                     <div className="hstack gap-2">
119 |                       <div className="form-check">
120 |                         <input
121 |                           type="radio"
122 |                           className="form-check-input"
123 |                           name="color1"
124 |                           id="c1"
125 |                         />
126 |                         <label
127 |                           className="form-check-label fw-medium"
128 |                           htmlFor="c1"
129 |                         >
130 |                           Red
131 |                         </label>
132 |                       </div>
133 |                       <div className="form-check">
134 |                         <input
135 |                           type="radio"
136 |                           className="form-check-input"
137 |                           name="color2"
138 |                           id="c2"
139 |                           checked
140 |                           onChange={() => {}}
141 |                         />
142 |                         <label
143 |                           className="form-check-label fw-medium"
144 |                           htmlFor="c2"
145 |                         >
146 |                           Green
147 |                         </label>
148 |                       </div>
149 |                       <div className="form-check">
150 |                         <input
151 |                           type="radio"
152 |                           className="form-check-input"
153 |                           name="color3"
154 |                           id="c3"
155 |                         />
156 |                         <label
157 |                           className="form-check-label fw-medium"
158 |                           htmlFor="c3"
159 |                         >
160 |                           Blue
161 |                         </label>
162 |                       </div>
163 |                     </div>
164 |                   </dd>
165 | 
166 |                   <dt className="col-12 fw-semibold">Size</dt>
167 |                   <dd className="col-12">
168 |                     <div className="hstack gap-2">
169 |                       <div className="form-check">
170 |                         <input
171 |                           type="radio"
172 |                           className="form-check-input"
173 |                           name="size1"
174 |                           id="s1"
175 |                           checked
176 |                           onChange={() => {}}
177 |                         />
178 |                         <label
179 |                           className="form-check-label fw-medium"
180 |                           htmlFor="s1"
181 |                         >
182 |                           Small
183 |                         </label>
184 |                       </div>
185 |                       <div className="form-check">
186 |                         <input
187 |                           type="radio"
188 |                           className="form-check-input"
189 |                           name="size2"
190 |                           id="s2"
191 |                         />
192 |                         <label
193 |                           className="form-check-label fw-medium"
194 |                           htmlFor="s2"
195 |                         >
196 |                           Medium
197 |                         </label>
198 |                       </div>
199 |                       <div className="form-check">
200 |                         <input
201 |                           type="radio"
202 |                           className="form-check-input"
203 |                           name="size3"
204 |                           id="s3"
205 |                         />
206 |                         <label
207 |                           className="form-check-label fw-medium"
208 |                           htmlFor="c3"
209 |                         >
210 |                           Large
211 |                         </label>
212 |                       </div>
213 |                     </div>
214 |                   </dd>
215 |                 </dl>
216 | 
217 |                 <div className="d-flex">
218 |                   <a
219 |                     href="#"
220 |                     className="btn btn-primary px-md-4 col col-md-auto me-2"
221 |                   >
222 |                     Buy now
223 |                   </a>
224 |                   <button className="btn btn-outline-primary col col-md-auto">
225 |                     <FontAwesomeIcon icon={["fas", "cart-plus"]} />
226 |                     &nbsp;Add to cart
227 |                   </button>
228 |                 </div>
229 |               </div>
230 |             </div>
231 |           </div>
232 |         </div>
233 |       </div>
234 | 
235 |       <div className="container">
236 |         <div className="row g-3">
237 |           <div className="col-lg-8">
238 |             <div className="card border-0 shadow-sm">
239 |               <div
240 |                 className="px-3 d-flex border-bottom overflow-auto"
241 |                 style={{ height: 70 }}
242 |               >
243 |                 <ul className="nav nav-pills my-auto flex-nowrap">
244 |                   <li className="nav-item">
245 |                     <a href="#" className="nav-link active" aria-current="true">
246 |                       Description
247 |                     </a>
248 |                   </li>
249 |                   <li className="nav-item">
250 |                     <a href="#" className="nav-link">
251 |                       Specifications
252 |                     </a>
253 |                   </li>
254 |                 </ul>
255 |               </div>
256 |               <div className="card-body">
257 |                 <p>
258 |                   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
259 |                   do eiusmod tempor incididunt ut labore et dolore magna aliqua.
260 |                   Duis ultricies lacus sed turpis tincidunt. Urna cursus eget
261 |                   nunc scelerisque. Sit amet massa vitae tortor condimentum.
262 |                   Amet est placerat in egestas erat. Vel quam elementum pulvinar
263 |                   etiam non quam lacus suspendisse faucibus. Duis at consectetur
264 |                   lorem donec massa sapien faucibus. Leo integer malesuada nunc
265 |                   vel risus commodo viverra maecenas. Pellentesque eu tincidunt
266 |                   tortor aliquam nulla facilisi. Gravida in fermentum et
267 |                   sollicitudin ac. Amet purus gravida quis blandit turpis cursus
268 |                   in hac habitasse. Augue mauris augue neque gravida in
269 |                   fermentum et sollicitudin. Faucibus in ornare quam viverra.
270 |                   Nisl rhoncus mattis rhoncus urna neque viverra justo. Cras
271 |                   semper auctor neque vitae. Nulla facilisi morbi tempus
272 |                   iaculis. Quam vulputate dignissim suspendisse in. Vestibulum
273 |                   rhoncus est pellentesque elit ullamcorper. Suspendisse
274 |                   ultrices gravida dictum fusce ut. Lacus vel facilisis volutpat
275 |                   est velit egestas.
276 |                 </p>
277 |               </div>
278 |               <div className="card-footer py-3">
279 |                 <small>
280 |                   <FontAwesomeIcon
281 |                     icon={["fas", "truck"]}
282 |                     className="text-success me-2"
283 |                   />
284 |                   Delivery within 1-2 weeks
285 |                 </small>
286 |               </div>
287 |             </div>
288 |           </div>
289 |           <div className="col-lg-4">
290 |             <div className="card border-0 shadow-sm">
291 |               <div className="px-3 d-flex border-bottom" style={{ height: 70 }}>
292 |                 <h5 className="my-auto fw-semibold">Related products</h5>
293 |               </div>
294 |               <div className="card-body">
295 |                 <ProductSimpleHorizontal id={1} />
296 |                 <ProductSimpleHorizontal id={2} />
297 |                 <ProductSimpleHorizontal id={3} />
298 |                 <ProductSimpleHorizontal id={4} />
299 |                 <ProductSimpleHorizontal id={5} />
300 |               </div>
301 |             </div>
302 |           </div>
303 |         </div>
304 |       </div>
305 |       <br />
306 |       <br />
307 |       <br />
308 |     </div>
309 |   );
310 | }
311 | 
312 | export default ProductDetail;
313 | 


--------------------------------------------------------------------------------
/pages/shopping-cart/index.js:
--------------------------------------------------------------------------------
 1 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 2 | import CartItemRow from "../../components/shopping-cart/cart-item-row";
 3 | import PricingCard from "../../components/shopping-cart/pricing-card";
 4 | 
 5 | function ShoppingCart() {
 6 |   return (
 7 |     <div className="container py-4">
 8 |       <div className="row g-3">
 9 |         <div className="col-lg-8">
10 |           <div className="card border-0 shadow-sm">
11 |             <div className="card-header bg-white">
12 |               <h5 className="my-2">Shopping Cart</h5>
13 |             </div>
14 |             <div className="card-body p-2">
15 |               {/* <CartItem />
16 |               <hr className="text-muted my-1" />
17 |               <CartItem />
18 |               <hr className="text-muted my-1" />
19 |               <CartItem /> */}
20 |               <div className="table-responsive">
21 |                 <table className="table table-borderless align-middle mb-0">
22 |                   {/* <thead>
23 |                     <tr>
24 |                       <th scope="col">Product</th>
25 |                       <th scope="col">Price</th>
26 |                       <th scope="col">Qty</th>
27 |                       <th scope="col"></th>
28 |                     </tr>
29 |                   </thead> */}
30 |                   <tbody>
31 |                     <CartItemRow />
32 |                     <CartItemRow />
33 |                     <CartItemRow />
34 |                   </tbody>
35 |                 </table>
36 |               </div>
37 |             </div>
38 |             <div className="card-footer py-3">
39 |               <small>
40 |                 <FontAwesomeIcon
41 |                   icon={["fas", "truck"]}
42 |                   className="text-success me-2"
43 |                 />
44 |                 Delivery within 1-2 weeks
45 |               </small>
46 |             </div>
47 |           </div>
48 |         </div>
49 |         <div className="col-lg-4">
50 |           <div className="card mb-3 border-0 shadow-sm">
51 |             <div className="card-body">
52 |               <div className="input-group">
53 |                 <input
54 |                   className="form-control"
55 |                   type="text"
56 |                   placeholder="Coupon code here"
57 |                 />
58 |                 <button type="button" className="btn btn-primary">
59 |                   Apply
60 |                 </button>
61 |               </div>
62 |             </div>
63 |           </div>
64 |           <PricingCard />
65 |         </div>
66 |       </div>
67 |       <br />
68 |       <br />
69 |       <br />
70 |     </div>
71 |   );
72 | }
73 | 
74 | export default ShoppingCart;
75 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/favicon.ico


--------------------------------------------------------------------------------
/public/fonts/Inter-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Inter-Bold.ttf


--------------------------------------------------------------------------------
/public/fonts/Inter-Light.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Inter-Light.ttf


--------------------------------------------------------------------------------
/public/fonts/Inter-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Inter-Medium.ttf


--------------------------------------------------------------------------------
/public/fonts/Inter-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Inter-Regular.ttf


--------------------------------------------------------------------------------
/public/fonts/Inter-SemiBold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Inter-SemiBold.ttf


--------------------------------------------------------------------------------
/public/fonts/Roboto-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Roboto-Bold.ttf


--------------------------------------------------------------------------------
/public/fonts/Roboto-Italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Roboto-Italic.ttf


--------------------------------------------------------------------------------
/public/fonts/Roboto-Light.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Roboto-Light.ttf


--------------------------------------------------------------------------------
/public/fonts/Roboto-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Roboto-Medium.ttf


--------------------------------------------------------------------------------
/public/fonts/Roboto-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/fonts/Roboto-Regular.ttf


--------------------------------------------------------------------------------
/public/images/apple-app-store-badge.svg:
--------------------------------------------------------------------------------
 1 | <svg id="livetype" xmlns="http://www.w3.org/2000/svg" width="119.66407" height="40" viewBox="0 0 119.66407 40">
 2 |   <title>Download_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917</title>
 3 |   <g>
 4 |     <g>
 5 |       <g>
 6 |         <path d="M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z" style="fill: #a6a6a6"/>
 7 |         <path d="M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z"/>
 8 |       </g>
 9 |       <g id="_Group_" data-name="&lt;Group&gt;">
10 |         <g id="_Group_2" data-name="&lt;Group&gt;">
11 |           <g id="_Group_3" data-name="&lt;Group&gt;">
12 |             <path id="_Path_" data-name="&lt;Path&gt;" d="M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z" style="fill: #fff"/>
13 |             <path id="_Path_2" data-name="&lt;Path&gt;" d="M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z" style="fill: #fff"/>
14 |           </g>
15 |         </g>
16 |         <g>
17 |           <path d="M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z" style="fill: #fff"/>
18 |           <path d="M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z" style="fill: #fff"/>
19 |           <path d="M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z" style="fill: #fff"/>
20 |           <path d="M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z" style="fill: #fff"/>
21 |           <path d="M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z" style="fill: #fff"/>
22 |           <path d="M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z" style="fill: #fff"/>
23 |           <path d="M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z" style="fill: #fff"/>
24 |           <path d="M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z" style="fill: #fff"/>
25 |         </g>
26 |       </g>
27 |     </g>
28 |     <g id="_Group_4" data-name="&lt;Group&gt;">
29 |       <g>
30 |         <path d="M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z" style="fill: #fff"/>
31 |         <path d="M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z" style="fill: #fff"/>
32 |         <path d="M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z" style="fill: #fff"/>
33 |         <path d="M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z" style="fill: #fff"/>
34 |         <path d="M59.09377,8.437h.88867v6.26074h-.88867Z" style="fill: #fff"/>
35 |         <path d="M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z" style="fill: #fff"/>
36 |         <path d="M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z" style="fill: #fff"/>
37 |         <path d="M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z" style="fill: #fff"/>
38 |         <path d="M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z" style="fill: #fff"/>
39 |         <path d="M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z" style="fill: #fff"/>
40 |         <path d="M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z" style="fill: #fff"/>
41 |         <path d="M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z" style="fill: #fff"/>
42 |         <path d="M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z" style="fill: #fff"/>
43 |       </g>
44 |     </g>
45 |   </g>
46 | </svg>
47 | 


--------------------------------------------------------------------------------
/public/images/cover.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/images/cover.jpg


--------------------------------------------------------------------------------
/public/images/google-play-badge.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/images/google-play-badge.png


--------------------------------------------------------------------------------
/public/images/google-play-badge.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  3 | <svg version="1.1" id="artwork" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 | 	 width="135" height="40" viewBox="0 0 135 40" style="enable-background:new 0 0 135 40;" xml:space="preserve">
  5 | <style type="text/css">
  6 | 	.st0{fill:#A6A6A6;}
  7 | 	.st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.2;stroke-miterlimit:10;}
  8 | 	.st2{fill:#FFFFFF;}
  9 | 	.st3{fill:url(#SVGID_1_);}
 10 | 	.st4{fill:url(#SVGID_2_);}
 11 | 	.st5{fill:url(#SVGID_3_);}
 12 | 	.st6{fill:url(#SVGID_4_);}
 13 | 	.st7{opacity:0.2;enable-background:new    ;}
 14 | 	.st8{opacity:0.12;enable-background:new    ;}
 15 | 	.st9{opacity:0.25;fill:#FFFFFF;enable-background:new    ;}
 16 | </style>
 17 | <g>
 18 | 	<g>
 19 | 		<path d="M130,40H5c-2.75,0-5-2.25-5-5V5c0-2.75,2.25-5,5-5h125c2.75,0,5,2.25,5,5v30C135,37.75,132.75,40,130,40z"/>
 20 | 	</g>
 21 | 	<g>
 22 | 		<g>
 23 | 			<path class="st0" d="M130,0.8c2.32,0,4.2,1.88,4.2,4.2v30c0,2.32-1.88,4.2-4.2,4.2H5c-2.32,0-4.2-1.88-4.2-4.2V5
 24 | 				c0-2.32,1.88-4.2,4.2-4.2H130 M130,0H5C2.25,0,0,2.25,0,5v30c0,2.75,2.25,5,5,5h125c2.75,0,5-2.25,5-5V5C135,2.25,132.75,0,130,0
 25 | 				L130,0z"/>
 26 | 		</g>
 27 | 	</g>
 28 | 	<g>
 29 | 		<path class="st1" d="M47.42,10.24c0,0.84-0.25,1.51-0.75,2c-0.56,0.59-1.3,0.89-2.2,0.89c-0.87,0-1.6-0.3-2.21-0.9
 30 | 			c-0.61-0.6-0.91-1.35-0.91-2.23c0-0.89,0.3-1.63,0.91-2.23c0.61-0.6,1.34-0.9,2.21-0.9c0.43,0,0.84,0.08,1.23,0.25
 31 | 			c0.39,0.17,0.7,0.39,0.94,0.67l-0.53,0.53c-0.4-0.47-0.94-0.71-1.64-0.71c-0.63,0-1.18,0.22-1.64,0.67
 32 | 			c-0.46,0.44-0.69,1.02-0.69,1.73s0.23,1.29,0.69,1.73c0.46,0.44,1.01,0.67,1.64,0.67c0.67,0,1.23-0.22,1.68-0.67
 33 | 			c0.29-0.29,0.46-0.7,0.5-1.22h-2.18V9.79h2.91C47.4,9.95,47.42,10.1,47.42,10.24z"/>
 34 | 		<path class="st1" d="M52.03,7.74H49.3v1.9h2.46v0.72H49.3v1.9h2.73V13h-3.5V7h3.5V7.74z"/>
 35 | 		<path class="st1" d="M55.28,13h-0.77V7.74h-1.68V7h4.12v0.74h-1.68V13z"/>
 36 | 		<path class="st1" d="M59.94,13V7h0.77v6H59.94z"/>
 37 | 		<path class="st1" d="M64.13,13h-0.77V7.74h-1.68V7h4.12v0.74h-1.68V13z"/>
 38 | 		<path class="st1" d="M73.61,12.22c-0.59,0.61-1.32,0.91-2.2,0.91c-0.88,0-1.61-0.3-2.2-0.91c-0.59-0.61-0.88-1.35-0.88-2.22
 39 | 			s0.29-1.62,0.88-2.22c0.59-0.61,1.32-0.91,2.2-0.91c0.87,0,1.6,0.3,2.2,0.91c0.59,0.61,0.89,1.35,0.89,2.22
 40 | 			C74.49,10.88,74.2,11.62,73.61,12.22z M69.78,11.72c0.44,0.45,0.99,0.67,1.63,0.67c0.64,0,1.19-0.22,1.63-0.67
 41 | 			c0.44-0.45,0.67-1.02,0.67-1.72s-0.22-1.27-0.67-1.72C72.6,7.83,72.05,7.6,71.41,7.6c-0.64,0-1.19,0.22-1.63,0.67
 42 | 			C69.34,8.73,69.11,9.3,69.11,10S69.34,11.27,69.78,11.72z"/>
 43 | 		<path class="st1" d="M75.58,13V7h0.94l2.92,4.67h0.03l-0.03-1.16V7h0.77v6h-0.8l-3.05-4.89h-0.03l0.03,1.16V13H75.58z"/>
 44 | 	</g>
 45 | 	<path class="st2" d="M68.14,21.75c-2.35,0-4.27,1.79-4.27,4.25c0,2.45,1.92,4.25,4.27,4.25c2.35,0,4.27-1.8,4.27-4.25
 46 | 		C72.41,23.54,70.49,21.75,68.14,21.75z M68.14,28.58c-1.29,0-2.4-1.06-2.4-2.58c0-1.53,1.11-2.58,2.4-2.58
 47 | 		c1.29,0,2.4,1.05,2.4,2.58C70.54,27.52,69.42,28.58,68.14,28.58z M58.82,21.75c-2.35,0-4.27,1.79-4.27,4.25
 48 | 		c0,2.45,1.92,4.25,4.27,4.25c2.35,0,4.27-1.8,4.27-4.25C63.09,23.54,61.17,21.75,58.82,21.75z M58.82,28.58
 49 | 		c-1.29,0-2.4-1.06-2.4-2.58c0-1.53,1.11-2.58,2.4-2.58c1.29,0,2.4,1.05,2.4,2.58C61.22,27.52,60.11,28.58,58.82,28.58z
 50 | 		 M47.74,23.06v1.8h4.32c-0.13,1.01-0.47,1.76-0.98,2.27c-0.63,0.63-1.61,1.32-3.33,1.32c-2.66,0-4.74-2.14-4.74-4.8
 51 | 		s2.08-4.8,4.74-4.8c1.43,0,2.48,0.56,3.25,1.29l1.27-1.27c-1.08-1.03-2.51-1.82-4.53-1.82c-3.64,0-6.7,2.96-6.7,6.61
 52 | 		c0,3.64,3.06,6.61,6.7,6.61c1.97,0,3.45-0.64,4.61-1.85c1.19-1.19,1.56-2.87,1.56-4.22c0-0.42-0.03-0.81-0.1-1.13H47.74z
 53 | 		 M93.05,24.46c-0.35-0.95-1.43-2.71-3.64-2.71c-2.19,0-4.01,1.72-4.01,4.25c0,2.38,1.8,4.25,4.22,4.25c1.95,0,3.08-1.19,3.54-1.88
 54 | 		l-1.45-0.97c-0.48,0.71-1.14,1.18-2.09,1.18c-0.95,0-1.63-0.44-2.06-1.29l5.69-2.35L93.05,24.46z M87.25,25.88
 55 | 		c-0.05-1.64,1.27-2.48,2.22-2.48c0.74,0,1.37,0.37,1.58,0.9L87.25,25.88z M82.63,30h1.87V17.5h-1.87V30z M79.57,22.7H79.5
 56 | 		c-0.42-0.5-1.22-0.95-2.24-0.95c-2.13,0-4.08,1.87-4.08,4.27c0,2.38,1.95,4.24,4.08,4.24c1.01,0,1.82-0.45,2.24-0.97h0.06v0.61
 57 | 		c0,1.63-0.87,2.5-2.27,2.5c-1.14,0-1.85-0.82-2.14-1.51l-1.63,0.68c0.47,1.13,1.71,2.51,3.77,2.51c2.19,0,4.04-1.29,4.04-4.43
 58 | 		v-7.64h-1.77V22.7z M77.42,28.58c-1.29,0-2.37-1.08-2.37-2.56c0-1.5,1.08-2.59,2.37-2.59c1.27,0,2.27,1.1,2.27,2.59
 59 | 		C79.7,27.5,78.7,28.58,77.42,28.58z M101.81,17.5h-4.47V30h1.87v-4.74h2.61c2.07,0,4.1-1.5,4.1-3.88S103.87,17.5,101.81,17.5z
 60 | 		 M101.85,23.52H99.2v-4.29h2.65c1.4,0,2.19,1.16,2.19,2.14C104.04,22.35,103.25,23.52,101.85,23.52z M113.39,21.73
 61 | 		c-1.35,0-2.75,0.6-3.33,1.91l1.66,0.69c0.35-0.69,1.01-0.92,1.7-0.92c0.97,0,1.95,0.58,1.96,1.61v0.13
 62 | 		c-0.34-0.19-1.06-0.48-1.95-0.48c-1.79,0-3.6,0.98-3.6,2.81c0,1.67,1.46,2.75,3.1,2.75c1.25,0,1.95-0.56,2.38-1.22h0.06v0.97h1.8
 63 | 		v-4.79C117.18,22.97,115.52,21.73,113.39,21.73z M113.16,28.58c-0.61,0-1.46-0.31-1.46-1.06c0-0.96,1.06-1.33,1.98-1.33
 64 | 		c0.82,0,1.21,0.18,1.7,0.42C115.24,27.76,114.24,28.58,113.16,28.58z M123.74,22l-2.14,5.42h-0.06L119.32,22h-2.01l3.33,7.58
 65 | 		l-1.9,4.21h1.95L125.82,22H123.74z M106.94,30h1.87V17.5h-1.87V30z"/>
 66 | 	<g>
 67 | 		
 68 | 			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.7996" y1="168.4217" x2="5.0172" y2="151.6393" gradientTransform="matrix(1 0 0 -1 0 177.1315)">
 69 | 			<stop  offset="0" style="stop-color:#00A0FF"/>
 70 | 			<stop  offset="6.574450e-03" style="stop-color:#00A1FF"/>
 71 | 			<stop  offset="0.2601" style="stop-color:#00BEFF"/>
 72 | 			<stop  offset="0.5122" style="stop-color:#00D2FF"/>
 73 | 			<stop  offset="0.7604" style="stop-color:#00DFFF"/>
 74 | 			<stop  offset="1" style="stop-color:#00E3FF"/>
 75 | 		</linearGradient>
 76 | 		<path class="st3" d="M10.44,7.54c-0.29,0.31-0.46,0.79-0.46,1.4v22.12c0,0.62,0.17,1.1,0.46,1.4l0.07,0.07L22.9,20.15V20v-0.15
 77 | 			L10.51,7.47L10.44,7.54z"/>
 78 | 		
 79 | 			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="33.8343" y1="157.13" x2="9.6374" y2="157.13" gradientTransform="matrix(1 0 0 -1 0 177.1315)">
 80 | 			<stop  offset="0" style="stop-color:#FFE000"/>
 81 | 			<stop  offset="0.4087" style="stop-color:#FFBD00"/>
 82 | 			<stop  offset="0.7754" style="stop-color:#FFA500"/>
 83 | 			<stop  offset="1" style="stop-color:#FF9C00"/>
 84 | 		</linearGradient>
 85 | 		<path class="st4" d="M27.03,24.28l-4.13-4.13V20v-0.15l4.13-4.13l0.09,0.05l4.89,2.78c1.4,0.79,1.4,2.09,0,2.89l-4.89,2.78
 86 | 			L27.03,24.28z"/>
 87 | 		
 88 | 			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="24.8269" y1="154.8353" x2="2.0686" y2="132.0771" gradientTransform="matrix(1 0 0 -1 0 177.1315)">
 89 | 			<stop  offset="0" style="stop-color:#FF3A44"/>
 90 | 			<stop  offset="1" style="stop-color:#C31162"/>
 91 | 		</linearGradient>
 92 | 		<path class="st5" d="M27.12,24.23L22.9,20L10.44,32.46c0.46,0.49,1.22,0.55,2.08,0.06L27.12,24.23"/>
 93 | 		
 94 | 			<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="7.2972" y1="176.9553" x2="17.4598" y2="166.7927" gradientTransform="matrix(1 0 0 -1 0 177.1315)">
 95 | 			<stop  offset="0" style="stop-color:#32A071"/>
 96 | 			<stop  offset="0.0685" style="stop-color:#2DA771"/>
 97 | 			<stop  offset="0.4762" style="stop-color:#15CF74"/>
 98 | 			<stop  offset="0.8009" style="stop-color:#06E775"/>
 99 | 			<stop  offset="1" style="stop-color:#00F076"/>
100 | 		</linearGradient>
101 | 		<path class="st6" d="M27.12,15.78l-14.61-8.3c-0.86-0.49-1.62-0.43-2.08,0.06L22.9,20L27.12,15.78z"/>
102 | 		<g>
103 | 			<path class="st7" d="M27.03,24.13l-14.52,8.25c-0.81,0.46-1.54,0.43-2,0.01l0,0l-0.07,0.07l0,0l0.07,0.07l0,0
104 | 				c0.47,0.42,1.19,0.45,2-0.01l14.61-8.3L27.03,24.13z"/>
105 | 			<path class="st8" d="M10.44,32.32c-0.29-0.31-0.46-0.79-0.46-1.4v0.15c0,0.62,0.17,1.1,0.46,1.4l0.07-0.07L10.44,32.32z"/>
106 | 		</g>
107 | 		<path class="st8" d="M32.01,21.3l-4.99,2.83l0.09,0.09l4.89-2.78c0.7-0.4,1.05-0.92,1.05-1.44l0,0
108 | 			C33,20.47,32.65,20.94,32.01,21.3z"/>
109 | 		<path class="st9" d="M12.51,7.62l19.5,11.08c0.63,0.36,0.99,0.82,1.05,1.3l0,0c0-0.52-0.35-1.05-1.05-1.44L12.51,7.48
110 | 			c-1.4-0.79-2.54-0.13-2.54,1.47v0.15C9.97,7.49,11.12,6.83,12.51,7.62z"/>
111 | 	</g>
112 | </g>
113 | </svg>
114 | 


--------------------------------------------------------------------------------
/public/images/online-shopping.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/phyohtetarkar/nextjs-ecommerce-template/a58bdbe7013077616d7e471de3f6b3d00c5eb490/public/images/online-shopping.jpg


--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 | <svg width="283" height="64" viewBox="0 0 283 64" fill="none" 
2 |     xmlns="http://www.w3.org/2000/svg">
3 |     <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
4 | </svg>


--------------------------------------------------------------------------------
/styles/Home.module.css:
--------------------------------------------------------------------------------
  1 | .container {
  2 |   min-height: 100vh;
  3 |   padding: 0 0.5rem;
  4 |   display: flex;
  5 |   flex-direction: column;
  6 |   justify-content: center;
  7 |   align-items: center;
  8 |   height: 100vh;
  9 | }
 10 | 
 11 | .main {
 12 |   padding: 5rem 0;
 13 |   flex: 1;
 14 |   display: flex;
 15 |   flex-direction: column;
 16 |   justify-content: center;
 17 |   align-items: center;
 18 | }
 19 | 
 20 | .footer {
 21 |   width: 100%;
 22 |   height: 100px;
 23 |   border-top: 1px solid #eaeaea;
 24 |   display: flex;
 25 |   justify-content: center;
 26 |   align-items: center;
 27 | }
 28 | 
 29 | .footer a {
 30 |   display: flex;
 31 |   justify-content: center;
 32 |   align-items: center;
 33 |   flex-grow: 1;
 34 | }
 35 | 
 36 | .title a {
 37 |   color: #0070f3;
 38 |   text-decoration: none;
 39 | }
 40 | 
 41 | .title a:hover,
 42 | .title a:focus,
 43 | .title a:active {
 44 |   text-decoration: underline;
 45 | }
 46 | 
 47 | .title {
 48 |   margin: 0;
 49 |   line-height: 1.15;
 50 |   font-size: 4rem;
 51 | }
 52 | 
 53 | .title,
 54 | .description {
 55 |   text-align: center;
 56 | }
 57 | 
 58 | .description {
 59 |   line-height: 1.5;
 60 |   font-size: 1.5rem;
 61 | }
 62 | 
 63 | .code {
 64 |   background: #fafafa;
 65 |   border-radius: 5px;
 66 |   padding: 0.75rem;
 67 |   font-size: 1.1rem;
 68 |   font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
 69 |     Bitstream Vera Sans Mono, Courier New, monospace;
 70 | }
 71 | 
 72 | .grid {
 73 |   display: flex;
 74 |   align-items: center;
 75 |   justify-content: center;
 76 |   flex-wrap: wrap;
 77 |   max-width: 800px;
 78 |   margin-top: 3rem;
 79 | }
 80 | 
 81 | .card {
 82 |   margin: 1rem;
 83 |   padding: 1.5rem;
 84 |   text-align: left;
 85 |   color: inherit;
 86 |   text-decoration: none;
 87 |   border: 1px solid #eaeaea;
 88 |   border-radius: 10px;
 89 |   transition: color 0.15s ease, border-color 0.15s ease;
 90 |   width: 45%;
 91 | }
 92 | 
 93 | .card:hover,
 94 | .card:focus,
 95 | .card:active {
 96 |   color: #0070f3;
 97 |   border-color: #0070f3;
 98 | }
 99 | 
100 | .card h2 {
101 |   margin: 0 0 1rem 0;
102 |   font-size: 1.5rem;
103 | }
104 | 
105 | .card p {
106 |   margin: 0;
107 |   font-size: 1.25rem;
108 |   line-height: 1.5;
109 | }
110 | 
111 | .logo {
112 |   height: 1em;
113 |   margin-left: 0.5rem;
114 | }
115 | 
116 | @media (max-width: 600px) {
117 |   .grid {
118 |     width: 100%;
119 |     flex-direction: column;
120 |   }
121 | }
122 | 


--------------------------------------------------------------------------------
/styles/bootstrap-custom.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sourceRoot":"","sources":["../node_modules/bootstrap/scss/bootstrap.scss","../node_modules/bootstrap/scss/_root.scss","../node_modules/bootstrap/scss/_reboot.scss","../node_modules/bootstrap/scss/vendor/_rfs.scss","../node_modules/bootstrap/scss/_variables.scss","scss/bootstrap-custom.scss","../node_modules/bootstrap/scss/mixins/_border-radius.scss","../node_modules/bootstrap/scss/_type.scss","../node_modules/bootstrap/scss/mixins/_lists.scss","../node_modules/bootstrap/scss/_images.scss","../node_modules/bootstrap/scss/mixins/_image.scss","../node_modules/bootstrap/scss/_containers.scss","../node_modules/bootstrap/scss/mixins/_container.scss","../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../node_modules/bootstrap/scss/_grid.scss","../node_modules/bootstrap/scss/mixins/_grid.scss","../node_modules/bootstrap/scss/_tables.scss","../node_modules/bootstrap/scss/mixins/_table-variants.scss","../node_modules/bootstrap/scss/_functions.scss","../node_modules/bootstrap/scss/forms/_labels.scss","../node_modules/bootstrap/scss/forms/_form-text.scss","../node_modules/bootstrap/scss/forms/_form-control.scss","../node_modules/bootstrap/scss/mixins/_transition.scss","../node_modules/bootstrap/scss/mixins/_gradients.scss","../node_modules/bootstrap/scss/forms/_form-select.scss","../node_modules/bootstrap/scss/forms/_form-check.scss","../node_modules/bootstrap/scss/forms/_form-range.scss","../node_modules/bootstrap/scss/forms/_floating-labels.scss","../node_modules/bootstrap/scss/forms/_input-group.scss","../node_modules/bootstrap/scss/mixins/_forms.scss","../node_modules/bootstrap/scss/_buttons.scss","../node_modules/bootstrap/scss/mixins/_buttons.scss","../node_modules/bootstrap/scss/_transitions.scss","../node_modules/bootstrap/scss/_dropdown.scss","../node_modules/bootstrap/scss/mixins/_caret.scss","../node_modules/bootstrap/scss/_button-group.scss","../node_modules/bootstrap/scss/_nav.scss","../node_modules/bootstrap/scss/_navbar.scss","../node_modules/bootstrap/scss/_card.scss","../node_modules/bootstrap/scss/_accordion.scss","../node_modules/bootstrap/scss/_breadcrumb.scss","../node_modules/bootstrap/scss/_pagination.scss","../node_modules/bootstrap/scss/mixins/_pagination.scss","../node_modules/bootstrap/scss/_badge.scss","../node_modules/bootstrap/scss/_alert.scss","../node_modules/bootstrap/scss/mixins/_alert.scss","../node_modules/bootstrap/scss/_progress.scss","../node_modules/bootstrap/scss/_list-group.scss","../node_modules/bootstrap/scss/mixins/_list-group.scss","../node_modules/bootstrap/scss/_close.scss","../node_modules/bootstrap/scss/_toasts.scss","../node_modules/bootstrap/scss/_modal.scss","../node_modules/bootstrap/scss/mixins/_backdrop.scss","../node_modules/bootstrap/scss/_tooltip.scss","../node_modules/bootstrap/scss/mixins/_reset-text.scss","../node_modules/bootstrap/scss/_popover.scss","../node_modules/bootstrap/scss/_carousel.scss","../node_modules/bootstrap/scss/mixins/_clearfix.scss","../node_modules/bootstrap/scss/_spinners.scss","../node_modules/bootstrap/scss/_offcanvas.scss","../node_modules/bootstrap/scss/_placeholders.scss","../node_modules/bootstrap/scss/helpers/_colored-links.scss","../node_modules/bootstrap/scss/helpers/_ratio.scss","../node_modules/bootstrap/scss/helpers/_position.scss","../node_modules/bootstrap/scss/helpers/_stacks.scss","../node_modules/bootstrap/scss/helpers/_visually-hidden.scss","../node_modules/bootstrap/scss/mixins/_visually-hidden.scss","../node_modules/bootstrap/scss/helpers/_stretched-link.scss","../node_modules/bootstrap/scss/helpers/_text-truncation.scss","../node_modules/bootstrap/scss/mixins/_text-truncate.scss","../node_modules/bootstrap/scss/helpers/_vr.scss","../node_modules/bootstrap/scss/mixins/_utilities.scss","../node_modules/bootstrap/scss/utilities/_api.scss"],"names":[],"mappings":"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CA;EACA;EACA;EACA;EACA;EACA;EAEA,OCyIY;EDxIZ;;;ADgIA;EACE;EACA;;;AHvEF;EGqEA;IACE;IACA;;;AHvEF;EGqEA;IACE;IACA;;;AHvEF;EGqEA;IACE;IACA;;;AHvEF;EGqEA;IACE;IACA;;;AHvEF;EGqEA;IACE;IACA;;;AG/IN;EACE,efwzBsC;;;Ae/yBxC;EACE;EACA;EACA;EhBoRI,WALI;EgB3QR,afgkB4B;;;Ae5jB9B;EACE;EACA;EhB0QI,WALI;;;AgBjQV;EACE;EACA;EhBoQI,WALI;;;AiB5RV;EACE,YhBgzBsC;EDhhBlC,WALI;EiBvRR,OhBKS;;;AiBVX;EACE;EACA;EACA;ElB8RI,WALI;EkBtRR,ajBqkB4B;EiBpkB5B,ajB0kB4B;EiBzkB5B,OjBKS;EiBJT,kBjBLS;EiBMT;EACA;EACA;EfGE;EgBHE,YDMJ;;ACFI;EDhBN;ICiBQ;;;ADGN;EACE;;AAEA;EACE;;AAKJ;EACE,OjBjBO;EiBkBP,kBjB3BO;EiB4BP,chBeuB;EgBdvB;EAKE,YhBUmB;;AgBHvB;EAEE;;AAIF;EACE,OjB1CO;EiB4CP;;AAQF;EAEE,kBjB1DO;EiB6DP;;AAIF;EACE;EACA;EACA,mBjB0pB0B;EiBzpB1B,OjB9DO;EmBbT,kBnBMS;EiBuEP;EACA;EACA;EACA;EACA,yBjBgb0B;EiB/a1B;ECtEE,YDuEF;;ACnEE;EDuDJ;ICtDM;;;ADqEN;EACE,kBjB65B8B;;AiB15BhC;EACE;EACA;EACA,mBjBuoB0B;EiBtoB1B,OjBjFO;EmBbT,kBnBMS;EiB0FP;EACA;EACA;EACA;EACA,yBjB6Z0B;EiB5Z1B;ECzFE,YD0FF;;ACtFE;ED0EJ;ICzEM;;;ADwFN;EACE,kBjB04B8B;;;AiBj4BlC;EACE;EACA;EACA;EACA;EACA,ajByd4B;EiBxd5B,OjB5GS;EiB6GT;EACA;EACA;;AAEA;EAEE;EACA;;;AAWJ;EACE,YjBguBsC;EiB/tBtC;ElBmJI,WALI;EG7QN;;AemIF;EACE;EACA;EACA,mBjB2lB0B;;AiBxlB5B;EACE;EACA;EACA,mBjBqlB0B;;;AiBjlB9B;EACE,YjB8sBsC;EiB7sBtC;ElBgII,WALI;EG7QN;;AesJF;EACE;EACA;EACA,mBjB4kB0B;;AiBzkB5B;EACE;EACA;EACA,mBjBskB0B;;;AiB9jB5B;EACE,YjBqrBoC;;AiBlrBtC;EACE,YjBkrBoC;;AiB/qBtC;EACE,YjB+qBoC;;;AiB1qBxC;EACE,OjB6qBsC;EiB5qBtC;EACA,SjB4hB4B;;AiB1hB5B;EACE;;AAGF;EACE;Ef/LA;;AemMF;EACE;EfpMA;;;AkBdJ;EACE;EACA;EACA;EAEA;ErB2RI,WALI;EqBnRR,apBkkB4B;EoBjkB5B,apBukB4B;EoBtkB5B,OpBES;EoBDT,kBpBRS;EoBST;EACA;EACA,qBpBg7BkC;EoB/6BlC,iBpBg7BkC;EoB/6BlC;ElBFE;EgBHE,YEQJ;EACA;;AFLI;EEfN;IFgBQ;;;AEMN;EACE,cnBuBuB;EmBtBvB;EAKE,YnBoByB;;AmBhB7B;EAEE,epBgsB0B;EoB/rB1B;;AAGF;EAEE,kBpBpCO;;AoByCT;EACE;EACA;;;AAIJ;EACE,apByrB4B;EoBxrB5B,gBpBwrB4B;EoBvrB5B,cpBwrB4B;ED/cxB,WALI;;;AqBhOV;EACE,apBsrB4B;EoBrrB5B,gBpBqrB4B;EoBprB5B,cpBqrB4B;EDndxB,WALI;;;AsB5RV;EACE;EACA,YrBq3BwC;EqBp3BxC,crBq3BwC;EqBp3BxC,erBq3BwC;;AqBn3BxC;EACE;EACA;;;AAIJ;EACE,OrBy2BwC;EqBx2BxC,QrBw2BwC;EqBv2BxC;EACA;EACA,kBrBbS;EqBcT;EACA;EACA;EACA,QrB42BwC;EqB32BxC;EACA;;AAGA;EnBXE;;AmBeF;EAEE,erBm2BsC;;AqBh2BxC;EACE,QrB01BsC;;AqBv1BxC;EACE,crBszBoC;EqBrzBpC;EACA,YrBmsB4B;;AqBhsB9B;EACE,kBpB/CM;EoBgDN,cpBhDM;;AoBkDN;EAII;;AAIJ;EAII;;AAKN;EACE,kBpBpEM;EoBqEN,cpBrEM;EoB0EJ;;AAIJ;EACE;EACA;EACA,SrBk0BuC;;AqB3zBvC;EACE,SrB0zBqC;;;AqB5yB3C;EACE,crBqzBgC;;AqBnzBhC;EACE,OrBizB8B;EqBhzB9B;EACA;EACA;EnB9FA;EgBHE,YGmGF;;AH/FE;EGyFJ;IHxFM;;;AGgGJ;EACE;;AAGF;EACE,qBrBgzB4B;EqB3yB1B;;;AAMR;EACE;EACA,crBmxBgC;;;AqBhxBlC;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA,SrBqoBwB;;;AsBnxB9B;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,YtB49Ba;;AsB39BvC;EAA0B,YtB29Ba;;AsBx9BzC;EACE;;AAGF;EACE,OtB68BuC;EsB58BvC,QtB48BuC;EsB38BvC;EHzBF,kBlBDQ;EqB4BN,QtB48BuC;EEx9BvC;EgBHE,YIkBF;EACA;;AJfE;EIMJ;IJLM;;;AIgBJ;EHjCF,kBnB4+ByC;;AsBt8BzC;EACE,OtBs7B8B;EsBr7B9B,QtBs7B8B;EsBr7B9B;EACA,QtBq7B8B;EsBp7B9B,kBtBpCO;EsBqCP;EpB7BA;;AoBkCF;EACE,OtBk7BuC;EsBj7BvC,QtBi7BuC;EmBp+BzC,kBlBDQ;EqBsDN,QtBk7BuC;EEx9BvC;EgBHE,YI4CF;EACA;;AJzCE;EIiCJ;IJhCM;;;AI0CJ;EH3DF,kBnB4+ByC;;AsB56BzC;EACE,OtB45B8B;EsB35B9B,QtB45B8B;EsB35B9B;EACA,QtB25B8B;EsB15B9B,kBtB9DO;EsB+DP;EpBvDA;;AoB4DF;EACE;;AAEA;EACE,kBtBtEK;;AsByEP;EACE,kBtB1EK;;;AuBbX;EACE;;AAEA;AAAA;EAEE,QvBu/B8B;EuBt/B9B,avBu/B8B;;AuBp/BhC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ELDE,YKEF;;ALEE;EKXJ;ILYM;;;AKCN;EACE;;AAEA;EACE;;AAGF;EAEE,avBi+B4B;EuBh+B5B,gBvBi+B4B;;AuB99B9B;EACE,avB49B4B;EuB39B5B,gBvB49B4B;;AuBx9BhC;EACE,avBs9B8B;EuBr9B9B,gBvBs9B8B;;AuBh9B9B;AAAA;AAAA;EACE,SvBg9B4B;EuB/8B5B,WvBg9B4B;;AuB38B9B;EACE,SvBy8B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qFa;EapFb,cboFa;;AajFf;EAEE;;AAGF;EAKE,OArBa;EAsBb,kBbsEa;EarEb,cbqEa;;AanEb;EAKI;;AAKN;EAEE,ObuDa;EatDb;;;ADvDF;ECmBA,Ob0Fe;EazFf,cbyFe;;AavFf;EACE,OATY;EAUZ,kBbqFa;EapFb,cboFa;;AajFf;EAEE;;AAGF;EAKE,OArBa;EAsBb,kBbsEa;EarEb,cbqEa;;AanEb;EAKI;;AAKN;EAEE,ObuDa;EatDb;;;ADvDF;ECmBA,Ob0Fe;EazFf,cbyFe;;AavFf;EACE,OATY;EAUZ,kBbqFa;EapFb,cboFa;;AajFf;EAEE;;AAGF;EAKE,OArBa;EAsBb,kBbsEa;EarEb,cbqEa;;AanEb;EAKI;;AAKN;EAEE,ObuDa;EatDb;;;ADvDF;ECmBA,Ob0Fe;EazFf,cbyFe;;AavFf;EACE,OATY;EAUZ,kBbqFa;EapFb,cboFa;;AajFf;EAEE;;AAGF;EAKE,OArBa;EAsBb,kBbsEa;EarEb,cbqEa;;AanEb;EAKI;;AAKN;EAEE,ObuDa;EatDb;;;ADvDF;ECmBA,Ob0Fe;EazFf,cbyFe;;AavFf;EACE,OATY;EAUZ,kBbqFa;EapFb,cboFa;;AajFf;EAEE;;AAGF;EAKE,OArBa;EAsBb,kBbsEa;EarEb,cbqEa;;AanEb;EAKI;;AAKN;EAEE,ObuDa;EatDb;;;ADvDF;ECmBA,Ob0Fe;EazFf,cbyFe;;AavFf;EACE,OATY;EAUZ,kBbqFa;EapFb,cboFa;;AajFf;EAEE;;AAGF;EAKE,OArBa;EAsBb,kBbsEa;EarEb,cbqEa;;AanEb;EAKI;;AAKN;EAEE,ObuDa;EatDb;;;AD3CJ;EACE,a1BigB4B;E0BhgB5B,OzB5EQ;EyB6ER,iB1B6WwC;;A0B3WxC;EACE,O1B4WsC;;A0BpWxC;EAEE,O1B/EO;;;A0B0FX;ECuBE;E5BsKI,WALI;EG7QN;;;AwByFJ;ECmBE;E5BsKI,WALI;EG7QN;;;A0BnBJ;EVgBM,YUfJ;;AVmBI;EUpBN;IVqBQ;;;AUlBN;EACE;;;AAMF;EACE;;;AAIJ;EACE;EACA;EVDI,YUEJ;;AVEI;EULN;IVMQ;;;AUDN;EACE;EAC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AEA;EACE;EACA,WnC0vCoC;;AmCrvCxC;EACE;EACA,OnC+uCsC;EmC9uCtC,QnC8uCsC;EmC7uCtC;EACA;EACA;EACA;EACA,iBnCyuCsC;EkBhwCpC,YiBwBF;;AjBpBE;EiBWJ;IjBVM;;;AiBsBN;EACE;;AAGF;EACE;EACA,cnCizBoC;EmChzBpC;EACA,YlCIgC;;;AkCApC;EACE;;;AAGF;EACE,kBnCpDS;EmCqDT;;AAEA;EjCnCE;EACA;;AiCqCA;EjCtCA;EACA;;AiC0CF;EACE;;AAIF;EjClCE;EACA;;AiCqCE;EjCtCF;EACA;;AiC0CA;EjC3CA;EACA;;;AiCgDJ;EACE;;;AASA;EACE;;AAGF;EACE;EACA;EjCxFA;;AiC2FA;EAAgB;;AAChB;EAAe;;AAEf;EjC9FA;;;AkCnBJ;EACE;EACA;EACA;EACA,epCs/CkC;EoCp/ClC;;;AAOA;EACE,cpC2+CgC;;AoCz+ChC;EACE;EACA,epCu+C8B;EoCt+C9B,OpCLK;EoCML;;AAIJ;EACE,OpCXO;;;AqCdX;EACE;EjCGA;EACA;;;AiCAF;EACE;EACA;EACA,OpCLQ;EoCMR;EACA,kBrCFS;EqCGT;EnBKI,YmBJJ;;AnBQI;EmBfN;InBgBQ;;;AmBPN;EACE;EACA,OrC+asC;EqC7atC,kBrCRO;EqCSP,crCRO;;AqCWT;EACE;EACA,OrCuasC;EqCtatC,kBrCfO;EqCgBP,SrC0qCgC;EqCzqChC,YrCstB4B;;;AqCjtB9B;EACE,arC6pCgC;;AqC1pClC;EACE;EACA,OrC9BO;EmBJT,kBlBDQ;EoCqCN,cpCrCM;;AoCwCR;EACE,OrC9BO;EqC+BP;EACA,kBrCtCO;EqCuCP,crCpCO;;;AsCPT;EACE;;;AAOI;EpCqCJ;EACA;;AoChCI;EpCiBJ;EACA;;;AoChCF;EACE;EvCgSE,WALI;;AuCpRF;EpCqCJ;EACA;;AoChCI;EpCiBJ;EACA;;;AoChCF;EACE;EvCgSE,WALI;;AuCpRF;EpCqCJ;EACA;;AoChCI;EpCiBJ;EACA;;;AqC/BJ;EACE;EACA;ExC8RI,WALI;EwCvRR,avCukB4B;EuCtkB5B;EACA,OvCHS;EuCIT;EACA;EACA;ErCKE;;AqCAF;EACE;;;AAKJ;EACE;EACA;;;ACvBF;EACE;EACA;EACA,exCg6C8B;EwC/5C9B;EtCWE;;;AsCNJ;EAEE;;;AAIF;EACE,axC4jB4B;;;AwCpjB9B;EACE,exCi5C8B;;AwC94C9B;EACE;EACA;EACA;EACA;EACA;;;AAeF;EClDA,OD8Cc;ErB5Cd,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;AD6CF;EClDA,OD8Cc;ErB5Cd,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;AD6CF;EClDA,OD8Cc;ErB5Cd,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;AD6CF;EClDA,OD8Cc;ErB5Cd,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;AD6CF;EClDA,OD8Cc;ErB5Cd,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;AD6CF;EClDA,OD8Cc;ErB5Cd,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;AD6CF;EClDA,ODgDgB;ErB9ChB,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;AD6CF;EClDA,OD8Cc;ErB5Cd,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;AD6CF;EClDA,OD8Cc;ErB5Cd,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;AD6CF;EClDA,OD8Cc;ErB5Cd,kBqB0CmB;EC1CnB,cD2Ce;;ACzCf;EACE;;;ACHF;EACE;IAAK,uB1Cg7C2B;;;A0C36CpC;EACE;EACA,Q1Cy6CkC;E0Cx6ClC;E3CwRI,WALI;E2CjRR,kB1CLS;EESP;;;AwCCJ;EACE;EACA;EACA;EACA;EACA,O1CjBS;E0CkBT;EACA;EACA,kBzCzBQ;EiBaJ,YwBaJ;;AxBTI;EwBAN;IxBCQ;;;;AwBWR;EvBYE;EuBVA;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;ACvCR;EACE;EACA;EAGA;EACA;EzCSE;;;AyCLJ;EACE;EACA;;AAEA;EAEE;EACA;;;AAUJ;EACE;EACA,O3ClBS;E2CmBT;;AAGA;EAEE;EACA,O3CzBO;E2C0BP;EACA,kB3CjCO;;A2CoCT;EACE,O3C7BO;E2C8BP,kB3CrCO;;;A2C8CX;EACE;EACA;EACA;EACA,O3C3CS;E2C4CT;EACA,kB3CtDS;E2CuDT;;AAEA;EzCrCE;EACA;;AyCwCF;EzC3BE;EACA;;AyC8BF;EAEE,O3C7DO;E2C8DP;EACA,kB3CrEO;;A2CyET;EACE;EACA,O3C3EO;E2C4EP,kB1CjFM;E0CkFN,c1ClFM;;A0CqFR;EACE;;AAEA;EACE;EACA,kB3CwawB;;;A2C1Z1B;EACE;;AAGE;EzCrCJ;EAZA;;AyCsDI;EzCtDJ;EAYA;;AyC+CI;EACE;;AAGF;EACE,kB3CuYoB;E2CtYpB;;AAEA;EACE;EACA,mB3CkYkB;;;AStc1B;EkC4CA;IACE;;EAGE;IzCrCJ;IAZA;;EyCsDI;IzCtDJ;IAYA;;EyC+CI;IACE;;EAGF;IACE,kB3CuYoB;I2CtYpB;;EAEA;IACE;IACA,mB3CkYkB;;;AStc1B;EkC4CA;IACE;;EAGE;IzCrCJ;IAZA;;EyCsDI;IzCtDJ;IAYA;;EyC+CI;IACE;;EAGF;IACE,kB3CuYoB;I2CtYpB;;EAEA;IACE;IACA,mB3CkYkB;;;AStc1B;EkC4CA;IACE;;EAGE;IzCrCJ;IAZA;;EyCsDI;IzCtDJ;IAYA;;EyC+CI;IACE;;EAGF;IACE,kB3CuYoB;I2CtYpB;;EAEA;IACE;IACA,mB3CkYkB;;;AStc1B;EkC4CA;IACE;;EAGE;IzCrCJ;IAZA;;EyCsDI;IzCtDJ;IAYA;;EyC+CI;IACE;;EAGF;IACE,kB3CuYoB;I2CtYpB;;EAEA;IACE;IACA,mB3CkYkB;;;AStc1B;EkC4CA;IACE;;EAGE;IzCrCJ;IAZA;;EyCsDI;IzCtDJ;IAYA;;EyC+CI;IACE;;EAGF;IACE,kB3CuYoB;I2CtYpB;;EAEA;IACE;IACA,mB3CkYkB;;;A2CpX9B;EzC9HI;;AyCiIF;EACE;;AAEA;EACE;;;ACpJJ;EACE,ODiKyB;EChKzB,kBD+JsB;;AC5JpB;EAEE,OD2JqB;EC1JrB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;ACjKxB;EACE,ODiKyB;EChKzB,kBD+JsB;;AC5JpB;EAEE,OD2JqB;EC1JrB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;ACjKxB;EACE,ODiKyB;EChKzB,kBD+JsB;;AC5JpB;EAEE,OD2JqB;EC1JrB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;ACjKxB;EACE,ODiKyB;EChKzB,kBD+JsB;;AC5JpB;EAEE,OD2JqB;EC1JrB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;ACjKxB;EACE,ODiKyB;EChKzB,kBD+JsB;;AC5JpB;EAEE,OD2JqB;EC1JrB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;ACjKxB;EACE,ODiKyB;EChKzB,kBD+JsB;;AC5JpB;EAEE,OD2JqB;EC1JrB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;ACjKxB;EACE,ODmK2B;EClK3B,kBD+JsB;;AC5JpB;EAEE,OD6JuB;EC5JvB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;ACjKxB;EACE,ODiKyB;EChKzB,kBD+JsB;;AC5JpB;EAEE,OD2JqB;EC1JrB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;ACjKxB;EACE,ODiKyB;EChKzB,kBD+JsB;;AC5JpB;EAEE,OD2JqB;EC1JrB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;ACjKxB;EACE,ODiKyB;EChKzB,kBD+JsB;;AC5JpB;EAEE,OD2JqB;EC1JrB;;AAGF;EACE,O5CRG;E4CSH,kBDoJkB;ECnJlB,cDmJkB;;;AEhK1B;EACE;EACA,O7CmjD2B;E6CljD3B,Q7CkjD2B;E6CjjD3B;EACA,O7CQS;E6CPT;EACA;E3COE;E2CLF,S7CmjD2B;;A6ChjD3B;EACE;EACA;EACA,S7C8iDyB;;A6C3iD3B;EACE;EACA,Y7CwtB4B;E6CvtB5B,S7CyiDyB;;A6CtiD3B;EAEE;EACA;EACA,S7CmiDyB;;;A6C/hD7B;EACE,Q7C+hD2B;;;A8CrkD7B;EACE,O9Cs1CkC;E8Cr1ClC;E/CmSI,WAL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;ErCKI,YqCHJ;;ArCOI;EqCpBN;IrCqBQ;;;;AqCLR;EPdE;EACA;EACA;EACA,ShDuiCkC;EgDtiClC;EACA;EACA,kBhDUS;;AgDPT;EAAS;;AACT;EAAS,ShD+3CyB;;;AuDv3CpC;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA,avDijB4B;;;AuD9iB9B;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA,OvD8hDkC;EuD7hDlC;EACA;;;AAGF;EACE;EACA;EACA,OvDshDkC;EuDrhDlC;EACA;;;AAGF;EACE;EACA;EACA;EACA,QvD8gDkC;EuD7gDlC;EACA;EACA;;;AAGF;EACE;EACA;EACA,QvDqgDkC;EuDpgDlC;EACA;EACA;;;AAGF;EACE;;;ACjFF;EACE;EACA;EACA;EACA;EACA;EACA,SxDstCkC;;AwDptClC;EACE;EACA;;;AAKJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKA;EACE;;;AAIJ;EACE;IACE,SxDyrCgC;;;AwDrrCpC;EACE;EACA;EACA;;;AAGF;EACE;IACE;;;AH9CF;EACE;EACA;EACA;;;AIJF;EACE,OxDoCW;;AwDjCT;EAEE;;;AANN;EACE,OxDoCW;;AwDjCT;EAEE;;;AANN;EACE,OxDoCW;;AwDjCT;EAEE;;;AANN;EACE,OxDoCW;;AwDjCT;EAEE;;;AANN;EACE,OxDoCW;;AwDjCT;EAEE;;;AANN;EACE,OxDoCW;;AwDjCT;EAEE;;;AANN;EACE,OxDoCW;;AwDjCT;EAEE;;;AANN;EACE,OxDoCW;;AwDjCT;EAEE;;;AANN;EACE,OxDoCW;;AwDjCT;EAEE;;;AANN;EACE,OxDoCW;;AwDjCT;EAEE;;;ACLR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACrBJ;EACE;EACA;EACA;EACA;EACA,S3DoiCkC;;;A2DjiCpC;EACE;EACA;EACA;EACA;EACA,S3D4hCkC;;;A2DphChC;EACE;EACA;EACA,S3DghC8B;;;AS3+BhC;EkDxCA;IACE;IACA;IACA,S3DghC8B;;;AS3+BhC;EkDxCA;IACE;IACA;IACA,S3DghC8B;;;AS3+BhC;EkDxCA;IACE;IACA;IACA,S3DghC8B;;;AS3+BhC;EkDxCA;IACE;IACA;IACA,S3DghC8B;;;AS3+BhC;EkDxCA;IACE;IACA;IACA,S3DghC8B;;;A4DziCpC;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACRF;AAAA;ECIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACXA;EACE;EACA;EACA;EACA;EACA;EACA,S/DwbsC;E+DvbtC;;;ACRJ;ECAE;EACA;EACA;;;ACNF;EACE;EACA;EACA;EACA;EACA;EACA,SlEipB4B;;;AmExlBtB;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AArBJ;AAcA;EAOI;EAAA;;;AAcJ;AArBA;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;;;AAPJ;EAOI;;;A1DPR;E0DAI;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;A1DPR;E0DAI;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;A1DPR;E0DAI;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;A1DPR;E0DAI;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;A1DPR;E0DAI;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;IAAA;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;ACnDZ;ED4CQ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;AChCZ;EDyBQ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI;;;EAPJ;IAOI","file":"bootstrap-custom.css"}


--------------------------------------------------------------------------------
/styles/globals.css:
--------------------------------------------------------------------------------
  1 | @font-face {
  2 |   font-family: Inter;
  3 |   font-weight: 300;
  4 |   src: url("/fonts/Inter-Light.ttf") format("truetype");
  5 |   font-display: swap;
  6 | }
  7 | @font-face {
  8 |   font-family: Inter;
  9 |   font-weight: 400;
 10 |   src: url("/fonts/Inter-Regular.ttf") format("truetype");
 11 |   font-display: swap;
 12 | }
 13 | 
 14 | @font-face {
 15 |   font-family: Inter;
 16 |   font-weight: 500;
 17 |   src: url("/fonts/Inter-Medium.ttf") format("truetype");
 18 |   font-display: swap;
 19 | }
 20 | 
 21 | @font-face {
 22 |   font-family: Inter;
 23 |   font-weight: 600;
 24 |   src: url("/fonts/Inter-SemiBold.ttf") format("truetype");
 25 |   font-display: swap;
 26 | }
 27 | 
 28 | @font-face {
 29 |   font-family: Inter;
 30 |   font-weight: 700;
 31 |   src: url("/fonts/Inter-Bold.ttf") format("truetype");
 32 |   font-display: swap;
 33 | }
 34 | 
 35 | html,
 36 | body {
 37 |   padding: 0;
 38 |   margin: 0;
 39 |   height: 100%;
 40 |   background-color: #f3f4f6;
 41 |   font-family: Inter, -apple-system, BlinkMacSystemFont, Roboto, Segoe UI,
 42 |     Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
 43 | }
 44 | 
 45 | #__next {
 46 |   height: 100%;
 47 | }
 48 | 
 49 | .btn-facebook {
 50 |   background: #3b5998;
 51 |   padding: 0.375rem 0.75rem;
 52 |   font-size: 1rem;
 53 |   border: 0;
 54 |   border-radius: 0.25rem;
 55 |   color: white;
 56 |   font-weight: 400;
 57 |   width: 40px;
 58 |   height: 40px;
 59 | }
 60 | 
 61 | .btn-google {
 62 |   background: #db4a39;
 63 |   padding: 0.375rem 0.75rem;
 64 |   font-size: 1rem;
 65 |   border: 0;
 66 |   border-radius: 0.25rem;
 67 |   color: white;
 68 |   font-weight: 400;
 69 |   width: 40px;
 70 |   height: 40px;
 71 | }
 72 | 
 73 | .btn-apple {
 74 |   background: #000000;
 75 |   padding: 0.375rem 0.75rem;
 76 |   font-size: 1rem;
 77 |   border: 0;
 78 |   border-radius: 0.25rem;
 79 |   color: white;
 80 |   font-weight: 400;
 81 |   width: 40px;
 82 |   height: 40px;
 83 | }
 84 | 
 85 | .fw-medium {
 86 |   font-weight: 500;
 87 | }
 88 | 
 89 | .fw-semibold {
 90 |   font-weight: 600;
 91 | }
 92 | 
 93 | .bg-white {
 94 |   background: white;
 95 | }
 96 | 
 97 | .bg-background {
 98 |   background: #f3f4f6;
 99 | }
100 | 
101 | .bg-primary-darker {
102 |   background: #1448cc;
103 | }
104 | 
105 | .footer-link {
106 |   color: rgba(255, 255, 255, 0.75);
107 |   text-decoration: none;
108 | }
109 | 
110 | .footer-link:hover {
111 |   color: white;
112 |   text-decoration: none;
113 | }
114 | 
115 | .dropdown-menu-macos {
116 |   gap: 0.25rem;
117 |   padding: 0.5rem;
118 | }
119 | .dropdown-menu-macos .dropdown-item {
120 |   border-radius: 0.25rem;
121 | }
122 | 
123 | .dropdown-menu-macos .dropdown-item:hover {
124 |   border-radius: 0.25rem;
125 |   color: #fff;
126 |   background-color: var(--bs-primary);
127 | }
128 | 
129 | .dropdown-item-danger {
130 |   color: var(--bs-red);
131 | }
132 | .dropdown-item-danger:hover,
133 | .dropdown-item-danger:focus {
134 |   color: #fff;
135 |   background-color: var(--bs-red);
136 | }
137 | .dropdown-item-danger.active {
138 |   background-color: var(--bs-red);
139 | }
140 | 
141 | .my-list-item {
142 |   color: #000000;
143 |   text-decoration: none;
144 |   font-weight: 500;
145 |   border-radius: 0.25rem;
146 | }
147 | 
148 | .my-list-item svg {
149 |   color: #757575;
150 | }
151 | 
152 | .my-list-item:hover {
153 |   border-radius: 0.25rem;
154 |   background-color: #f2f2f2;
155 |   font-weight: 500;
156 |   color: black;
157 | }
158 | 
159 | .my-list-item.active {
160 |   color: var(--bs-primary);
161 |   background-color: var(--bs-secondary);
162 |   text-decoration: none;
163 |   font-weight: 500;
164 |   border-radius: 0.25rem;
165 | }
166 | 
167 | .my-list-item.active svg {
168 |   color: var(--bs-primary);
169 | }
170 | 


--------------------------------------------------------------------------------
/styles/scss/bootstrap-custom.scss:
--------------------------------------------------------------------------------
 1 | $min-contrast-ratio: 3;
 2 | 
 3 | //$primary: #662e9b;
 4 | $primary: #3167eb;
 5 | //$primary: #8c1a6a;
 6 | //$primary: #b36a5e;
 7 | //$primary: #4361ee;
 8 | //$primary: #c62e65;
 9 | 
10 | $secondary: #ecf1fd;
11 | //$secondary: #ecf0fd;
12 | //$light: #f3f4f6;
13 | $light: #f9fafb;
14 | $success: #30b52c;
15 | $danger: #d50002;
16 | $warning: #ff9017;
17 | 
18 | $navbar-toggler-focus-width: 0;
19 | 
20 | $navbar-light-color: rgba(0, 0, 0, 1) !default;
21 | $navbar-light-hover-color: rgba(0, 0, 0, 0.55) !default;
22 | 
23 | $nav-pills-link-active-color: $primary;
24 | $nav-pills-link-active-bg: $secondary;
25 | 
26 | $btn-font-weight: 500;
27 | 
28 | $box-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
29 | 
30 | @import "../../node_modules/bootstrap/scss/functions";
31 | @import "../../node_modules/bootstrap/scss/variables";
32 | @import "../../node_modules/bootstrap/scss/mixins";
33 | 
34 | $custom-colors: (
35 |   "default": #c9c9c9,
36 |   "primary-dark": #2059e9,
37 | );
38 | 
39 | $theme-colors: map-merge($theme-colors, $custom-colors);
40 | $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
41 | $utilities-colors: map-merge($utilities-colors, $theme-colors-rgb);
42 | $utilities-text-colors: map-loop(
43 |   $utilities-colors,
44 |   rgba-css-var,
45 |   "$key",
46 |   "text"
47 | );
48 | $utilities-bg-colors: map-loop($utilities-colors, rgba-css-var, "$key", "bg");
49 | 
50 | //$enable-rounded: false;
51 | 
52 | $input-focus-border-color: tint-color($component-active-bg, 0%);
53 | $input-focus-box-shadow: none;
54 | $form-select-focus-border-color: $input-focus-border-color;
55 | $form-select-focus-box-shadow: none;
56 | $accordion-button-focus-box-shadow: none;
57 | $accordion-border-width: 0;
58 | $accordion-button-active-bg: none;
59 | $accordion-button-active-color: none;
60 | 
61 | @import "../../node_modules/bootstrap/scss/bootstrap.scss";
62 | 


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